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

*{
	margin:0;
	padding:0;
}

html, body{
   
   height:100%;
   
   
   font-weight:100;
   font-family: 'News Cycle', sans-serif;
	background: url(../images/bg.jpg) top center repeat-x #e2e2e2;}
	
#wrap{ min-height:100%;}
#main{  padding-bottom:100px;}


ul, li {
 margin: 0;
 padding: 0;
}


img
{  border-style: none;}	
	




.container{
	width:960px;
	margin: 0 auto;
	
}



.leftbox{width:400px; float:left; text-indent:10px; padding-top:60px; padding-left:50px;}

.rightbox{width:400px; float:right; text-indent:10px; padding-top:60px; padding-right:50px;}




#header{
	height:150px;
	background:#000;
}


.logo{
	float:left;
}

.tel{
	float:right;
}

.terms{
	
	font-family:arial, sans-serif;
	font-size:10px;
	color:#333333;
	line-height:1.2em;
	border-left:solid 1px red;
	padding-left:10px;
	display:block;
	letter-spacing:.05em;
	
}


p{ 
	font-family:helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:1.5em;
	padding-top:15px;
	font-weight:200;
	
}

h1{
	font-size:44px;
	font-weight:100;
	line-height:1em;
	padding-left:0;
	padding-bottom:15px;
	color:#333333;
	border-bottom:solid 1px #cccccc;
}

h2{
	font-weight:100;
	font-size:22px;
	line-height:1em;
	color:#333333;
	padding-top:12px;
	
}

h3{
	font-weight:100;
	font-size:14px;
	line-height:1em;
	color:#333333;
	padding-top:12px;
}

#jd h3{
	font-family:helvetica, sans-serif;
	font-size:12px;
	line-height:1em;
	color:#333333;
	font-weight:100;
	padding-top:10px;
}

h4{
	
	font-size:16px;
	color:#ff0000;
	font-weight:300;
	padding-top:6px;
	line-height:17px;
	background: url(../images/panel_rule.jpg) bottom  repeat-x;
}

h5{
	font-family:helvetica, sans-serif;
	font-size:10px;
	line-height:1.2em;
	color:#333333;
	padding-top:4px;
	font-weight:100;
}

h6{
	font-family:arial, san-serif;
	font-size:14px;
	line-height:1.2em;
	color:#666;
	padding:14px 0 0px 14px;
	letter-spacing:.05em;
	font-weight:bold; }
	
	
a {color: #000; text-decoration: none; font-size:10px;}
a:visited {color:#000;}
a:hover {color: #ed1c24;}
a:active {color:#000;}

.carrot{font-family:helvetica, sans-serif;
	font-size:14px;
	color:#ff0000;
	font-weight:100;}

.red{color:#ff0000;}

.first{padding-top:15px;}

.sig{background: url(../images/page_foot_logo.png) bottom  repeat-x;
	padding-top:10px;
}






span a{
	display:none;
}


.orange{
	color:#f36523}

.clear{clear:both}


.flt_lft{
	float:left;
}

.flt_r{
	float:right;
}

#primary_nav{
	
	float:right;
	padding-top:76px;
	height:20px;
	line-height:20px;
	color:#666666;
	text-align:center;
	padding-right:50px;
	}
	
	
	
#primary_nav ul {
	text-align:right;
	
}


#primary_nav ul li{
	display: inline;;
}


#primary_nav .bullet{
	font-family: 'Pontano Sans', arial, sans-serif;
	color:#333333;
	line-height:20px;
	padding:0 15px;
	  font-weight:800;
  font-size:15px;
}



#primary_nav li.last{
padding-right:0px;
}

#primary_nav .last{border-style: none;}

#primary_nav a, #primary_nav a:active, #primary_nav a:link, #primary_nav a:visited  {
	color:#cccccc;
	text-decoration: none;
	letter-spacing:.1em;
	font-size:12px;
	display:inline;
	
}


#primary_nav a.contact{
	color:#666666}


#primary_nav a:hover {
    color:#ff0000;
	font-size:12px;
}

#secondary_nav{
	width:550px;
	float:right;
	padding-top:7px;
	height:20px;
	line-height:20px;
	padding-right:50px;
	}
	
#secondary_nav ul {
	text-align:right;
}

#secondary_nav ul li{
	display:inline;
}

#secondary_nav li{
	padding:0 7px;
}

#secondary_nav .last{border-style: none; padding-right:0;}

#secondary_nav a, #secondary_nav a:active, #secondary_nav a:link, #secondary_nav a:visited  {
	color: #999999;
	text-decoration: none;
	letter-spacing:.1em;
	font-size:11px;
}

#secondary_nav a:hover {
    color:#ff0000;
	font-size:11px;
	
}


.slider_thumbs{
	background: url(../images/link_icon.png) no-repeat;
	height:30px;
	line-height:23px;
	font-size:10px;
	font-weight:900;}
	

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

#services h3{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom: #cccccc solid 1px;
	


	
}

#services h3.last{
	padding-top:20px;
	padding-bottom:20px;
	border-style:none;
	
}


#services_pic{
	padding-top:50px;
	padding-left:15px;
	float:left;
	
}

