@charset "utf-8";
/* CSS Document */

/****************************** Main Css ******************************/
*/
html, body {border: 0; margin: 0; padding: 0; height: 100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #EFEFEF;
	line-height: 1.8em;
	font-size:11px;
}
	p {}
	p, ul, ol { margin: 0; padding: 0; list-style:none; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }	
	
/************************* Global font and linking *************************/	
a { color:#bfbfbf; text-decoration:none;}
a:hover { color:white; }

h2 {
	color: #303030;
	font: bold 36px Arial, Helvetica, sans-serif;

}
h3 { color:#bfbfbf; text-shadow: 1px 1px 0pt white;}

/************************* Wrapper Css *************************/	
#wrapper {
	width:100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: auto; min-height: 100%;
}

#header { width:100%; height:58px; background:#000; line-height:1.2em; padding:15px 0; position:fixed; margin-bottom:12px; z-index:20; }
#header #header-content { width:700px;/* margin:0 auto;*/ margin-left:3%; float:left; }
#header-content-logo {color:white; font-size:36px; font-weight:bold; float:left; margin:0 100px 0 0; letter-spacing:-2px; }
#header-content .box { float:left; color:#C00; padding:0 15px; text-shadow: 1px 1px 0pt black; font-size:10px; font-weight:bold; text-transform:uppercase; border-right:1px dotted #C00; margin-top:25px; }

#namecard { /*width:877px;*/width:100%; height:378px; margin:0 auto; background: black url(../images/namecard.jpg) no-repeat left top; margin-top:50px; position:relative; float:left;}
#address {position:absolute; right:10px; bottom:10px;}
#address a{text-decoration:none; color:#666; text-transform: uppercase; font-size:12px; font-weight:bold; }
#address a:hover {color:white;}

#content {position:absolute; right:0; top:30px; width:450px; height:200px; color:#C00}

#portfolio {padding: 10px 3%; float:left; margin:80px 0 20px 0; color:black}
ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 220px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 300px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
	background-color: #DDD;
	border-radius: 5px;
	/*Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	position:relative;
}
.block h3 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
	/* box shadow. Supported in Safari and Firefox 3.5*/
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0,0,0,.1); 
}
.block a { color:#bfbfbf; text-shadow: 1px 1px 0pt white; text-decoration:underline;}
.block a:hover { color:black; }

.block.black {background-color:#000; color:#C00; position:relative; text-align:right; }
.block.black h2 { line-height:1em !important; font:bold 32px Arial, Helvetica, sans-serif; color: #222; text-transform:uppercase; position:absolute; bottom:0; right:10px; }

#footer { width:100%; background:#000; float:left; line-height:1.2em; padding:15px 0;}
#footer-about {width:500px; float:left; margin-left:3%; color:#bfbfbf;}
#footer-content { float:right; width:auto; margin-right:3%; }