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

/*body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:15px 0 20px 0;
	background-color:#e4e4e4;
	}*/
	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:41px 0 20px 0;
	background:#fff5e1;
	}
	
h1{
	display:block;
	position:absolute;
	top:-20px;
	left:56px;
	z-index:1000;
	background:url(/images/logoNew.gif) no-repeat top left;
	width:187px;
	height:127px;
	cursor:pointer;
	text-indent:-1000px;
	overflow:hidden;
	margin:0;
	padding:0;
}	

h2.we{
	width:589px;
	height:100px;
	margin:10px 0 0 50px;
	text-indent:-3000px;
	overflow:hidden;
	background:url(../images/weBuild.gif) no-repeat 0 0;}
	
h2.portfolio{
	width:680px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/titlePortfoio.gif) no-repeat 0 0;
	}
	

h2.aboutus{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(../images/titleAbout.gif) no-repeat 0 0;
	}

h2.estimate{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(../images/titleEstimate.gif) no-repeat 0 0;
	}

h2.clients{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/titleClients.gif) no-repeat 0 0;
	}

h2.services{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(../images/titleServices.gif) no-repeat 0 0;
	}

h2.contactus{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(../images/titleContactUs.gif) no-repeat 0 0;
	}


h2.careers{
	width:668px;
	height:56px;
	text-indent:-3000px;
	overflow:hidden;
	margin:20px 0 0 0;
	background:url(../images/titleCareers.gif) no-repeat 0 0;
	}


h3{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#223052;
	margin:10px 0 0 0;
	padding:0;
	width:620px;
	}
	
h3.mainPage{
	display:block;
	position:relative;
	float:left;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:20px 0 10px 0;
	padding:0;
	width:310px;
	}

