/* Common */



.background {

	background-image:url(common/background_tiled.png);

	width:100%;

}



#sidenav

{

	margin:10px auto;

	color: #fff;

	list-style-type: none;

	font-family:'Trebuchet MS', sans-serif;

	font-size:15px;

	text-decoration: none;

	padding: .2em .4em;

	color: #fff;

}



#sidenav a

{

	text-decoration: none;

	padding: .2em .4em;

	color: #fff;

}



#navcontainer

{

	margin-top: -120px;

	margin-right: 78px;

}



#navcontainer ul

{

	margin:10px auto;

	color: #fff;

	list-style-type: none;

	text-align: right;

	font-family:'Trebuchet MS', sans-serif;

	font-size:15px;

}



#navcontainer ul li 

{ 

	display: inline;

}



#navcontainer ul li a

{

	text-decoration: none;

	padding: .2em .4em;

	color: #fff;

}



#navcontainer ul li a:hover

{

	color: #fff;

	background-color: #369;

}



#header-cont {

	width: 1200px;

	text-align: left;

	border: 0px;

	padding: 0;

	margin: 0 auto;

}



#home-content{

	width: 981px;

	height: 228px;

	text-align: center;
	
	border: 0px;

	padding-top: 25px;

	margin: 0 auto;

	color: #fefefe;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content-cont {

	width: 1200px;

	height: 228px;

	text-align: left;
	
	border: 0px;

	margin: 0 auto;

}

.grids {

	display: inline-block;
	
	vertical-align: top;
	
	height: 228px;
	
}

.grids-title {
	
	margin-top: 20px;
	
	font-size:25px;

}

.grids-cont {
	margin: 17px auto 0 auto;
	width: 200px;
	font-size: 14px;
}

#grid1 {

	background-image:url(home/grid1.png);
	
	background-repeat:no-repeat;
	
	width: 318px;
	
	padding-left: 6px;
}

#grid2 {

	background-image:url(home/grid2.png);
	
	background-repeat:no-repeat;
	
	padding-right: 55px;
	
	width: 269px;
}

#grid2  div.grids-cont {
	
	margin-top: 25px;
	
}

#grid2 p{

	line-height: 100%;

}

#grid3 {

	background-image:url(home/grid3.png);
	
	background-repeat:no-repeat;
	
	padding-right: 50px;
	
	width: 271px;
}

#grid3 p{

	margin: 0;
}

#grid3 img{
	
	text-align: bottom;
	
	margin-right: 10px;
}

#content-cont2 {

	width: 1200px;

	border: 0px;

	padding: 0;

	margin: auto auto;

}



#main-cont {

	width: 1200px;

	text-align: left;

	border: 0px;

	padding: 0;

	margin: 0 auto;

}



.logo{

	vertical-align: central;

	margin-left:-59px;

	position: relative;	

	height:189px;

	z-index: -1;

}



.banner {

	vertical-align: central;

	margin-left:132px;

	margin-top:-65px;

	position: relative;	

	padding:0;

}



.iso {

	vertical-align: central;

	margin-left:732px;

	margin-top:-46px;

	position: relative;	

	padding:0;

}



.iso2 {

	vertical-align: central;

	margin-left:828px;

	margin-top:-44px;

	position: relative;	

	padding:0;

}



.header {	

	background-repeat: no-repeat;

	vertical-align: central;

	position: relative;

	width:1024px;

	padding:0;

	height:189px;

	z-index:12;

	margin-left: 160px;

	margin-top: 0px;

	white-space: nowrap;

	top: 0;

}



.thinbarhome {

	background-image:url(common/thin_bar2.png);

	background-repeat:repeat-x;

	vertical-align: central;

	margin:-32px auto;

	position: relative;	

	padding:0;

	width:100%;

	height:9px;

	z-index:11;

}



.thinbar {

	background-image:url(common/thin_bar2.png);

	background-repeat:repeat-x;

	vertical-align: central;

	margin:-32px auto;

	position: relative;	

	padding:0;

	width:100%;

	height:9px;

	z-index:11;

}



.blackbar2 {

	background-image:url(common/black_bar.png);

	background-repeat:repeat-x;

	vertical-align: central;

	margin:0px auto;

	position: relative;	

	padding:0;

	width:100%;

	height:9px;

	z-index:10;

}





