body {
color:#000;
background-color:#fff;
font-family:century gothic, Arial, Helvetica, sans-serif!important;
margin:0px;
background:url('../images/mainBG.gif') repeat;


}


#wrapper {
width: 1052px;
margin:auto;
height:auto;
background-color:White;

}

#topStrip
{
background:url('../images/header_strip.gif') no-repeat;
height:9px;
width:1052px;
}


h1,h2,h3, h4, h5 {
 
margin: 0 0;
 
}
 
#contactsIcons
{

	
	width: 247px;
	height:135px;
	float:right;
	 
	}
	
#leftLogo
{
	background:url('../images/logo.jpg')  ;
	width: 311px;
	height:135px;
	float:left;
	white-space:nowrap;
	
	} 

#email
{
	padding-top:5px;
	}  
	
	
#tel
{
	padding-top:18px;
	} 
	
.telText
{
	font-size:22px;
	color:#4f4039;
	vertical-align: top;
}	

a.emailtext{
	font-size:20px;
	color:#0060b8;
	vertical-align: top;
}	
 
a.emailtext:hover{
	font-size:20px;
	color:#0d8bff;
	vertical-align: top;
}	
  
  a.socialLnks{
	 
	opacity: 1;
}	
 
a.socialLnks:hover{
	 
	opacity: 0.8;
}	
  
 
 

#MainNav
{
background-color: #888777;
 
width: 1052px;
margin-top: 135px;
text-align:center;
height: 43px;
    
 
}	
.links {
    margin: 0;
    padding: 0;
  
    }

.links li {
    
    display: inline-block;
  
    font-weight:bold;
    color:#dba963;
}

.links a {
   
    border: 0 none;
    color: #fff;
    display: block;
    float: left;
    font-size: 19px;
    margin: 0;
    outline: 0 none;
    padding: 10px 12px;
    text-decoration: none;
}

.links a:hover {
   
    background: #ccc;
    color: #000;
   
    
     
}
 
 ul li.active a{background-color:#bdbbbb;color:#333;border-bottom:1px solid #e9e5e5;}

 #mailDv {
	position:absolute;
	width:26px;
	height:27px;
	z-index:1;
	left: 1054px;
	top: 65px;
}
 
 
 
#homepageBanner
{
	margin-top: 10px;
	background-color: #000;
	height: 387px;
	} 
	
#homePageintroText
{
    color: #FFFFFF;
    font-family: century gothic, "avantgardemditctt";
    font-size: 18px;
    padding: 33px 60px 0;
    width: 847px;
}	


#homePageintroTextTitle
{
	font-family: century gothic, "Arno Pro";
	color: #b7b7b7;
	padding: 5px 60px;
	width: 639px;
	font-size: 35px;
	font-weight: bold;
}



	 
		
.servicesIconhover:hover{
  
			box-shadow: 3px 3px 4px #000;
			-moz-box-shadow: 3px 3px 4px #000;
			-webkit-box-shadow: 1px 1px 1px 1px #cccccc;
			box-shadow: 1px 1px 1px 1px #cccccc;
			opacity: 0.91;
			 
		}		

#qualityIcon
{
	height: 302px;
	width: 315px;
	margin-top: 26px;
	margin-left: 378px;
	 

	}
	
	
#projectsIcon
{

	 height: 302px;
    margin-left: 694px;
    margin-top: -304px;
    width: 315px;
 

	}
	
	#servicesIcon
{
	 
	height: 302px;
	width: 315px;
	margin-top: 26px;
	margin-left: 61px;
	float:left;
 
	}
	

#contents
{
	 padding-left:30px;
}
	
			
#mainContents
{
	float:left;
	width: 684px;
	height:auto;
 
	vertical-align:text-top;
	padding:10px 0px 5px 10px;
	}
	
#rightContents
{
	float:right;
	background:url('../images/rightcoulmnBG.gif') scroll;
	margin-right: 58px;
    margin-top: -46px;
    min-height: 540px;
    width: 252px
	
	}
	
#footerArea
{
	background-color:#fff;
	height: 90px;
	}	
.footerbg
{
	background: url('../images/dot_bg.gif')repeat scroll;
    height: 4px;
    width: 1052px;
    position: absolute;
    vertical-align:text-top;
    float:left;
	background-color:White!important;
	}
.social
{
	float:right;
	vertical-align:text-top;
	font-size:12px;
}	
	
 .copyRight
 {
 	 
 	font-size:12px;
 	}

.clear {
	clear: both;
}
 
 #readmore
 {
 
 position: absolute;
	width: 140px;
	height: 53px;
	left: 855px;
	top: 309px;
 }

  
.img_css {
float: right;
vertical-align: top;
width: 215px;

margin-right:10px;
}

 
.classname {
	-moz-box-shadow:inset 0px 0px 22px -16px #ffffff;
	-webkit-box-shadow:inset 0px 0px 22px -16px #ffffff;
	box-shadow:inset 0px 0px 22px -16px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	border:4px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:18px;
	font-weight:bold;
	padding:6px 34px;
	text-decoration:none;
	text-shadow:1px 1px 22px #ffffff;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.classname:active {
	position:relative;
	top:1px;
}