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

body
{
padding:auto;margin:auto;width:100%;height:100%; background:url(../images/main_bg.png);}

#main_frame
{
padding:auto;margin:auto;width:990px;display:table; box-shadow:0px 0px 2px 2px #333; background:#f2f2f2; 
}
#main_header
{
padding:0px;margin:0px;width:100%;height:100%; }


#header
{
float:left; width:990px; height:auto; margin:0px 0px 0px 0px;
}


.header_top
{
float:left;width:990px;height:10px;
}


.company_logo
{
float:left; width:475px;height:87px; margin:10px 0px 14px  20px;background:url(../images/company_logo.png);
}

#header p
{
float:right; width:auto; height:auto; margin:20px 20px 0px 0px; font-size:14px; font-weight:bold;
}

	

.menu{float:left; margin:20px 0px 10px 0px;  height:220px; width:200px; display:inline;}
.menu ul{ float:left; margin:30px 0px 0px 0px; width:200px; display:inline-block; list-style:none;left:0px; right:0px; top:0;}
.menu ul li {list-style:none; margin:0px 0px 5px -30px; text-align:left; left:0px; right:0px; background:#155d8e;
    }
	.menu ul li a {
    padding: 0px;text-decoration:none; margin:5px 0px 5px 10px; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;  background:#155d8e; border-left:2px solid #FFFFFF; }
	.menu ul li a:hover{color:#62cfd6; margin-left:40px;  }
#show{color:#62cfd6; font-weight:bold;}

#main_slider
{
padding:0px;margin:0px;width:100%;height:100%; }


#slider_box
{float:left; width:990px; height:auto; padding:0px 0px 10px 0px; background:url(../images/bg.png);}


.customer_focus{float:left; width:157px; height:240px; margin:10px 0px 0px 20px;}
.slides{float:left; width:760px; height:226px; background:url(../images/slider.png); margin:20px 0px 0px 0px;}


#main_wrapper{padding:0px;margin:0px;width:100%;height:100%; }
#wrap{float:left; width:990px; height:auto; padding-bottom:10px;}
#wrap p
{float:right; width:auto; height:auto; margin:20px 20px 0px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}


.content{float:left; width:990px; height:auto; padding:0px 0px 40px 0px;}

.content h2
{float:left; width:980px; height:auto; margin:20px 0px 5px 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#456589;}

.content h4
{float:left; width:980px; height:auto; margin:20px 0px 20px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000;}

.content p
{float:left; width:960px; height:auto; margin:0px 0px 5px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.content p a
{float:left; width:auto; height:auto; margin:0px 20px 0px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-weight:bold;}

.content p a:hover
{float:left; width:auto; height:auto; margin:0px 20px 0px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#155d8e; text-decoration:none; font-weight:bold;}





#gallery{float:left; width:990px; height:auto;}
.gal_1{float:left; width:330px; height:330px;}
.gal_1 h1
{float:left; width:320px; height:auto; margin:10px 20px 10px 10px; font-size:14px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#236fa2;
}

.gal_1 h2
{float:left; width:auto; height:auto; margin:0px 0px 0px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#456589;
}

.gal_1 p
{float:left; width:auto; height:auto; margin:0px 0px 10px 10px !important; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#524e4b; text-align:justify !important; line-height:15px;
}


.gal_1 p img
{float:left; width:auto; height:auto; margin:10px 0px 0px 2px; border:2px solid #000000; 
}

.boxx
{float:left; width:300px; height:250px; background:#000000; margin:0px 0px 0px 20px;
}

.boxx img
{
float:left;
margin:10px 0px 0px 15px;

}



#products
{
float:left; width:990px; height:auto; padding:0px 0px 50px 0px;}

#products h1
{float:left; width:980px; height:auto; margin:10px 20px 10px 10px; font-size:16px;  font-family:Arial, Helvetica, sans-serif; color:#d36a12;
}

#products p
{float:right; width:auto; height:auto; margin:0px 0px 0px 0px; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif;
}


.explore
{
float:left; width:auto; height:auto;
}

#explore
{
float:left; width:300px; height:auto; font-size:14px; text-align:left; color:#61d6e5; margin:5px 0px 0px 14px;
}






#main_footer
{
padding:0px;margin:0px;width:100%;height:100%; }


#footer
{
float:left; width:950px; height:50px; margin:-30px 0px 0px 20px; background:#2292a0; border-bottom:5px solid #000000; 
}


.copyright p
{
float:left;
width:auto;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:10px;
margin-top:0px;
}

.log
{
margin:10px 20px 0px 0px;
float:right;
width:80px;
height:30px;
}	

.log_1
{
margin:10px 0px 0px 0px;
float:right;
width:40px;
height:30px;
border:none;
}



.copyright
{
float:left;
width:580px;
margin:20px 0px 0px 20px;
font-size:12px; 
border:none;
}

#table
{
float:left;
width:600px;
height:auto;
font-size:14px;
margin:10px 0px 0px 200px;
background:#FFFFFF;
}


.more
{
float:right;
width:auto;
height:auto;
font-size:12px;
color:#f58221;
margin:0px 20px 0px 0px;
font-weight:bold;
}

hr
{
float:left;
width:960px;
height:2px;
color:#000000;
margin-left:20px;
}