.footer{

	background-image:url(common/footer.png);

	background-repeat: no-repeat;

	vertical-align: central;

	margin:-50px auto;

	position: relative;

	width:1024px;

	height:230px;

	padding:0;

	z-index:10;

}

#footer-member {
	
	position: relative;
	
	top: 8px;
	
	left: 30px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	
	color: #ffffff;
	
}

#footer-copyright {

	position: relative;
	
	top: 65px;
	
	left: 565px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size: 9pt;
	
	color: #ffffff;
	
}


.footerbar{

	background-image:url(common/footerbar.png);

	background-repeat:repeat-x;

	margin:-180px auto;

	position: relative;	

	padding:0;

	width:100%;

	height:80px;

	z-index:9;

}



/* Home */



.slider {

	vertical-align: central;

	margin:26px auto;

	position: relative;

	width:1024px;

	padding:0;

	height:483px;

	z-index:1;

}



.blackbar {

	background-image:url(common/black_bar.png);

	background-repeat:repeat-x;

	vertical-align: central;

	margin:0px auto;

	position: relative;	

	padding:0;

	width:100%;

	height:9px;

	z-index:10;

}



.home {

	background-image:url(common/carbonfiber.png);

	background-repeat:repeat;

	vertical-align: central;

	margin:0px auto;

	position: relative;

	width:100%;

	padding:0;

	height:330px;

	z-index:5;

}



.gridleft{

	vertical-align: central;

	margin-top:6px;

	margin-left:94px;

	float:left;

	padding:16px;

	width:300px;

	height:228px;

}



.gridright{

	vertical-align: central;

	margin-top:6px;

	margin-left:-10px;

	float:left;

	padding:16px;

	width:300px;

	height:228px;

}



.gridmid{

	vertical-align: central;

	margin-top:6px;

	margin-left:30px;

	float:left;

	padding:16px;

	width:300px;

	height:228px;

}



/* About */



.aboutslider {

	background-image:url(common/small_slider.png);

	background-repeat: no-repeat;

	vertical-align: central;

	margin:29px auto;

	position: relative;

	width:1024px;

	padding:0;

	height:350px;

	z-index:1;

}



.about {

	background-image:url(common/carbonfiber.png);

	background-repeat:repeat;

	vertical-align: central;

	margin:	0px auto;

	position: relative;

	width:100%;

	padding:0;

	height:750px;

	z-index:5;

	color: #fff;

	font-family:'Trebuchet MS', sans-serif;

	font-size:14px;

}



.aboutleft{

	vertical-align: central;

	margin-top:34px;

	margin-left:124px;

	float:left;

	padding:0px;

	width:700px;

	height:228px;

}



.aboutright{

	vertical-align:central;

	margin-top:-214px;

	margin-left:70px;

	float:left;

	padding:0px;

	width:245;

	height:228px;

}



.aboutredline{

	vertical-align: central;

	margin-top:6px;

	margin-left:30px;

	float:left;

	padding:0px;

	width:300px;

	height:228px;

}



/* Awards */



.awardleft{

	vertical-align: central;

	margin-top:34px;

	margin-left:128px;

	float:left;

	padding:0px;

	width:700px;

	height:228px;

}



.awardtext{

	font-size:32px;

	padding:0px;

}



.awardcert{

	margin-top:80px;

	vertical-align: central;

	float:left;

	padding:0px;

}



.awardcert2{

	margin-top:-20px;

	vertical-align: central;

	float:left;

	padding:0px;



}



.aboutgallery{

	vertical-align: central;

	margin-top:6px;

	margin-left:30px;

	float:left;

	padding:16px;

	width:300px;

	height:228px;

}



.aboutgallerycont{

	padding-left:44px;

	width:1000px;

	height:228px;

	margin: auto;

}



.about-pic{

	vertical-align: central;

	margin-top:6px;

	margin-left:0px;

	float:left;

	padding:0px;

	width:177;

	height:131;

}



.about-pic2{

	vertical-align: central;

	margin-top:6px;

	margin-left:10px;

	float:left;

	padding:0px;

	width:179;

	height:141;

}





