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

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	background:#fff;
	line-height:125%;
	}
	
#header{
	background:#111;
	width:100%;
	height:250px;
	}

#center_header{
	padding-top:50px;
	width:960px;
	margin:0 auto;
	}

#logo{
	background:url(../images/logo.jpg) no-repeat;
	width:287px;
	height:87px;
	display:block;
	float:left;
	}

#tagline{
	background:url(../images/header.jpg) no-repeat;
	width:452px;
	height:45px;
	display:block;
	float:left;
	margin:20px 0 0 30px;
	padding:0;
	}
p.tagline_text{
	width:452px;
	height:45px;
	display:block;
	margin:-10px auto 0 auto;
	color:#fff;
	font-size:21px;
	padding-left:140px;
	line-height:130%;
	letter-spacing:-1px;
	}

#body{
	width:960px;
	margin:0 auto;
	}

.left_divide{
	background:url(../images/left_divide.jpg) no-repeat;
	width:960px;
	height:5px;
	display:block;
	float:left;
	margin-top:100px;
	}
	
.right_divide{
	background:url(../images/right_divide.jpg) no-repeat;
	width:960px;
	height:5px;
	display:block;
	float:left;
	margin-top:100px;
	}

.who_header{
	background:url(../images/who_header.jpg) no-repeat;
	width:148px;
	height:37px;
	display:block;
	float:left;
	margin-top:-5px;
	}
	
.what_header{
	background:url(../images/what_header.jpg) no-repeat;
	width:177px;
	height:37px;
	display:block;
	float:right;
	margin-top:-10px;
	}

.contact_header{
	background:url(../images/contact_header.jpg) no-repeat;
	width:177px;
	height:37px;
	display:block;
	float:left;
	margin-top:-10px;
	}

.col1{
	width:320px;
	float:left;
	margin-top:30px;
	}

.col2{
	width:320px;
	float:left;
	margin-top:30px;
	}

.col3{
	width:320px;
	float:left;
	margin-top:30px;
	}

.col3_contact{
	width:305px;
	float:left;
	margin-top:30px;
	padding-left:15px;
	}

.col3 p{
	padding-left:10px;
	}

.col1_port{
	width:320px;
	float:left;
	margin-top:40px;
	}
.col2_port{
	width:320px;
	float:left;
	margin-top:40px;
	}

.col2_form{
	width:320px;
	float:left;
	margin-top:40px;
	}

.col1_port ul{
	list-style:none;
	padding:0;
	margin:0;
	}

.col2_port ul{
	list-style:none;
	padding:0;
	margin:0;
	}

.col1_portfolio{
	width:640px;
	float:left;
	margin-top:40px;
	}
.portfolio_bb{
	background:url(../images/portfolio/image_main_bb.jpg) no-repeat;
	width:604px;
	height:566px;
	display:block;
	margin-top:-5px;
	}
.portfolio_kl{
	background:url(../images/portfolio/image_main_kl.jpg) no-repeat;
	width:604px;
	height:612px;
	display:block;
	margin-top:-5px;
	}
.portfolio_br{
	background:url(../images/portfolio/image_main_br.jpg) no-repeat;
	width:604px;
	height:747px;
	display:block;
	margin-top:-5px;
	}
.portfolio_bc{
	background:url(../images/portfolio/image_main_bc.jpg) no-repeat;
	width:604px;
	height:300px;
	display:block;
	margin-top:-5px;
	}

.col3_portfolio{
	width:320px;
	float:left;
	margin-top:40px;
	}

.portfolio_header_bb{
	background:url(../images/portfolio_header_bb.jpg) no-repeat;
	width:190px;
	height:37px;
	display:block;
	float:left;
	margin-top:-5px;
	}
.portfolio_header_kl{
	background:url(../images/portfolio_header_kl.jpg) no-repeat;
	width:190px;
	height:37px;
	display:block;
	float:left;
	margin-top:-5px;
	}
.portfolio_header_bc{
	background:url(../images/portfolio_header_bc.jpg) no-repeat;
	width:190px;
	height:37px;
	display:block;
	float:left;
	margin-top:-5px;
	}	
.portfolio_header_br{
	background:url(../images/portfolio_header_br.jpg) no-repeat;
	width:190px;
	height:37px;
	display:block;
	float:left;
	margin-top:-5px;
	}
.portfolio_title{
	margin:0;
	padding:5px 0 0 5px;
	}

.portfolio_desc{
	margin:0;
	padding:5px 0 15px 5px;
	color:#666;
	font-size:11px;
	}
	
/*--------------------------------------------------------------CONTACT FORM-------------------------------------------------------------- */
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	margin-left:10px;
	background: #111;
	border:none;
	color: #fff;
	}
	
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	margin-left:10px;
	background: #111;
	border:none;
	color: #fff;
	width: 275px;
	scrollbar-3dlight-color:#222;
	scrollbar-arrow-color:#454545;
	scrollbar-base-color:#111;
	scrollbar-darkshadow-color:#111;
	scrollbar-face-color:#222;
	scrollbar-highlight-color:#454545;
	scrollbar-shadow-color:#333
	}
	
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px;
	margin-left:10px;
	}

.submit input{
	color:#fff;
	border: solid 1px #111;
	background: #fff;
	color: #111;
	padding:5px;
	font-size:15px;
	}
.submit input:hover{
	background-color:#D6FF99;
	cursor:pointer;
	}

.error{
	color:#b50101;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	margin-left:10px;
	margin-top:0;
	padding-top:0;
	}
.confirm{
	color:#111;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	margin-left:10px;
	margin-top:0;
	padding-top:0;
	}

.form_width input, textarea{
	width:275px;
	}

table tr td{
	padding:5px 0;
	margin:0;
	width:275px;
	}
	

/*--------------------------------------------------------------CONTACT FORM END-------------------------------------------------------------- */

#footer{
	border-top:solid #111 1px;
	width:960px;
	margin:0 auto;
	display:block;
	padding:40px 0;
	margin-top:50px;
	}

#footer p{
	width:160px;
	margin:0 auto;
	padding-bottom:50px;
	}

.email_link{
	float:right;
	}

.email_link a:link{color:#111;text-decoration:none;}
.email_link a:visited{color:#111;text-decoration:none;}
.email_link a:hover{color:#111;text-decoration:none;background-color:#D6FF99;}
.email_link a:active{color:#111;text-decoration:none;}

a:link.portfolio_site {color:#111;text-decoration:none;}
a:visited.portfolio_site {color:#111;text-decoration:none;}
a:hover.portfolio_site {color:#111;text-decoration:none; background-color:#D6FF99}
a:active.portfolio_site {color:#111;text-decoration:none;}

.portfolio_link{
	border-top:solid #111 1px;
	border-bottom:solid #111 3px;
	padding:15px 0;
	}
.portfolio_text{
	padding: 0 0 20px 0;
	}

.clear{
	clear:both;
	margin:0;
	padding:0;
	}

a:link.portfolio_item img{border: 5px solid #fff; border-width: 5px;}
a:visited.portfolio_item img{border: 5px solid #fff;border-width: 5px;}
a:hover.portfolio_item img {border: 5px solid #D6FF99;border-width: 5px;}
a:active.portfolio_item img{border: 5px solid #fff;border-width: 5px;}