﻿body{

	margin:0px;

	padding:0px;

	font-size:13px;

	color:#383636;

	font-family:Arial, Helvetica, sans-serif;

	background:#000 url(../images/main_bg.jpg) no-repeat center top;

	}

	

img{

	border:none;

	}

	

.clear{

	clear:both;

	}

	

.f_left{

	float:left;

	}

	

.f_right{

	float:right;

	}

	

a{

	outline:none;

	}

	

#wraper{

	margin:0 auto;

	padding:0px;

	width:960px;

	}

	

#header{

	width:960px;

	height:160px;

	}

	

#header h1{

	margin:0px;

	padding:0px;

	float:left;

	width:305px;

	height:140px;

	}

	

#header_right{

	width:615px;

	height:160px;

	float:right;

	}



#nav{

	margin:19px 0 0 0;

	padding:0px;

	}



#nav2{

	margin:50px 0 0 0;

	padding:0px;

	}

	

#nav ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

#nav li{

	margin:0px;

	padding:0px;

	display:inline;

	float:left;

	}

	

#nav li a{

	margin:0px;

	padding:0px 10px 0px 10px;

	font-size:12px;

	float:left;

	color:#fff;

	height:28px;

	line-height:25px;

	cursor:pointer;

	text-transform:uppercase;

	text-decoration:none;



	}

	

#nav li a span{

	margin:0px;

	padding:0px 10px 0px 0;

	float:left;

	height:28px;

	}

	

#nav li a:hover, #nav li a.select{

	color:#000;

	background:url(../images/left_nav.png) no-repeat left;

	}

	

#nav li a:hover span, #nav li a.select span{

	background:url(../images/right_nav.png) no-repeat right;

	}

	

#header_call{

	float:right;

	padding:50px 5px 0 0;

	-padding:30px 5px 0 0;

	}

	

#mid{

	width:916px;

	min-height: 400px;

	margin:10px 0 0 10px;

	padding:8px 12px 30px 12px;

	background:#fff url(../images/page_bg.jpg) repeat-x top left;

	}

	

#InternalMid{

	width:916px;

	min-height: 400px;

	margin:10px 0 0 10px;

	padding:8px 12px 30px 12px;

	background:#fff;

	}

	

#right_top{

	margin:0px;

	padding:0px;

	float:right;

	width:315px;



	}

	

#right_top h2{

	margin:0px;

	padding:5px 0 0 0;

	font-size:18px;

	color:#404040;

	font-weight:normal;

	}

	

#right_top h1{

	margin:0px;

	padding:10px 0 0 0;

	font-size:18px;

	color:#e87a3b;

	-letter-spacing:-1px;

	}
	
	#right_top h4{

	margin:0px;

	padding:10px 0 0 0;

	font-size:18px;

	color:#e87a3b;

	-letter-spacing:-1px;

	}

	

#green_nav{

	margin:10px 0 0 0;

	padding:0px;

	}

	

#green_nav ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

#green_nav li{

	margin:0px;

	padding:5px 0 5px 20px;

	display:block;

	line-height:20px;

	color:#404040;

	background:url(../images/icon_right.png) no-repeat 0 8px;

	}

	

#isyour_heading{
	font-family: 'HelveticaLTCondensedBlackRegu', 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #E87A3B;
	margin:13px 0 0 0;
	float:left;

	}

	

#contact_btn{

	float:right;

	padding:15px 60px 0 0;

	}

	

#left_content{

	width:570px;

	float:left;

	padding:38px 0 0 0;

	}

	

#left_content p{

	padding:14px 0 0 0;

	line-height:20px;

	font-size:13px;

	}

	

#left_content h1, #pictures h1 {

	font-family: 'HelveticaLTCondensedBlackRegu', 'Myriad Pro', Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 30px;

	color: #13055b;

	padding: 0 0 5px 0;

}

#left_content h2{

	font-family: 'HelveticaLTCondensedBlackRegu', 'Myriad Pro', Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 24px;

	color: #13055b;

	padding: 0 0 5px 0;

}
	

#left_content h4{

	margin:0px;

	padding:15px 0 0 0;

	line-height:20px;

	color:#13055b;

	font-size:13px;

	}

	

#left_content h4 span{

	font-style:italic

	}



.left_nav{

	margin:0px;

	padding:10px 0 0 0;

	width:110px;

	float:left;

	}

	

.left_nav ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

.left_nav li{

	margin:0px;

	padding:0px 0 0 13px;

	display:block;

	font-size:12px;

	color:#000;

	line-height:20px;

	background:url(../images/arow.gif) no-repeat 0 7px;

	}

	

#right_content{

	width:310px;

	float:right;

	padding:0 0 0 0;

	}

	

#right_content h1{

	padding:10px 0 0 0;

	margin:0px;

	font-size:18px;

	color:#e87a3b;

	font-weight:bold;

	font-family: 'MyriadProRegular', 'Myriad Pro', Arial, Helvetica, sans-serif;

	}
	
#right_content h3{

	padding:10px 0 0 0;

	margin:0px;

	font-size:28px;

	color:#999999;

	font-weight:bold;

	font-family: 'MyriadProRegular', 'Myriad Pro', Arial, Helvetica, sans-serif;

	}	
	
	
	#right_content h4{

	padding:10px 0 0 0;

	margin:0px;

	font-size:18px;

	color:#e87a3b;

	font-weight:bold;

	font-family: 'MyriadProRegular', 'Myriad Pro', Arial, Helvetica, sans-serif;

	}

	

