html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}

.left {float:left;}
.right {float:right;}
.clear{clear:both;}

.wrapper {
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;	
	margin:0px auto;
	width:960px;
}

.head{
	overflow:hidden;
	margin-top:20px;
	height:124px;
}

.logo{	
	width:215px;
	height:124px;
}
.logo img{
	width:215px;
	height:124px;
}
	
.top_contact{
	width:745px;
	margin:0;
	overflow:hidden;
	border-bottom:2px solid #29a9d4;
	height:122px;
}
.top_phone{
	padding:5px 0;
	text-align:right;
}
.top_phone a{
	color:#000;
	text-decoration:none;
}
.top_phone a:hover{
	color:#0099cc;
	text-decoration:underline;
}

.main_menu{
	padding:10px 0px;
	
	margin-top:0px;
	overflow:hidden;
}
.main_menu ul{
	margin:0 auto;
}
.main_menu ul li{
	 padding:10px 20px;
	 list-style:none;
	 float:left;
	 border-right:2px solid #3cb1d8;
}
.main_menu ul li a{
	 text-decoration:none;
	 font-size:15px;
	 color:#000;	
     padding:0px 25px;

}
.main_menu ul li:last-child{	
	 border-right:none;
}
.main_menu ul li a:hover{	 
	 color:#0099cc;
}
.main_menu .active{	 
	 color:#0099cc;
}
.banner{
	margin:5px auto;
	overflow:hidden;
	border:1px solid #ccc;
}
#carousel1 {
	width:960px;
	height:300px;
	overflow:scroll;

}
.textholder {
	text-align:left;
	font-size:small;
	padding:6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;	
	-webkit-border-top-right-radius: 6px;
}
#carousel2 {
	width:660px;
	height:400px;
	overflow:scroll;

}


.produtcs{
	margin:5px auto;
	padding:0;
}

.products_tag{
	background:#0099cc;
	padding:5px 0;
	
    font-size:14px;
	color:#fff;
}
.products_tag h2{
	 font-size:16px;
	 text-align:center;
}
.products_tag p{
	 font-size:12px;
	 padding:20px 30px 10px;
	 text-align:left;
	 margin:0 auto;
	 line-height:24px;
	 text-indent:20px;
}
.products_list{
	margin:30px 20px;
	overflow:hidden;	
}
.products_list p{
	padding:10px;
	font-size:12px;
	color:#333333;
	line-height:24px;
}

.products_img{
	width:97px;
	margin:0 30px;
}
.products_img h5{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	margin-left:20px;
}
.products_img h6{
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-left:20px;
}
.products_img:first-child{
	margin-left:0px;
}
.products_img:last-child{
	margin-right:0px;
}
.product_desc1{
    background:#1aa3d1;
	padding:5px 0 0;
	text-align:left;	
    font-size:12px;
	color:#fff;
}
.product_desc1 p{
	padding:0 30px;
	line-height:20px;
}
.product_desc2{
    background:#0099cc;
	padding:5px 0 0;
	text-align:left;	
    font-size:12px;
	color:#fff;
}
.product_desc2 p{
	padding:0 30px 10px;
    line-height:20px;
}
.designs{
	width:960px;
	margin:30px auto;
}

.designs h4{
	font-size:16px;
	color:#666666;
	text-align:center;
	line-height:40px;
}

.designs h6{
	font-size:19px;
	color:#0099cc;
	text-align:center;
	line-height:20px;
}

.home_features{
	margin:30px 30px;
	overflow:hidden;
}
.features_tag{
	border-radius:10px;
    -moz-box-shadow: 5px 5px 6px #eaeaea;
   -webkit-box-shadow: 5px 5px 6px #eaeaea;
   box-shadow: 5px 5px 6px #eaeaea;
	color:#666666;
	margin:10px 25px;	
	padding:20px 10px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
}
.features_tag span{
    color:#666666;
}

