/* CSS layout */
*,html{margin:0;padding:0;}
body{background:#ffffff;}
a,img{text-decoration:none;border:0px;}
.warpper{margin:0px auto;width:950px;}
.unwarpper{width:100%;}


.center{margin:0 auto;text-align:center;}
.left{float:left;}
.right{float:right;}
.top{top:0px;}
.bottom{bottom:0px;}
.top50{margin-top:50px;}

.martop5{margin-top:5px;}
.marbottom5{margin-bottom:5px}
.marleft5{margin-left:5px;}
.marright5{margin-right:5px}

.martop10{margin-top:10px;}
.marbottom10{margin-bottom:10px}
.marleft10{margin-left:10px;}
.marright10{margin-right:10px}

.padtop5{padding-top:5px;}
.padbottom5{padding-bottom:5px;}
.padleft5{padding-left:5px}
.padright5{paddig-right:5px}

.padtop10{padding-top:10px;}
.padbottom10{padding-bottom:10px;}
.padleft10{padding-left:10px}
.padright10{paddig-right:10px}

.border{border:1px #000 solid;}

#top{height:30px;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));background: -moz-linear-gradient(top,  #000,  #444);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');}

#master{margin:0 auto;width:950px;height:auto !important;background:#ffffff;}
#masthead{height:100px;padding-top:15px;}
#mhl{margin-left:10px;height:85px;width:220px;background:#fff; overflow:hidden;background-image:url('../images/cssImg/logo.png');background-repeat:no-repeat;float:left;}
#mhl_right{padding:5px 0px 0px 10px;top:20px;margin-left:230px;right:0px;position:relative;width:50px;height:45px;font-weight:bold;border-left:1px #ccc solid;text-align:left;}
#masthead #mhleft{float:left;width:45%;text-align:left;}
#masthead #mhright{float:right;width:45%;text-align:right;background-image:url('../images/cssImg/contact.png');background-repeat:no-repeat;background-position:right top;height:80px;}

#top_nav {border:1px #f2f2f2 solid;height:40px !important;margin-bottom:10px;/*-moz-box-shadow:0 0 2px #ddd;-webkit-box-shadow:0 0 2px #ddd;*/}


#page_content{min-height:500px !important;height:auto !important;max-height:5000px !important; border:1px #000 solid;}
#pg_head{width:950px;min-height:55px;height:auto !important;padding:5px 5px 5px 5px;}
#pg_left{width:200px;height:auto !important;padding:5px;border:}
#pg_middle{min-height:300px;height:auto !important;width:730px;padding:5px;margin-bottom:10px;}

div.footer-top{height:25px;background: #000;background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));background: -moz-linear-gradient(top,  #444,  #000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');}
#footer {height:40px !important;font-size:10px;clear:both;}
#ftleft{float:left;width:600px;height:25px;margin-top:15px;padding-left:10px;font-family:arial;color:#555;}
#ftright{float:right;width:300px;height:25px;margin-top:15px;padding-right:10px;text-align:right;}

.box{width:360px;height:160px;display:block;margin:10px 2px 15px 5px;}
.box .left img{width:80px;height:80px;}
.box .right{width:230px;}

#pg_head img{height:300px;margin:0;width:950px;}

dl.productlist{margin:0 auto;width:730px;margin:5px;border:1px #000 solid;}
dl.productlist dt{width:710px;background:#d3d5d6;padding:1px 5px;border:1px #f00 solid;}
dl.productlist dd{width:710px;flaot:left;clear:both;}
dl.productlist dd .left{float:left;border:1px #000 solid;width:100px;}
dl.productlist dd .right{float:right;border:1px #000 solid;width:600px;}

ul.products{list-style-type:none; padding:0px; margin:5px;}
ul.products li {padding:10px; margin:10px 0px 10px 0px; color:#; font-weight:normal;clear:both}
ul.products li div.product_title{width:700px;background:#f5f5f5;padding:5px;padding-left:10px;color:#333;font-size:14px;}
ul.products li div.product_details{width:700px;padding:5px;margin-bottom:20px;color:#777;}
ul.products li div.img{width:90px;height:100px;float:right;}
ul.products li div.details{width:600px;float:left;font-size:13px;white-space:normal;text-align:justify;color:#777;font-family:'Dosis', sans-serif;}
ul.products li div.img1{width:90px;height:100px;float:left;}
ul.products li div.details1{width:600px;float:right;font-size:12px;white-space:normal;text-align:justify;color:#000;}


ul.box-list{list-style-type:none;padding:0px;margin:0px;}
ul.box-list li{float:left;width:315px;padding:5px;margin:10px 10px 10px 20px;border:1px #ccc solid;box-shadow:0 0 2px #ddd;-moz-box-shadow:0 0 2px #ddd;-webkit-box-shadow:0 0 2px #ddd;}
ul.box-list li h1{font-weight:400px;font-family:'Archivo Narrow', sans-serif;font-size:16px;margin:0px;padding:5px 10px;background:#eee;}
ul.box-list li p{font-family:tahoma;font-size:12px;	color:#777;}
ul.box-list li img{width:310px;height:150px;margin:0px 0 5px 0;border:1px #eee solid;padding:2px;}

ul.box-list2{list-style-type:none;padding:0px;margin:0px;}
ul.box-list2 li{float:left;width:225px;padding:5px;margin:10px 0px 10px 5px;border:1px #ccc solid;box-shadow:0 0 2px #ddd;-moz-box-shadow:0 0 2px #ddd;-webkit-box-shadow:0 0 2px #ddd;}
ul.box-list2 li h1{font-weight:400px;font-family:'Archivo Narrow', sans-serif;font-size:16px;margin:0px;padding:5px 10px;background:#eee;}
ul.box-list2 li p{font-family:tahoma;font-size:12px;color:#777;}
ul.box-list2 li img{width:220px;height:115px;margin:0px 0 5px 0;border:1px #eee solid;padding:2px;}


ul.download-list{margin:0px;padding:0px;}
ul.download-list li{list-style-type:square;font-size:12px;color:#777;margin-bottom:5px;}
ul.download-list li a{padding:5px;font-size:12px;color:#777;text-transform:normal;}


ul.gallery {margin:0px;padding:0px;}
ul.gallery li{list-style-type:none;float:left;margin:5px;}
ul.gallery li a img{width:165px;height:100px;padding:2px;border:1px #ccc solid;}

ul.portfolio{margin:0;padding:0;}
ul.portfolio li{border-bottom:1px #ddd solid;}
ul.portfolio li img{height:225px;width:200px;margin:10px 0px;}

ul.contact{
	margin:0;
	padding:0;
	list-style:none;
}
ul.contact li{
	float:left;
	width:50%;
	display:inline-block;
	clear:right;
}

@media screen and (max-width:480px)
{
	*{margin:0px;padding:0px;border:px #000 solid;}
	img,object{width:100%;}
	#top{height:10px;}
	#container,#masthead,.warpper{width:100%;}
	#masthead #mhleft{float:none;width:100%;}
	#masthead #mhright{float:none;display:none;width:100%;}
	#top_nav{display:none;}
	#navigation{display:block;}
	#box-gal ul li div,#box-gal ul li {width:92%;}
	#box-gal ul li div span{width:100%;line-height:45px;text-align:center;}
	#box-gal ul li div a{float:left;margin-left:20px;}
	
	/*table*/
	table tr td,table,tr td div,table{float:none;width:100%;}
	ul.blist li{min-height:10px !important;height:auto !important;max-height:1000px !important;margin-bottom:10px;margin:5px 10px;padding:10px;}
	ul.feature-services li{width:96%;padding:5px;margin:0px 0px 0px 0px;background:#aaa;border-bottom:1px #ddd solid; }
	.box1,.box2,.box3{width:100%;}
	div.offer{width:96%;padding:0px;border:0px;}
	div.offer img{width:100%;margin-bottom:5px;}
	#ftleft,#ftright{padding:0px;width:100%;text-align:center;float:none;}
	
	#pg_head,#pg_head img{
		width:100%;
		height:275px;
		padding:0px;
	}
	#pg_left{display:none;width:100%;}
	#pg_middle{width:95%;padding:10px;}
	.right{float:none;}
	
	
	ul.products{list-style-type:none; padding:0px; margin:5px;}
	ul.products li {padding:10px; margin:10px 0px 10px 0px; color:#; font-weight:normal;clear:both}
	ul.products li div.product_title{width:100%;}
	ul.products li div.product_details{width:100%;}
	ul.products li div.img{width:90px;height:100px:float:left;}
	ul.products li div.details{width:100%;float:left;font-size:13px;white-space:normal;text-align:justify;color:#777;font-family:'Dosis', sans-serif;}
	ul.products li div.img1{width:90px;height:100px;float:left;}
	ul.products li div.details1{width:100%;float:right;font-size:12px;white-space:normal;text-align:justify;color:#000;}
	
	ul.box-list2{list-style-type:none;padding:0px;margin:0px;}
	ul.box-list2 li{float:left;width:92%;padding:5px;margin:10px;border:1px #ccc solid;box-shadow:0 0 2px #ddd;-moz-box-shadow:0 0 2px #ddd;-webkit-box-shadow:0 0 2px #ddd;}
	ul.box-list2 li h1{font-weight:400px;font-family:'Archivo Narrow', sans-serif;font-size:16px;margin:0px;padding:5px 10px;background:#eee;}
	ul.box-list2 li p{font-family:tahoma;font-size:12px;color:#777;}
	ul.box-list2 li img{width:98%;height:200px;margin:0px 0 5px 0;border:1px #eee solid;padding:2px;}
	
	ul.portfolio{margin:0;padding:0;}
	ul.portfolio li{border-bottom:1px #ddd solid;}
	ul.portfolio li img{height:225px;width:100%;margin:10px 0px;}
	
	ul.contact li{
		width:100%;
	}
	
}
@media screen and (min-width:481px){
	#top_nav{display:block}
	#navigation{display:none;}
}