#services_text{
	text-indent:10px;
	width:380px;
	padding-top:60px;
	padding-left:50px;
	padding-bottom:25px;
	float:left;
	
}

#services_text p{
	text-indent:0px;
	padding-left:10px;

}

#services_text li{
	font-size:12px;
	text-indent:0;
	list-style:none;
	padding-bottom:5px;
	display:block;}
	
	
	
.services_bullet{
	padding-left:50px;}
	
.services_bullet li{
	font-size:18px;
	text-indent:0;
	list-style:none;
	padding-bottom:5px;
	display:block;}

.detail_block{
	width:300px;
	padding-left:15px;
	float:left;
	padding-top:10px;
}


.detail_block_wide{
	width:920px;
	padding-left:15px;
	float:left;
	padding-top:10px;
}

.detail_block h2{
	font-size:28px;
}

.detail_block h3{
	border-bottom:1px solid #cccccc;
	padding-bottom:7px;
	font-size:14px;}

.detail_block p{
	line-height:1.3em;
	padding-top:5px;
}

.detail_pic{
	float:left;
	padding-left:15px;
	
}

.detail_text{
	float:left;
	padding-left:15px;
	width:130px;
	padding-top:0;
	line-height:1em;
	
}

.detail_title{
	padding-left:15px;
	float:left;
	width:280px;
	padding-bottom:20px;
	}
	
.detail_title_wide{
	padding-left:15px;
	float:left;
	width:890px;
	padding-bottom:20px;
	}
	

#panel{
	width:960px;
	margin:0 auto;
	background: url(../images/bg_panel.png) no-repeat top center;
	margin-bottom:10px;
	}


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

#about h3{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom: #cccccc solid 1px;
	}

#services h3.last{
	padding-top:20px;
	padding-bottom:20px;
	border-style:none;
	border-bottom: none;
	}
	
.about_block{
	width:400px;
	padding-top:10px;
	padding-left:50px;
	float:left;
}
	
#about .leftbox h3{
	padding-top:10px;
	padding-bottom:10px;
	border-style:none;
	text-indent:0;
	}
	
#about .leftbox hr{
	margin-top:15px;
	margin-bottom:15px;
	display:block;
	}

	
#about .leftbox img{
	padding-top:5px;
	padding-right:10px;
	border-style:none;
	text-indent:0;
	
	}

.current_project{
	width:450px;
	padding-top:10px;
	padding-left:60px;
	float:left;
}

.current_project .pic{
	width:250px;
	float:left;
	padding-left:20px;

}

.current_project .text{
	width:170px;
	float:left;
}

/*----------------------------------------------------------- form box */
	

body#contact h3{ font-size:18px;}

body#contact h3 a{ font-size:18px; color:red;}
body#contact h3 a:hover{ color:#666666;}



body#contact em{ 	font-size: 15px;
					display: block;
					color: red;
					padding-top:10px;}


	.formbox {
	width:400px;
	padding-top:60px;
	padding-right:40px;
	float:right;
	
   font-family: 'News Cycle', sans-serif;
   padding-bottom:25px;
}
.formbox input.gray {background-color: #e8e8e8; font-size: 10px;}
.formbox form 
{
	padding: 0px;
	margin-bottom: 10px;
	padding-top:20px;
	width: 260px;
	
}
.formbox  textarea.gray {background-color: #e8e8e8; font-size: 10px;}
form {
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
}
.formbox input {
	padding: 5px;
	margin-bottom: 15px;
	background-color:#fdfdfd;
	width:390px;
	border:1px solid #cccccc;
	height:20px;
	float:left;
	color:#ff0000;
	font-family: 'News Cycle', sans-serif;
	font-size:12px;
	letter-spacing:.1em;
	}
	
#submitbutton input:hover {
    border:1px solid #cccccc;
    background: #333333;
	color:#ffffff;
}	
	
	
.formbox label{
	float: left;
	width: 100px;
	display: block;
	text-align: left;
	letter-spacing:.1em;
	color:#333;
	font-weight:normal;
	font-size:11px;

}
.formbox textarea {
	margin-bottom: 15px;
	padding:5px;
	background-color:#fdfdfd;
	width:390px;
	border:1px solid #cccccc;
	height:75px;
	float:left;
	color:#ff0000;
	font-family: 'News Cycle', sans-serif;
	font-size:12px;
	letter-spacing:.1em;
}
	
.formbox #submitbutton {
	width: 100px;
	float:left;
	padding:2px;
	height:30px;
	display:block;
	cursor:pointer;
}




#footer{ height:100px;
		background:#000000;
		
		margin-top:-100px;
		clear:both;
		
		
}

.social{ padding-top:20px; padding-left:10px; float:left;}

.social p{ padding-top:3px; line-height:1.1em; text-align:left; color:#666666; font-size:10px; height:26px;}

.social .icon{ padding-right:7px; float:left;}

.copyright {color:#666666; font-size:10px;  width:300px; text-align:right; float:right; padding-right:50px; padding-top:20px;}

.link_icon{
	font-family:helvetica, sans-serif;
	height:20px;
	line-height:20px;
	font-size:10px;
	font-weight:900;
	color:#666666;
	padding-top:10px;
	}