.features_tag:first-child{
	margin-left:0px;
}
.features_tag:last-child{
	margin-right:0px;
	padding:36px 25px;
}
.cuting_design{
	margin:10px auto;
	overflow:hidden;
}
.design_title{
	width:80px;
	padding:10px;
	line-height:30px;
	background:#0099cc;
	font-size:15px;
    color:#fff;
	font-weight:bold;
}
.design_title h3{
	font-size:15px;
	font-weight:bold;
	color:#fff;
}
.design_title a{
	color:#fff;
	text-decoration:none;
}
.design_title a:hover{
	color:#fff;
	text-decoration:underline;
}
.cuting_layout{
	width:760px;
	margin:0 auto;
}
.cuting_img{
	width:160px;
	margin:0px 20px;
	overflow:hidden;
}
.cuting_img a{
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.cuting_img a:hover{
	color:#0099cc;
	opacity:.9;
}
.cuting_img img{
    width:160px;
	height:115px;
}
.cuting_img span{
	font-size:11px;
	font-weight:bold;
	padding:5px 0
}
.cuting_img:first-child{	
	margin-left:0px
}
.cuting_img:last-child{	
	margin-right:0px
}
.cuting_img1{
	width:160px;
	margin:0px 20px;
	overflow:hidden;
}
.cuting_img1 a{
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.cuting_img1 a:hover{
	color:#0099cc;
	opacity:.9;
}
.cuting_img1 img{
    width:160px;
	height:115px;
}
.cuting_img1 span{
	font-size:11px;
	font-weight:bold;
	padding:5px 0
}
.cuting_img1:first-child{	
	margin-left:0px
}
.cuting_img1:last-child{	
	margin-right:0px
}
.design_title1{
	width:80px;
	padding:10px;
	line-height:30px;
	background:#0099cc;
	font-size:15px;
    color:#0099cc;
	height:303px;
}
.cuting1{
	margin:0 auto;
	overflow:hidden;
}
.cuting2{
	margin:40px auto 0;
	overflow:hidden;
}

.footer{
	margin:50px auto 10px;		
}
.footer_site{
    margin:0 auto;
	text-align:center;
	overflow:hidden;	
	color:#0099cc;	
}
.footer_site ul{
	margin:0 auto;
}
.footer_site ul li{
	list-style:none;	
	float:left;	
	border-right:1px solid #0099cc;	
}
.footer_site li:last-child{
	border:none;
}
.footer_site a{
	color:#0099cc;
	text-decoration:none;
	padding:5px;
	font-size:12px;
}
.footer_site a:hover{	
	text-decoration:underline;
}

.footer_copyright{
	background:#0099cc;
	margin:10px auto 50px;
	text-align:center;
	color:#fff;
	padding:5px;
}
.footer_copyright a{
	color:#F9B94B;
	text-decoration:none;
}
.footer_copyright a:hover{	
	text-decoration:underline;
}

/******************************************************* About US *********************************************************************/

.vent{
	
	margin:20px 30px;
	overflow:hidden;
}
.vent h5{
	text-align:left;
	font-size:12px;
	line-height:24px;
	color:#333;
}
.vent_contact{
	color:#666;
	font-weight:bold;
	text-align:center;
	width:400px;
	margin:0 auto;
}
.vent_company{
	margin:20px;
	overflow:hidden;
}

.tr_vent{
	padding:10px 0;
	width:150px;
	text-align:left;
}
.contact_det{
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:40px;
	background:#0099cc;
	margin-bottom:10px;
}
.product_tag h2{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/******************************************************* Gallery *********************************************************************/

.gallery_container{
	margin:10px auto;
	border:1px solid #0099cc;
	overflow:hidden;	
}
/** jQuery Gallery Plugin **/
.gallery{
  position: relative;
  overflow: hidden;
  background-color: #0099CC;
  padding: 12px;
  height: 450px;
  margin:20px auto 10px;
}
.galleryBar {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0 7px;
  display:none;
}

.galleryBar li {
  position: relative;
  margin: 0 7px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
  list-style: none;
}
.galleryScreen, .galleryInfo {
  position: absolute;
}
.galleryScreen {

}
.galleryInfo {
 background-color: transparent;
 color: #fff;
 padding: 12px;
}
.galleryTitle {
 font-size: 135%;
 font-weight: bold;
}

/******************************************************* Services *********************************************************************/

.service{
	margin:10px auto;
}
.service_tag{
	margin:0 auto;	
}
.service_tag h2{
	 padding:5px 0;	    
	 color:#fff;
	 background:#0099cc;
	 font-size:16px;
	 text-align:center;
}


.service_design_container{
	margin:30px 20px;
	overflow:hidden;
}
.service_design_container h6{
	 font-size:13px;
	 color:#333;
	 margin:10px 30px 30px;
	 text-align:left;	 
	 line-height:18px;	 
}
.service_design1{
	padding-bottom:30px;
	overflow:hidden;
}
.service_design2{
	padding-top:30px;
	overflow:hidden;
}
.service_design_list1{
padding:5px;
	width:240px;;
	margin:0 25px;
	overflow:hidden;
}
.service_design_list{
	width:178px;;
	margin:0 25px;
	overflow:hidden;
}
.service_design_list img{
	width:178px;
	height:170px;
}
.service_design_list1 img{
	width:178px;
	height:170px;
	margin-left:30px;
}
.service_design_list span{	    
	line-height:30px;
	font-size:14px;
	color:#0099cc;
	font-weight:bold;
}
.service_design_list1 span{	    
	line-height:30px;
	font-size:14px;
	color:#0099cc;
	font-weight:bold;
}

.sand_service_design1{
	padding-bottom:30px;
	margin:0 96px;
	overflow:hidden;
}
.sand_service_design2{
	padding-top:30px;
	margin:0 96px;
	overflow:hidden;
}
.sand_service_design_list{
	width:170px;
	margin:0 30px;
	overflow:hidden;
}
.sand_service_design_list img{
	width:170px;
	height:200px;
}
.sand_service_design_container h5{	    
	line-height:30px;
	font-size:16px;
	color:#0099cc;
	font-weight:bold;
	padding:10px 33px;
}



/************************************************* CSS3-Toggler**************************************/
#content {
margin:0 auto;
width:960px;
}
h1 {
padding:20px 10px;
margin:0 0 20px 0;
font-size: 24px;
font-weight: normal;
background:rgb(144,144,144);
background:rgba(255,255,255,.1);
color:#FFF;
}
h1 a {
color: #ff7e00;
font-size: 20px;
}
.tutorialMenu {
padding: 10px 0;
margin:0;
list-style-type: none;
}

.tutorialMenu h2 {
margin:5px 0;
padding:0;
text-align:center;
}
.tutorialMenu h2 a {
font-size: 18px;
display: block;
font-weight: normal;
color:#FFF;
text-decoration:none;
margin:0;
padding:10px;
background:#0099cc;
position:relative;
}

.tutorialMenu :not(:target) h2 a {
background:#0099cc;
position:relative;
}
.tutorialMenu h2 a:hover,
.tutorialMenu h2 a:active,
.tutorialMenu h2 a:focus {
   background:#0099cc;
}
.tutorialMenu :target .service_design_container,
.tutorialMenu :not(:target) .service_design_container {
padding:0;
margin:0;
height:0;
overflow: hidden;
-moz-transition: height 1.5s ease-in;
-webkit-transition: height 1.5s ease-in;
-o-transition: height 1.5s ease-in;
transition: height 1.5s ease-in;
}
.tutorialMenu :target .service_design_container {
height:550px;
}

.tutorialMenu .service_design_container {
height:550px;
}
.tutorialMenu :target .sand_service_design_container,
.tutorialMenu :not(:target) .sand_service_design_container {
padding:0;
margin:0;
height:0;
overflow: hidden;
-moz-transition: height 1.5s ease-in;
-webkit-transition: height 1.5s ease-in;
-o-transition: height 1.5s ease-in;
transition: height 1.5s ease-in;
}
.tutorialMenu :target .sand_service_design_container {
height:850px;
}

.tutorialMenu .sand_service_design_container {
height:850px;
}

.tutorialMenu p span{
font-size:14px;
display:block;
height:35px;
padding:15px 0 0 0;
text-indent:10px;
position:absolute;
bottom:0;
left:0;
width:100%;
color:#FFF;
background:rgb(144,144,144);
background: rgba(0,0,0,.6);
/*-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;*/
}
h1,
.tutorialMenu h2 a,
.tutorialMenu :not(:target) p  {

}

.reload  {
display:block;
padding:60px 0 0 0;
color:#fff;
font-size: 14px;
}

/**************************************************************** Contact Us******************************************************************************/

.contact_form{
	margin:0 30px;
	overflow:hidden;
}
.contact_head{
	background:#0099cc;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:10px 30px;
	overflow:hidden;
}
.contact_head_left{
	text-align:left;
	width:25%;
}
.contact_head_mid{
	text-align:center;
	width:50%;
}
.contact_head_right{
	text-align:right;
	width:25%;
}
.contact_info{
	margin:20px auto;
	overflow:hidden;
}
.contact_info_address{
	width:600px;
	margin:0 auto;
	overflow:hidden;
}
.contact_info_address_table{
	width:62%;
	font-size:14px;
    color:#444;
	line-height:30px;
	font-weight:bold;
	margin-bottom:50px;
}
.td_colon{
	width:100px;
	text-align:center;
}
.td_addr{
	font-size:12px
}
.map_loc{
	margin:20px 0;
}
.contact_info_regis{
	width:300px;
	margin:0 auto;
}
.contact_info_regis ul{
	margin:0 auto;
}
	
.contact_info_regis li{
	list-style:none;
    padding:0px;
	font-size:13px;
	color:#0099cc;
	font-weight:bold;	
	line-height:30px;	
	margin-bottom:30px;
}
.contact_info_regis li span{
	float:left;	
	width:100px;	
}

.regis_input{
	border-radius:5px;
	background:#cccccc;
	width:175px;
	color:#fff;
	border:1px solid #ccc;
	margin-left:20px;
	padding:3px 0;
}
.regis_textarea{
	border-radius:5px;
	background:#cccccc;
	width:175px !important;
	color:#fff;
	border:1px solid #ccc;
	margin-left:20px;
	padding:3px 0;
	height:80px !important;
}
.submit_button{
	border-radius:5px;
	background:#cccccc;
	width:75px;
	color:#000;
	border:1px solid #ccc;	
	padding:5px 0;
	margin-right:10px;
    margin-top:-10px;
}
.submit_button:hover{
	background:#ddd;
	border-color:#ddd;
}
.hrr{
	border:2px solid #0099cc;
}




.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:80px;
  text-align:center;
  margin-left:50px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}