/* Products */



.products {

	background-image:url(common/carbonfiber.png);

	background-repeat:repeat;

	vertical-align: central;

	margin:-25px auto;

	position: relative;

	width:100%;

	padding:0;

	height: 898px;

	z-index:5;

	color: #fff;

	font-family:'Trebuchet MS', sans-serif;

	font-size:12px;

}



.products-cont {

	vertical-align: central;

	margin:26px auto;

	position: relative;

	width:1224px;

	padding:0;

	height:483px;

	z-index:1;

}



.products-pic{

	vertical-align: central;

	margin-top:6px;

	margin-left:0px;

	float:left;

	padding:0px;

	width:177;

	height:131;

}



.products-pic2{

	vertical-align: central;

	margin-top:6px;

	margin-left:10px;

	float:left;

	padding:0px;

	width:177;

	height:131;

}



.product-row{

	vertical-align: central;

	margin-top:21px;

	margin-left:128px;

	float:left;

	padding:0px;

	width:1200px;

	height:190px;

}



.product-row-n{

	vertical-align: central;

	margin-top:21px;

	margin-left:128px;

	float:left;

	padding:0px;

	width:1200px;

	height:10px;

}



/* services */



.services {

	background-image:url(common/carbonfiber.png);

	background-repeat:repeat;

	vertical-align: central;

	margin:0px auto;

	position: relative;

	width:100%;

	padding:0;

	height:520px;

	z-index:5;

	color: #fff;

	font-family:'Trebuchet MS', sans-serif;

	font-size:12px;

}



.gridleft2{

	vertical-align: central;

	margin-top:6px;

	margin-left:60px;

	float:left;

	padding:0px;

	width:300px;

}



.gridright2{

	vertical-align: central;

	margin-top:6px;

	margin-left:0px;

	float:left;

	padding:0px;

	width:300px;



}



.gridmid2{

	vertical-align: central;

	margin-top:6px;

	margin-left:0px;

	float:left;

	padding:0px;

	width:300px;



}



#service-cont {

	width: 1000px;

	border: 0px;

	padding: 0;

	margin: 0px auto;

}



.service-text {

	vertical-align: central;

}



.service-red{

	vertical-align: central;

	padding: 34px;

	margin-left:-8px;

	margin-bottom:30px;

}



/* contact */



.contact {

	background-image:url(common/carbonfiber.png);

	background-repeat:repeat;

	vertical-align: central;

	margin:0px auto;

	position: relative;

	width:100%;

	padding:0;

	height:650px;

	z-index:5;

	color: #fff;

	font-family:'Trebuchet MS', sans-serif;

	font-size:12px;

}



.contact-cont {

	width: 1000px;

	border: 0px;

	padding: 0;

	margin: auto auto;

}



.contact-red{

	vertical-align: central;

	margin-top:1px;

	margin-left:4px;

	margin-bottom:30px;

	padding:44px;

}



.contact-form{

	float:left;

	width: 370px;

	vertical-align: central;

	margin-left:50px;

	padding:0px;

}



.contact-contact{

	float:right;

	width: 545px;

	vertical-align: central;

	margin-left:30px;

	margin-bottom:30px;

	padding:0px;

}



.contact-sg{

	float:left;

	width: 200px;

	vertical-align: central;

	margin-top:30px;

	margin-left:5px;

	margin-bottom:30px;

	padding:0px;

}



.contact-divide{

	float:left;

	width: 2px;

	vertical-align: central;

	margin-top:30px;

	margin-left:0px;

	margin-bottom:30px;

	padding:0px;

}



.contact-ph{

	float:right;

	width: 310px;

	vertical-align: central;

	margin-top:30px;

	margin-bottom:30px;

	padding:0px;

}





.contactleft{

	vertical-align: central;

	margin-top:35px;

	margin-left:133px;

	float:left;

	padding:0px;

	width:700px;

	height:228px;

}



.contactright{

	vertical-align:central;

	margin-top:-214px;

	margin-left:-10px;

	float:right;

	padding:0px;

	width:300px;

	height:228px;

}



.contactredline{

	vertical-align: central;

	margin-top:6px;

	margin-left:30px;

	float:left;

	padding:0px;

	width:300px;

	height:228px;

}



