@import "reset.css";
@import "default.css";

.clearboth{
	clear:both;
}


body{
	font-family:Tahoma,Helvetica,Verdana,Arial;
	line-height:2.5em;
	/*color:#006426;*/
	/*color:#759e76;*/
	color:black;
	}

#main{
	position:relative;
	width:1024px;
	height:768px;
	margin:0 auto;
	background:url(../images/main_back.jpg) 0 540px no-repeat;
}

#intro{
	position:absolute;
	top:0px;
	left:0px;
	height:768px;
	width:1024px;
	background-color:white;
	z-index:99;
}

#content{
	position:absolute:
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}

#banner{
	/*position:absolute;*/
	/*top:0px;*/
	/*left:0px;*/
	height:133px;
	width:1024px;
	background:url(../images/banner_back.jpg) 0 0 no-repeat;
}


ul#nav{
	width:400px;
	float:left;
	margin-top:90px;
	margin-left:320px;
	}

ul#nav li{
	float:left;
	}

a.nav_link{
	display:block;
	width:100px;
	height:30px;
	background:url(../images/nav_back.jpg) 0 0 no-repeat;
	}

a#home{
	background-position:0 0;
}	

a#services{
	background-position:-100px 0;
}	

a#portfolio{
	background-position:-200px 0;
}

a#contact{
	background-position:-300px 0;
}

a#home.hover{
	background-position:0 -60px;
}	

a#services.hover{
	background-position:-100px -60px;
}	

a#portfolio.hover{
	background-position:-200px -60px;
}

a#contact.hover{
	background-position:-300px -60px;
}

	
a#home.current{
	background-position:0 -60px;
}	

a#services.current{
	background-position:-100px -60px;
}	

a#portfolio.current{
	background-position:-200px -60px;
}

a#contact.current{
	background-position:-300px -60px;
}
	
	
a#email{
	display:block;
	width:271px;
	float:right;
	margin-top:90px;
	margin-right:5px;
	height:29px;
	background:url(../images/email_back.jpg) 0 0 no-repeat;
}

a#email.hilite{
	background-position:0 -30px;
}

a#js_email{
	text-decoration:none;
	color:black;
	}

a#js_email:hover{
	color:#black;
	}
		
div#tab_container{
	height:635px;
	}
	
div.tab_content{
	display:none;
}

div.headline{
	width:100%;
	height:100px;
	margin-top:0px;
	}
	
div#home_headline{
	background:url(../images/home_headline.jpg) 0 0 no-repeat;
}		

div#portfolio_headline{
	background:url(../images/portfolio_headline.jpg) 0 0 no-repeat;
}		

div#contact_headline{
	background:url(../images/contact_headline.jpg) 0 0 no-repeat;
}		

div.headline_short{
	width:100%;
	height:55px;
	margin-top:10px;
	}
	
div#services_1_headline{
	background:url(../images/services_1_headline.jpg) 0 0 no-repeat;
}		

div#services_2_headline{
	background:url(../images/services_2_headline.jpg) 0 0 no-repeat;
}		

img#home_pic{
	margin-top:5px;
	margin-left:10px;
	float:left;
	}

div#home_text{
	float:right;
	width:310px;
	font-size:1.5em;
	/*color:#b2c9b1;*/
	}
	
div#home_text p{
	margin-bottom:10px;
	}	
	
div.col{
	width:450px;
	margin-left:20px;
	height:768px;
	float:left;
	}

div#col_right{
	float:right;
	margin-right:40px;
	}
		
ul.services_list{
	margin-left:15px;
	}
	
ul.services_list li{
	font-size:1.4em;
	list-style-type:disc;
	margin-bottom:5px;
}

ul#how_work li{
	line-height:1.5em;
}

/**** PORTFOLIO PAGE ***/

ul#portfolio_list{
	width:100%;
	margin-top:10px;
	}
	
ul#portfolio_list li{
	width:44%;
	float:left;
	margin-bottom:30px;
	margin-left:5px;
	margin-right:15px;
	cursor:pointer;
	}

ul#portfolio_list li.rollover{
	color:black;
}

ul#portfolio_list img{
	float:left;
	}
		
div.folio_text{
	margin-right:15px;
	padding-top:0px;
	padding-right:50px;
	width:250px;
	float:right;
	}

ul#portfolio_list h1{
	font-size:1.6em;
	font-weight:normal;
	}

ul#portfolio_list p{
	font-size:1.2em;
	line-height:1.5em;
	}
	
	
/**** CONTACT PAGE ***/

div#tab_contact img{
	margin-top:10px;
	float:left;
	}
	
div#contact_text{
	width:255px;
	float:right;
	}
	
div#contact_text p{
	margin-bottom:10px;
	margin-top:10px;
	line-height:1.5em;
	font-size:1.4em;
}	

/*** FOLIO PAGE   ***/

div#image_col{
	height:550px;
	width:675px;
	margin-left:20px;
	margin-top:15px;
	/*padding-right:25px;*/
	background:url(../images/image_col_back.jpg) right 0 no-repeat;
	float:left;
}

div#text_thumb_col{
	width:300px;
	height:550px;
	margin-top:15px;
	float:right;
	}
	
ul#thumbs{
	float:right;
	}
	
div#folio_text{
	height:200px;
}

div#folio_text h1{
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:10px;
	}

div#folio_text p{
	font-size:1.2em;
	line-height:1.7em;
	
	}

/* width is calculated by */
/* multiplying image dimenion+10 by 4 */
/* may need to alter margin-top as well */

ul#thumbs{
	width:240px;
	margin-top:55px;
	}
	
ul#thumbs li,
ul#thumbs img{
	width:50px;
	height:50px;
}

ul#thumbs li{
	padding:5px;
	float:right;
	}
	
img.thumb{
	cursor:pointer;
}