@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:15px 0 20px 0;
	background:#b1aba1 url(/images/bg_body.jpg) no-repeat top center;
	}
	
h1.logo{
	display:block;
	position:absolute;
	background:url(/images/logo.gif) no-repeat top left;
	width:142px;
	height:175px;
	cursor:pointer;
	text-indent:-1000px;
	overflow:hidden;
	margin:0;
	padding:0;
	top:-80px;
	left:0px;
	z-index:1000;
}	

a{
	color:#0099FF;}
	
.wrapper{
	display:block;
	position:relative;
	margin: 0 auto;
	width:980px;
	padding:0 0 20px 0;
	background:#FFFFFF url(/images/headerBg.gif) no-repeat top left;
	}
	
.wrapperTwo{
	
	width:980px;
	
	}


	/*----------------------------TOP------------------------------*/
	
.top{
	display:block;
	position:relative;
	float:left;
	width:725px;
	height:120px;
	margin:0 0 20px 0;
	padding:0;
	color:#FFFFFF;
	background:#6c6f71 url(../images/flash-bg.gif) repeat-x bottom;}
	
.top a{ color:#CCCCCC;}
	
.top h3{
	display:block;
	position:relative;
	float:left;
	font:bold 25px Arial, Helvetica, sans-serif;
	width:600px;
	margin:20px 0 0 20px;
	}

.top p{
	display:block;
	position:relative;
	float:left;
	font:normal 16px Arial, Helvetica, sans-serif;
	width:630px;
	margin:5px 0 0 20px;
	}
	
	/*----------------------------TOP------------------------------*/
	/*----------------------------TOP MAIN------------------------------*/
	
.topMain{
	display:block;
	position:relative;
	float:left;
	width:725px;
	height:380px;
	margin:0;
	padding:0;
	color:#000;
	border-bottom:2px solid #4F4F4F;
	background:url(../images/topMainBg2.jpg) no-repeat -5px 0;}
	
.topMain a{ color:#FF6600;}
	
.topMain h3{
	display:block;
	position:relative;
	float:left;
	font:normal 26px Verdana, Arial, Helvetica, sans-serif;
	width:630px;
	margin:15px 0 0 30px;
	_margin:15px 0 0 15px;
	color:#FFFFFF;
	}

.topMain p{
	display:block;
	position:relative;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	width:600px;
	margin:5px 0 0 30px;
	_margin:5px 0 0 15px;
	color:#FFFFFF;
	}
	
.lastProject{
	display:block;
	position:absolute;
	width:331px;
	height:220px;
	top:125px;
	left:30px;
}

.lastProject p{
	width:330px;
	text-indent:5px;
	margin:5px 0 0 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
	
.lastProject a img{
	width:331px;
	height:202px;
	border:none;}
	
.lastProject2{
	display:block;
	position:absolute;
	width:204px;
	height:119px;
	top:110px;
	left:397px;
}
	
.lastProject2 a img{
	width:204px;
	height:119px;
	border:none;}
	
.lastProject3{
	display:block;
	position:absolute;
	width:171px;
	height:97px;
	top:247px;
	left:511px;
}
	
.lastProject3 a img{
	width:171px;
	height:97px;
	border:none;}

a.allProjects{
	display:block;
	position:absolute;
	top:350px;
	left:608px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
	
	/*---------------------------TOP MAIN---------------------------------*/
	
	/*----------------------------TOP MAIN PROMO------------------------------*/
	
.topMainPromo{
	display:block;
	position:relative;
	float:left;
	width:725px;
	height:380px;
	margin:0;
	padding:0;
	color:#000;
	border-bottom:2px solid #4F4F4F;
	background:url(../images/bgTopMainPromo2.gif) no-repeat bottom left;}
	
.topMainPromo a{ color:#FF6600;}
	
.topMainPromo h3{
	display:block;
	position:relative;
	float:left;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	width:630px;
	margin:10px 0 0 30px;
	_margin:10px 0 0 15px;
	color:#FFFFFF;
	}

.topMainPromo p{
	display:block;
	position:relative;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	width:600px;
	margin:5px 0 0 30px;
	_margin:5px 0 0 15px;
	color:#FFFFFF;
	}
	
	/*--------------------------TopMainPromo------------------*/
	
.container{
	display:block;
	position:relative;
	float:left;
	width:925px;
	margin:0 0 10px 34px;
	_margin:0 0 10px 17px;}
	

	
.leftColumn{
	display:block;
	position:relative;
	float:left;
	width:180px;
	margin:0;
	padding:250px 0 0 0;}
	
.rightColumn{
	display:block;
	position:relative;
	float:left;
	width:725px;
	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;}
	
/*--------------------------LEFT COLOMN CONTENT-----------------------*/

.gray1b{
	display:block;
	position:relative;
	float:right;
	background-color:#DDDDDD;
  	cursor:pointer;	
    width: 170px;
    height:65px;
	margin:0 0 3px 0;
	}
	
.gray1b h4, .gray1b h5{
	display:block;
	position:relative;
	float:right;
	width:155px;
	margin:0;
	padding:0;
	color:#999999;
	}
.gray1b h4{
	font:18px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;}
	

.orange1{
	display:block;
	position:relative;
	float:right;
	background-color:#fff;
	border-top:1px solid #cfe0f3;
	border-bottom:1px solid #cfe0f3;
	border-left:1px solid #cfe0f3;
  	cursor:pointer;	
    width: 170px;
    height:65px;
	margin:0 0 3px 0;
	}	

.orange1 h4, .orange1 h5{
	display:block;
	position:relative;
	float:right;
	width:155px;
	margin:0;
	padding:0;
	color:#0099FF;
	font:normal 11px Arial, Helvetica, sans-serif;
	}
.orange1 h4{
	font:normal 18px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;}
	

.mainContent h4{
	
	margin:20px 0 20px 0;
	width:90%;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#000066;}
	
.mainContent h5{
	
	margin:20px 0 5px 0;
	width:90%;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#000;}
	
.mainContent p {
	width:90%;
	margin:10px 0 10px 0;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}
.mainContent ul {
	
	width:90%;
	margin:0 0 10px 10px;
	
	padding:0;
}
.mainContent ul li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	list-style-type:none;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow.gif) no-repeat 0 5px;
}
.mainContent a {
	color: #FF9900;
	text-decoration: underline;
}





.gray1b h5{
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0;}

/*--------------------------LEFT COLOMN CONTENT-----------------------*/	

/*-------------------------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:600px;
		margin:0;
		padding:0;
		}
		
	form.ff1 ul{
		display:block;
		position:relative;
		float:left;
		margin:30px 0 0 20px;
		_margin:30px 0 0 10px;
		padding:0;
		width:600px;}
	
	form.ff1 ul li{
		display:block;
		position:relative;
		float:left;
		margin:3px 0 10px 0;
		padding:0;
		width:600px;
		list-style:none;
		background:none;
		list-style-type:none;}
	
	form.ff1 label{
		display:block;
		position:relative;
		float:left;
		width:200px;
		margin-right:10px;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
		
	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:200px;}
	form.ff1 .btnSend{
		display:block;
		position:relative;
		float:left;
		width:100px;
		height:33px;
		margin:10px 0 0 230px;
		_margin:10px 0 0 115px;}
		
	form.ff1 .capcha{
		display:block;
		position:relative;
		float:left;
		width:380px;
		margin:10px 0 0 230px;
		_margin:10px 0 0 115px;
		padding:0 0 10px 0;
		border:1px solid #0066FF;
		background-color:#ffffd7;
		
		}
		
	form.ff1 .capcha table{
		display:block;
		position:relative;
		float:left;
		margin:10px 0 0 20px;
		_margin:10px 0 0 10px;
		}
	form.ff1 .capcha table tr td{
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
		color:#000099;}
		
	form.ff1 .capcha img{
		margin-right:5px;
		margin-left:5px;}
		
	form.ff1 .capcha table tr td .enterNumber{
		width:50px;
		border:1px solid #000000;
		margin-left:7px;}
	
	
	/*-------------------QUOTE FORM--------------------------*/
	
	
.box1{
	display:block;
	position:relative;
	float:left;
	width:241px;
	margin:20px 0 0 0;
	}
	
.box1 img{
	margin:20px 0 0 20px;
	_margin:20px 0 0 10px;}
	
.box1 h5{
	display:block;
	position:relative;
	float:left;
	margin:5px 0 0 20px;
	_margin:5px 0 0 10px;
	width:200px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#6D758D;}
	
.box1 ul{
	display:block;
	position:relative;
	float:left;
	margin:10px 0 0 20px;
	_margin:10px 0 0 10px;
	padding:0;
	width:200px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
	
.box1 ul li{
	list-style:none;
	list-style-type:none;
	background:url(../images/bullet3.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 0 15px;}
	
.box1 h5 a{
 	color:#000;}
	
.box1 p{
	display:block;
	position:relative;
	float:left;
	margin:10px 0 0 20px;
	_margin:10px 0 0 10px;
	width:200px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;}


.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:50px 0 0 0;
	_margin:50px 0 0 0;
	width:80%;
	font:normal 10px/16px Verdana, Helvetica, sans-serif;
	color:#6D758D;
	}

.testmonials a{
	color:#0099FF;}
	
.testmonials h5{
	font:bold 14px/15px Verdana, Helvetica, sans-serif;
	color:#9FB6C1;
	margin:0 0 3px 0;
	padding:0;}
	
.testmonials h2{
	font:bold 14px/15px Verdana, Helvetica, sans-serif;
	color:#9FB6C1;
	margin:0 0 3px 0;
	padding:0;}
	
.testmonials p{
	margin:0;
	padding:0;}
	
.testmonials strong{
	font-style:italic;
	}
	
.quotes{
	font-size:25px;
}