.contacticon{

	vertical-align: central;

	float:left;

	padding:0px;

	width:22px;

	height:22px;

}



.contacttext{

	vertical-align: central;

	padding-left: 40px;

	width:180px;

	height:25px;

}



.contacttext2{

	vertical-align: central;

	padding-left: 40px;

	height:60px;

}



.contacttext3{

	vertical-align: central;

	padding-left: 40px;

	height:40px;

}



.login-form {

	padding-top: 10px;

	position: relative; 

}



.login-form .control-group {

	margin-bottom: 6px;

	position: relative; 

}



#name{

	border:0px;

	font-size: 17px;

	padding-bottom: 8px;

	margin-top: 16px;

	text-indent: 40px;

	width: 337px; 			

	background: url(contact/enq_name.png) no-repeat;

	background-position:10px center; 

	background-margin:4px; 

	background-color: #2c2c2c;

	border-radius: 1px;

	border-top:1px solid #222222;

	border-bottom:1px solid #2c2c2c;

	border-left:1px solid #2c2c2c;

	padding: 0.5em;

	-webkit-appearance: none;

	-webkit-box-shadow: 1px 1px 1px #999;

	-webkit-border-radius: 4px;

}

	

#contact{

	border:0px;

	font-size: 17px;

	padding-bottom: 8px;

	text-indent: 40px;

	width: 337px; 			

	background: url(contact/enq_contact.png) no-repeat;

	background-position:10px center; 

	background-margin:4px; 

	background-color: #2c2c2c;

	border-radius: 1px;

	border-top:1px solid #222222;

	border-bottom:1px solid #2c2c2c;

	border-left:1px solid #2c2c2c;

	padding: 0.5em;

	-webkit-appearance: none;

	-webkit-box-shadow: 1px 1px 1px #999;

	-webkit-border-radius: 4px;

}



#email{

	border:0px;

	font-size: 17px;

	padding-bottom: 8px;

	text-indent: 40px;

	width: 337px; 			

	background: url(contact/enq_email.png) no-repeat;

	background-position:10px center; 

	background-margin:4px; 

	background-color: #2c2c2c;

	border-radius: 1px;

	border-top:1px solid #222222;

	border-bottom:1px solid #2c2c2c;

	border-left:1px solid #2c2c2c;

	padding: 0.5em;

	-webkit-appearance: none;

	-webkit-box-shadow: 1px 1px 1px #999;

	-webkit-border-radius: 4px;

}



#referral{

	border:0px;

	font-size: 17px;

	padding-bottom: 8px;

	text-indent: 40px;

	width: 337px; 			

	background: url(contact/enq_ref.png) no-repeat;

	background-position:10px center; 

	background-margin:4px; 

	background-color: #2c2c2c;

	border-radius: 1px;

	border-top:1px solid #222222;

	border-bottom:1px solid #2c2c2c;

	border-left:1px solid #2c2c2c;

	padding: 0.5em;

	-webkit-appearance: none;

	-webkit-box-shadow: 1px 1px 1px #999;

	-webkit-border-radius: 4px;

}



#enquiry{

	border:1px;

	font-size: 17px;

	padding-bottom: 8px;

	text-indent: 40px;

	width: 337px; 	

	height:120px;		

	background: url(contact/enq_enq.png) no-repeat;

	background-position:10px 10px; 

	background-margin:4px; 

	background-color: #2c2c2c;

	border-radius: 1px;

	border-top:1px solid #222222;

	border-bottom:1px solid #2c2c2c;

	border-left:1px solid #2c2c2c;

	padding: 0.5em;

	-webkit-appearance: none;

	-webkit-box-shadow: 1px 1px 1px #999;

	-webkit-border-radius: 4px;

	

	

}



input, select, textarea { 

	color: white; 

	}	



#button{

	margin-top: 16px;

	float: right;

	font-size: 17px;

	padding-top: 118px;

	background: url(contact/send_query.png) no-repeat;

	border:0 ;

	width: 110px; 

}

.aboutleft {
    vertical-align: central;
    margin-top: 34px;
    margin-left: 124px;
    float: left;
    padding: 0px;
    width: 700px;
    height: 228px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
}