a{
	color:#0099FF;}
	
a:hover{
	color:#0099FF;}
	
p{
	font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif;
	width:90%;}
	
.wrapper{
	display:block;
	position:relative;
	margin: 0 auto; 
	width:980px;
	padding:0;
	background:#fff5e1; /*url(/images/headerBgNew.gif) no-repeat top left*/
	}
	
.wrapperTwo{
	
	width:980px;
	
	}

/*-----------------------------header----------------------------------*/

.header{
	display:block;
	position:relative;
	float:right;
	width:737px;
	height:112px;
	margin:0;
	background:url(../images/bg_topMenuNew.gif) no-repeat 0 53px #fff5e1;}
	
.services{background:url(../images/bg_topMenuNewsS.gif) no-repeat 0 53px;}
.portfolioB{background:url(../images/bg_topMenuNewP.gif) no-repeat 0 53px;}
.ourclients{background:url(../images/bg_topMenuNewsC.gif) no-repeat 0 53px;}
.aboutus{background:url(../images/bg_topMenuNewsA.gif) no-repeat 0 53px;}
.contactus{background:url(../images/bg_topMenuNewsCU.gif) no-repeat 0 53px;}
.carrers{background:url(../images/bg_topMenuNewsCr.gif) no-repeat 0 53px;}
	
.header ul{
	display:block;
	position:relative;
	float:left;
	width:650px;
	height:35px;
	margin:0 0 0 39px;
	_margin:0 0 0 20px;
	padding:0;
	}

.header ul li{
	display:block;
	position:relative;
	float:left;
	width:103px;
	height:35px;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	}
	
.header ul li a{
	display:block;
	position:relative;
	float:left;
	width:103px;
	height:35px;
	text-align:center;
	margin:0;
	text-indent:-2000px;
	overflow:hidden;}
	
	
.haveQ{
	display:block;
	position:relative;
	float:right;
	width:737px;
	height:53px;
	margin:0;
	padding:0;
	}

.haveQ img.callUs{
	display:block;
	float:left;
	position:relative;
	margin:10px 0 0 50px;
	_margin:10px 0 0 25px;
	padding:0;
	}

.haveQ a{
	display:block;
	position:relative;
	float:right;
	margin:0;
	padding:0;}


/*header*/
	/*----------------------------TOP------------------------------*/
	
.top{
	display:block;
	position:relative;
	float:left;
	width:925px;
	height:160px;
	margin:0;
	padding:0 0 0 55px;}
	.top2{
	display:block;
	position:relative;
	float:left;
	width:925px;
	margin:0;
	padding:0 0 0 55px;}
	
.carBack{
	display:block;
	position:absolute;
	top:136px;
	left:765px;
	z-index:800;
	width:215px;
	height:229px;}
	
p{
	clear:left;
	margin-top:0;
	padding-top:0;
	font-size:12px;}


a.viewAll{
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:5px;}

	/*----------------------------TOP------------------------------*/
	/*----------------------------TOP MAIN------------------------------*/
	
.topMain{
	display:block;
	position:relative;
	float:left;
	width:980px;
	height:314px;
	margin:0;
	padding:0;
	background:url(/images/car.jpg) no-repeat 270px 60px;}
	
a.seePortfolio{
	display:block;
	position:absolute;
	top:72px;
	left:690px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;}
	
.topMain p{
	width:200px;
	margin:20px 0 0 55px;
	}
	
	/*---------------------------TOP MAIN---------------------------------*/
	
	
	
.container{
	display:block;
	position:relative;
	float:left;
	width:980px;
	margin:0;
	padding:0;
	font-size:12px;
	background-color:##fff5e1;}
	

/*--------------------COlomn left---------------------*/	


.leftColumn{
	display:block;
	position:relative;
	float:left;
	width:628px;
	margin:0;
	padding:20px 0 0 55px;
	font-size:11px;}

.leftColumn h2  { color:#223052; font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; margin-bottom:10px;}
.testmonials h2 { color:#223052; font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; margin-bottom:10px;}
.leftColumn h3 { color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; margin-bottom:15px;}

.leftColumn ul.why_us { margin-left:10px;}
.leftColumn ul.why_us li { border-bottom:1px dotted #CCC4B4; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; vertical-align:middle; width:428px;list-style-image:url(/images/tick.jpg); padding-top:5px; list-style-position:inside; }


.leftColumn h5, .rightColumn h5{
	font:normal 17px Verdana, Arial, Helvetica, sans-serif;
	margin:30px 0 5px 0;
	padding:0;}	

	
/*--------------------COlomn left---------------------*/	

/*--------------------COlomn right---------------------*/	
	
.rightColumn{
	display:block;
	position:relative;
	float:right;
	width:296px;
	margin:0;
	padding:0;
	}
	
.rightColumn h4{
	display:block;
	float:left;
	position:relative;
	margin:20px 0 0 0;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#000066;}

.lp{ font-size:20px;
	margin:20px 0 0 0;
	padding:0;}
	
/*--------------------COlomn riht---------------------*/	




/*-------------------------COMPANY NEWS------------------------------*/

.companyNews{
	display:block;
	position:relative;
	float:left;
    width: 140px;
	margin:50px 10px 0 0;
	_margin:50px 5px 0 0;
	}
	
.companyNews h4{
	
	width:100%;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:0;}

.companyNews h4 a{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000}
	
.companyNews p{
	font:11px Arial, Helvetica, sans-serif;
	color:#FF6600;
	width:90%;
	margin:0;
	padding:0;}
	
.companyNews a{
	color:#666666;
	width:90%;
	font:11px Arial, Helvetica, sans-serif;}

/*-------------------------COMPANY NEWS------------------------------*/
/*-------------------QUOTE FORM--------------------------*/
	
	.ff1{
		display:block;
		position:relative;
		float:left;
		clear:left;
		width:500px;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
		border:1px solid #e3d5ac;
		color:#9f8f69;
		}
		
	form.ff1 table{
		margin:15px 0 0 30px;
		_margin:15px 0 0 30px;}
			
	form.ff1 h1{
		font:bold 35px Arial, Helvetica, sans-serif;
		margin:0 0 10px 0;
		padding:0;
		}
	
	form.ff1 p{
		font:normal 13px Arial, Helvetica, sans-serif;
		margin:0 0 5px 0;
		padding:0;}
	
	form.ff1 h2{
		font:bold 18px Arial, Helvetica, sans-serif;
		margin:20px 0 20px 0;
		padding:0;
		}
	
	form.ff1 input, form.ff1 select, form.ff1 textarea{ width:180px;}
	.btnSend{
		display:block;
		position:relative;
		float:left;
		width:100px;
		height:33px;
		margin:0;}
		
	.capcha{
		display:block;
		position:relative;
		float:left;
		width:100%;
		margin:0;
		padding:0;
		}
		
	.capcha table{
		display:block;
		position:relative;
		float:left;
		margin:0;
		width:100%;
		}
	.capcha table tr td{
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		
	.enterNumber{
		width:90px;
		background-color:#fff5e1;
		font-size:14px;
		padding:3px;
		border:1px solid #000000;
		}
	
	
	
	
	.ff2{
		display:block;
		position:relative;
		float:left;
		width:400px;
		margin:0;
		padding:0;
		}
		
	table.quote{
		display:block;
		position:relative;
		float:left;
		margin:20px 0 0 40px;
		_margin:20px -20px 0 40px;
		padding:0;}
	
	
	
	form.ff2 p{
		font:normal 13px Arial, Helvetica, sans-serif;
		margin:0 0 5px 0;
		padding:0;}
	
	form.ff2 h4{
		font-size:12px;}
	
	form.ff2 input, form.ff2 select{ width:160px;}
	form.ff2 textarea{ width:340px; height:40px;}
	form.ff2 .btnSend{
		width:134px;
		height:34px;}
		
	.enterNumber2{ 
		width:110px;
		font-size:16px;
		font-weight:bold;
		background-color:#ff8a00;
		border:1px solid #000000;
		padding: 3px;}
		
	.secureNumber{
		border:1px solid #000000;
		width:140px;
		height:26px;}
	/*-------------------QUOTE FORM--------------------------*/
	


/*-------------------------BOXES---------------------*/	
.box1{
	display:block;
	position:relative;
	float:left;
	width:310px;
	margin:5px 0 0 0;
	font:normal 13px/14px Verdana,  Arial, Helvetica, sans-serif;
 	color:#FF6600;
	}
	
	
.box1 ul{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;}
	
.box1 ul li{
	list-style:none;
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	background:url(../images/arrowOrange.gif) no-repeat 0 4px;}
	
.box1 a{
	font:bold 13px/14px Verdana, Arial, Helvetica, sans-serif;
 	color:#FF6600;
	text-decoration:underline;}
	
	
	
.box2{
	display:block;
	position:relative;
	float:left;
	width:300px;
	margin:5px 0 0 0;
	font:normal 13px/14px Verdana,  Arial, Helvetica, sans-serif;
 	color:#1c718a;
	}
	
	
.box2 ul{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:90%;}
	
.box2 ul li{
	list-style:none;
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	background:url(../images/arrowBlue.gif) no-repeat 0 4px;}
	
.box2 a{
	font:bold 13px/14px Verdana, Arial, Helvetica, sans-serif;
 	color:#1c718a;
	text-decoration:underline;}
	
	
.box3{
	display:block;
	position:relative;
	float:left;
	width:290px;
	margin:5px 0 0 0;
	font:normal 13px/14px Verdana, Arial, Helvetica, sans-serif;
 	color:#796e4a;
	}
	
	
.box3 ul{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;}
	
.box3 ul li{
	list-style:none;
	list-style-type:none;
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	background:url(../images/arrowBrown.gif) no-repeat 0 4px;}
	
.box3 a{
	font:bold 13px/14px Arial, Helvetica, sans-serif;
 	color:#796e4a;
	text-decoration:underline;}

/*-------------------------BOXES---------------------*/	




.latestProjects{
	display:block;
	position:relative;
	float:left;
	width:700px;
	margin:30px 0 0 20px;
	_margin:30px 0 0 10px;
	padding:0;
	}
	
.latestProjects h5{
	display:block;
	position:relative;
	float:left;
	margin:5px 0 0 0;
	_margin:5px 0 0 0;
	width:700px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#000;}
	
	
.testmonials{
	display:block;
	position:relative;
	float:left;
	margin:0;
	width:100%;
	}

.testmonials img{
	}

.testmonials p{
	font:normal 13px/18px Verdana, Helvetica, sans-serif;
	color:#000000;
	margin:0 0 15px 0;
	padding:0 0 0 0px;

	}
	
.testmonials strong{
	font-style:italic;
	}
	
.titleFeaturedProjects{
	display:block;
	position:absolute;
	top:180px;
	left:610px;}	
	
/*------------------------FOOTER--------------------------*/


.footerPortfolio{
	display:block;
	position:relative;
	float:left;
	clear:both;
	width:980px;
	height:150px;
	margin:0;
	padding:0;
	background:url(../images/bottomBgPortfolio.gif) bottom no-repeat;}

	
.footerPortfolio p.copy{
	display:block;
	position:relative;
	float:right;
	width:500px;
	height:15px;
	color:#666666;
	margin:0;
	_margin:0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
	
.footerPortfolio div.bottomMenu{
	display:block;
	position:relative;
	float:right;
	text-align:left;
	width:500px;
	height:15px;
	color:#CCCCCC;
	margin:80px 0 0 0;
	_margin:80px 0 0 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}

.footerPortfolio div.bottomMenu a{
	color:#999999;}
	
.footerPortfolio div.callUs{
	display:block;
	position:relative;
	float:left;
	width:350px;
	height:50px;
	color:#666666;
	margin:80px 0 0 40px;
	_margin:80px 0 0 20px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
	
.footerPortfolio div.callUs a{
	color:#FF6600;
	font-size:14px}
	

.footer_blue { display:block; width:924px; margin-left:50px;}

.footer_top {width:864px; height:186px; display:block; background:url(../images/footer_bg1.png); padding:10px 30px 0 30px;}

.footer_top .box_item { float:left; display:block; width:220px; color:#FFF5E1; font-family:Arial, Helvetica, sans-serif;}


.footer_top .reg { margin-right:60px;}
.footer_top .reg2 { margin-right:30px;}


.footer_top .box_item h3 { font-size:16px;color:#FFF5E1;font-family:Arial, Helvetica, sans-serif; width:200px; font-weight:bold;  margin-bottom:6px;}
.footer_top .box_item ul { font-size:12px; list-style:none; margin-bottom:10px; margin-top:0; padding-top:0; margin-left:0; padding-left:0; color:#FFF5E1;}
.footer_top .longer { background:url(../images/quotes_t.png) no-repeat top right; width:334px; margin-right:0px;}
.footer_top .longer .leftPart { float:left; width:62px; margin-right:10px;}
.footer_top .longer .rightPart  {float:left; font-size:11px; width:262px; }
.footer_top .longer .leftPart img { border:2px #FFF solid;}
.footer_top .longer .rightPart p { font-size:11px;  font-family:Arial, Helvetica, sans-serif;}



.footer_middle {width:864px; height:97px; display:block;background:url(../images/footer_bg2.png) repeat-x; padding:20px 30px 0 30px;}
.footer_middle .leftPart { width:530px; color:#FFF5E1; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; line-height:150%;}
.footer_middle .leftPart a {color:#FFF5E1; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}
.footer_middle .rightPart { width:334px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF5E1; float:left;}
.footer_middle .rightPart .phone { font-size:28px; color:#FFF5E1;}
.footer_bottom { width:924px; height:5px; display:block;}
.footer_bottom_portfolio { width:980px; height:5px; display:block;}

.sub_footer { padding-top:10px; width:924px; margin-left:50px; float:left; vertical-align:middle; line-height:38px;} 

.sub_footer_portfolio { padding-top:10px; width:980px; margin-left:0; float:left; vertical-align:middle; line-height:38px;} 
.sub_footer img { float:right; vertical-align:middle;}
.sub_footer a { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
	
.footer{
	display:block;
	position:relative;
	float:left;
	width:980px;
	height:150px;
	margin:0;
	background:url(../images/bottomBg.gif) bottom no-repeat;}	
	
.footer p.copy{
	display:block;
	position:relative;
	float:right;
	width:500px;
	height:15px;
	color:#666666;
	margin:0;
	_margin:0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
	
.footer div.bottomMenu{
	display:block;
	position:relative;
	float:right;
	text-align:left;
	width:500px;
	height:15px;
	color:#CCCCCC;
	margin:80px 0 0 0;
	_margin:80px 0 0 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}

.footer div.bottomMenu a{
	color:#999999;}
	
.footer div.callUs{
	display:block;
	position:relative;
	float:left;
	width:350px;
	height:50px;
	color:#666666;
	margin:80px 0 0 40px;
	_margin:80px 0 0 20px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
	
.footer div.callUs a{
	color:#FF6600;
	font-size:14px}
	

	
/*-----------------------------------FOOTER-------------------------------------*/


#slider2{
	z-index:100000;
	position:absolute;
	top:-55px;
	left:540px;
	width:440px;}
	
.slider3{
	display:block;
	position:relative;
	float:left;
	background-color:#ff8a00;
	width:440px;
	height:480px;
	}
	
.featured_left { float:left; width:594px; height:321px; display:block; position:relative;}
.featured_right { float:left; width:300px; margin-left:15px; display:block; position:relative; background-color:#FFF5E1; height:321px;}
.featured_right h3 { font-family:Tahoma, Geneva, sans-serif; color:#FF8A00; font-size:35px;}
.featured_right h4 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#000; margin-bottom:10px;}
.featured_right p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; margin-bottom:10px;}
	
	
	
	
	
	
/*------------------------
	---------------- CONTENT
	------------------------*/
	
	/* You might want to change these options for the main container */
	#yourSliderId, #yourSliderId li {
		
		height: 321px;
		width: 926px;
		
	}
	
	/* images container - This is the most important container - Don't change important properties */
	#yourSliderId {
		
		list-style: none !important;
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		position: relative !important;
		
	}

		/* each slider item - Nothing to change here */
		#yourSliderId li {
			
			display: none;
			float: left;
			margin: 0;
			position: absolute;
			width: 100%;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.current {
			
			display: block;
			z-index: 2 !important;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.next {
			
			display: block;
			z-index: 1 !important;
			
		}
		
		/* Don't edit this part - prevents inline lists from being hidden */
		#yourSliderId li ul li {
			
			display: block !important;
			position: relative !important;
			
		}
	
	
	
	

/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(/images/left_arrow.png) no-repeat top left;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(/images/right_arrow.png) no-repeat top left;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(/images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(/images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	.container2 {
		
		float: left;
		position: relative;
		width: 100%;
		z-index: 15;
		
	}