#right_content h2{

	padding:10px 0 0 30px;

	margin:0px;

	font-size:18px;

	color:#d1692d;

	font-weight:bold;

	background:url(../images/quote.jpg) no-repeat 0 10px;

	font-family: 'MyriadProRegular', 'Myriad Pro', Arial, Helvetica, sans-serif;

	}

	

#right_content h3{

	padding:10px 0 0 0;

	margin:0px;

	font-size:13px;

	color:#333;

	line-height:20px;

	font-weight: normal;

	}

	

#right_content h3 a{

	font-size:13px;

	color:#d1692d;

	text-decoration:underline;

	}

	

#right_content h3 a:hover{

	text-decoration:none;

	}

	

#right_content p{

	padding:10px 0 0 0;

	margin:0px;

	font-size:12px;

	color:#333;

	font-style:italic;

	line-height:20px;

	}

	

.line{

	margin:10px 0 0 0;

	border-top:1px #d9d9d9 solid;

	}

	

	

.sliderBox {

	background:url(images/slider_bg.png) no-repeat;

	width: 306px;

	height: 101px;

	}





	

#footer{

	margin:0px;

	padding:10px 0 0 20px;

	width:930px;

	}



.foot_nav{

	margin:0px;

	padding:0px;

	float:left;

	width:85px;

	}

	

.foot_nav ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

.foot_nav li{

	margin:0px;

	padding:5px 0 0 0;

	display:block;

	}

	

.foot_nav a{

	margin:0px;

	padding:0px;

	font-size:12px;

	color:#fff;

	text-transform:uppercase;

	text-decoration:none;

	font-family: Arial, Helvetica, sans-serif;

	}

	

.foot_nav a:hover {

	text-decoration: underline;

	}

	

#icon {
	position: relative;
	width: 192px;

	padding: 0 0 0 0 25px;
	top: -10px;

	float:right;

	}



#icon h2 {

	margin:0px;

	padding:8px 0 10px 0;

	font-size:12px;

	color:#fff;

	font-weight:normal;

	text-transform:uppercase;

	text-decoration:none;

	font-family: 'MyriadProRegular', 'Myriad Pro', Arial, Helvetica, sans-serif;

	}





#footer_right {

	padding:5px 0 0 10px;
	margin: 0 auto;
	float: left;
	width:510px;

	}



#footer_right p {

	padding:10px 0 0 0;

	margin:0px;

	font-size:11px;

	line-height:14px;

	color:#ccc;

	}

	

.contact {

	width: 500px;

	margin: 10px 0 0 0;

}

	

.contact p {

	margin: 0 0 5px 0;

}



.contact label {

	width: 120px;

	float: left;

	margin: 2px 0 0 0;

}



.contact textarea {

	margin:0px;

	padding:3px 0 3px 5px;

	width:300px;

	height:100px;

	background:#fff;

	border:2px #e3e0e0 solid;

	font: 12px Arial, Helvetica, sans-serif;

}

	

.contact .in_put{

	margin:0px;

	padding:3px 0 3px 5px;

	width:300px;

	height:20px;

	background:#fff;

	border:2px #e3e0e0 solid;

	}







/*--------------- side bar-----------------------*/

.sliderBox {

	margin:10px 0 0 0;

	padding:5px 0 0 0;

	background: url(../images/slider_bg.png) no-repeat;

	width: 306px;

	height: 96px;

	}



.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 240px; /*Width of Carousel Viewer itself*/

height: 101px; /*Height should enough to fit largest content's height*/

margin: 0 0 0 30px;

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 10px; /*margin around each panel*/

width: auto; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}



/* pictures */

#pictures {

	width: 916px;

	padding: 15px 0 0 0;

}



.picturesBox {

	width: 260px;

	height: 230px;

	float: left;

	display: inline;

	margin: 0 0 30px 40px;

	border: 1px solid #e3e0e0;

}



/* Request a quote */

#requestQuote {

	width: 500px;

	margin: 10px 0 0 0;

}



#requestQuote p {

	margin: 0 0 14px 0;

}



#requestQuote label {

	width: 150px;

	float: left;

}



#requestQuote .inputQuote {

	margin:0px;

	padding:3px 0 3px 5px;

	width:300px;

	height:20px;

	background:#fff;

	border:2px #e3e0e0 solid;

}



#requestQuote select {

	width: 310px;

}



#requestQuote textarea {

	margin:0px;

	padding:3px 0 3px 5px;

	width:300px;

	height:120px;

	background:#fff;

	border:2px #e3e0e0 solid;

	font: 12px Arial, Helvetica, sans-serif;

}



#sitemap {

	width: 400px;

	margin: 14px 0 0 0;

}



#sitemap li {

	margin: 0 0 15px 0;

	font-size: 12px;

}



#sitemap li a {

	color: #D1692D;

	line-height: 22px;

	font-size: 12px;

}





#link_left{

	width:140px;

	float:left;

	}

	

#link_left ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

#link_left li{

	margin:0px;

	padding:20px 0;

	display:block;

	text-align:center;

	}

	

#link_left li a {

	color: #D1692D;

}

	

#link_right{

	width:400px;

	float:right;

	text-align:center;

	}

	

#link_right ul{

	margin:0px;

	padding:0px;

	list-style:none;

	}

	

#link_right li{

	margin:0px;

	padding:20px 0;

	display:block;

	text-align:center;

	}

	

#link_right li a {

	color: #D1692D;

}

.error-title {
	font-size:40px;
	padding:50px 0px;
	text-align:center;
}

.error-text {
	font-size:20px;
	padding:15px;
	text-align:center;
}

