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

h1 {
	color:#1f1f1f; 
	font-family:Helvetica, Arial;
	font-size:31px;
	font-weight:100;
}


h2 {
	color:#1f1f1f; 
	font-family:Helvetica, Arial;
	font-size:24px;
	font-weight:100;
}


h4 {
	color:#1f1f1f; 
	font-family:Helvetica, Arial;
	font-size:19px;
	font-weight:100;
}


p {
	color:#575757;
	font-family:Helvetica, Arial;
	font-weight:100;
}


a:link {
	color:#1f1f1f;
	font-family:Helvetica, Arial;
	font-weight:100;
}


a:visited {
	color:#1f1f1f;
	font-family:Helvetica, Arial;
	font-weight:100;
}


ul {
	font-family:Helvetica, Arial, sans-serif;
}


li {
	font-family:Helvetica, Arial, sans-serif;
}



/*--------------- Header -----------------*/

div#header {
	background-image:url(images/bg_header.jpg);
	background-repeat:repeat-x;
	z-index:99999;
}


div#header_content {
	width:920px;
	margin:0 auto;
}



/*--------------- Nav -----------------*/

div#nav {
	background-color:#333333;
	height:62px;
}


li.nav {
	float:left;
	padding:17px;
}


a.nav_home { 
	display:block; 
	height:33px; 
	width:74px; 
	overflow:hidden;
	background-image:url(images/nav_home.jpg);
}
a.nav_home:hover {
	display:block; 
	background-position:0 -33px; 
}

a.nav_portfolio { 
	display:block; 
	height:33px; 
	width:127px; 
	overflow:hidden;
	background-image:url(images/nav_portfolio.jpg);
}
a.nav_portfolio:hover {
	display:block; 
	background-position:0 -33px; 
}

a.nav_photo { 
	display:block; 
	height:33px; 
	width:77px; 
	overflow:hidden;
	background-image:url(images/nav_photo.jpg);
}
a.nav_photo:hover {
	display:block; 
	background-position:0 -33px; 
}


/*--------------- Banner -----------------*/

div#banner {
	background-image:url(images/bg_banner.jpg);
	height:207px;
	width:920px;
}


div.banner_content {
	padding-top:9px;
	padding-left:8px;
	display:block;
}


div.banner {
	display:inline-block;
}


div.blurb {
	display:inline-block;
	vertical-align:top;
}


h1.blurb {
	font-family:Helvetica, Arial;
	color:white;
	font-size:47px;
	font-weight:500;
}


h3.blurb {
	font-family:Helvetica, Arial;
	color:white;
	font-size:19px;
	font-weight:100;
	position:relative;
	left:35px;
	top:13px;
	padding:1px;
}

/*--------------- Main -----------------*/

div#main {
	background-image:url(images/bg_main.jpg);
	background-repeat:repeat-x;
	z-index:99999;
}


div#main_content {
	width:920px;
	margin:0 auto;
	height:980px;
}


div#main_topleft {
	display:inline-block;
	width:275px;
	height:476px;
	vertical-align:top;
	position:relative;
	top:76px;
	
}


h3.title {
	font-family:Helvetica, Arial;
	color:#1f1f1f;
	font-weight:100;
	padding-bottom:5px;
}


div#divider_top {
	display:inline-block;
	width:9px;
	height:476px;
	vertical-align:top;
	padding-left:7px;
}


div#main_topright {
	display:inline-block;
	width:620px;
	height:476px;
	vertical-align:top;
	position:relative;
	top:45px;
}


p.description {
	position:relative;
	top:-13px;
	left:45px;
	width:450px;
	font-size:12px;
}


h1.recent_works {
	position:relative;
	left:29px;
}


div#divider_h {
	position:relative;
	left:-7px;
}


div#main_bottomleft {
	display:inline-block;
	width:275px;
	height:476px;
	vertical-align:top;
}


div#divider_bottom {
	display:inline-block;
	width:9px;
	height:476px;
	vertical-align:top;
	padding-left:7px;
}


div#main_bottomright {
	display:inline-block;
	width:620px;
	height:476px;
	vertical-align:top;
	position:relative;
	top:32px;
}


h1.view_more {
	position:relative;
	top:45px;
	left:450px;
	width:160px;
}



/*--------------- Portfolio -----------------*/

div#port_main_content {
	width:920px;
	margin:0 auto;
	height:5900px;
}


div.services {
	position:relative;
	top:25px;
	display:inline-block;
	width:320px;
	padding-right:90px;
}


h2.h2_big {
	font-family:Helvetica, Arial, sans-serif;
	color:#1f1f1f;
	font-size:31px;
	font-weight:100;
	position:relative;
	left:35px;
	padding-bottom:5px;
}


ul.what {
	position:relative;
	font-size:18px;
	left:24px;
	color:#333333;
}


li.small {
	position:relative;
	left:15px;
	font-size:14px;
	color:#1f1f1f;
	padding-bottom:5px;
}


div.port_blurb {
	display:inline-block;
	width:450px;
	position:relative;
	top:24px;
	vertical-align:top;
	padding-top:55px;
}


p.port_nav {
	position:relative; 
	left:15px; 
	padding-top:4px; 
	line-height:21px;
	background-image:url(images/click.jpg);
	background-repeat:no-repeat;
	height:135px;
}


div.web {
	position:relative;
	top:100px;
}


div.describe {
	display:inline-block;
	width:280px;
	padding-right:50px;
	vertical-align:top;	
}


div.describe span {
	font-family:Helvetica, Arial, sans-serif;
	color:#575757;
	position:relative;
	top:20px;
	left:45px;
}


div.work {
	display:inline-block;
	width:565px;
}


div.spacer {
	height:50px;
}


div.print {
	position:relative;
	top:225px;
	display:block;
	height:975px;
}


ul.wrapper_ul {
	padding-top:20px;
	padding-left:50px;
}


li.wrapper_li {
	float:left;
	padding-bottom:50px;
}


ul.print_examples {
	position:relative;
	padding-left:95px;
	float:left;
}


li.has_img {
	padding-left:0px;
}


li.has_img a img {
	border:1px solid #CCCCCC;
}


li.detail {
	font-size:12px;
}


div.visual {
	position:relative;
	top:100px;
	display:block;
}


/*--------------- Photos -----------------*/

div#photo_main_content {
	width:920px;
	margin:0 auto;
	height:1150px;
}


ul.thumbnails {
	position:relative;
	top:25px;
}


ul.thumbnails li {
	float:left;
	padding:16px;
}


ul.thumbnails li a img {
	border:1px solid #CCCCCC;
}





/*--------------- Footer -----------------*/

div#footer {
	background-color:#333333;
}


div#pre_footer {
	background-image:url(images/bg_footer.jpg);
	background-repeat:repeat-x;
	z-index:99999;
	height:49px;
}


div#footer_content{
	width:920px;
	margin:0 auto;
	height:95px;
	padding:20px;
}


h1.contact {
	color:white;
	font-size:28px;
	padding-bottom:4px;
}


a.a_contact {
	color:white;
}


a.a_contact:visited {
	color:white;
}