@font-face {
    font-family: 'robotolight';
    src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.header{ margin:3px auto 0 auto;}
.flex_img{ max-width:100%; margin:0 auto;}
body{ background:#9e9d9d !important; font-family:'robotolight'; }


 

.clr{ clear:both;}
.float_left{ float:left;}
.float_right{float:right;}
.banner_bottom{ background:#777777; padding:20px 0 40px 0;}
.banner_bottom1{ width:33%; margin:0px auto; padding-left:10px;}
.banner_gal_bottom1{ width:25%; margin:0px auto;}
.banner_gal_bottom1 h2{ color:#fff; font-family:'robotolight';-webkit-font-smoothing:antialiased; font-size:10px;}
.banner_gal_bottom1 p{ color:#888888; font-family:'robotolight'; -webkit-font-smoothing:antialiased; font-size:26px; }
.banner_bottoms{ background:#777777;}
.banner_bottoms2{ width:100%; margin:5px auto; padding-left:15px;padding-right:15px;}
.banner_bottoms2 h2{ color:#fff; font-family:'robotolight';-webkit-font-smoothing:antialiased; font-size:30px;}
.banner_bottoms2 h3{ color: #888888; font-family:'robotolight';-webkit-font-smoothing:antialiased; font-size:20px;}
.banner_bottoms2 p{ color:#ffffff; font-family:'robotolight'; -webkit-font-smoothing:antialiased; font-size:16px; padding-top:10px; }
.banner_bottom1 h2{ color:#fff; font-family:'robotolight';-webkit-font-smoothing:antialiased; font-size:30px;}
.banner_bottom1 p{ color:#FFFFFF; font-family:'robotolight'; -webkit-font-smoothing:antialiased; font-size:16px; margin-bottom:20px;}
.learn_button{ }
.learn_button a{   padding:10px; color:#ccc; font-family:Roboto; -webkit-font-smoothing:antialiased; background:#505050; border-radius:5px;  margin:10px auto; text-decoration:none !important;}  
.learn_button a:hover{ color:#fff !important;}
.banner_bottom2{background: #cbcbcb; /* Old browsers */
background: -moz-linear-gradient(top, #cbcbcb 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* IE10+ */
background: linear-gradient(to bottom, #cbcbcb 0%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
padding:10px 0;}
.banner_bottom3{ padding-left:20px; width:33%; padding-bottom:10px;}
.banner_bottom3 ul{ margin:0; padding:0;} 
.banner_bottom3 ul li{ list-style:none; padding-top:10px;}
.banner_bottom3 ul li a{ color:#555; font-family:'robotolight';-webkit-font-smoothing:antialiased;}
.banner_bottom3 ul li a:hover{ color:#000;}
.banner_bottom3 h4{ color:#fff; text-shadow: 1px 1px 0px #000; font-size:20px; font-family:'robotolight';-webkit-font-smoothing:antialiased;}
.footer{ background:#c2c2c2; margin-bottom:30px;}
.footer p{ text-align:center; padding:50px 0 50px 0;}
.footer p a{color:#000; font-family:'robotolight'; -webkit-font-smoothing:antialiased;text-decoration:none !important; font-size:14px;}
.gal_tits { font-size:22px; font-weight:bold; color:#FFFFFF;}
.gallery{ width:99%;}
.pro_galllist{ width:38%; padding:5px 0px 11px 0px; float:left; }
.art_img{ width:400px; height:300px; margin:0 auto;}
/*.price_tit {font-weight:bold; color:#CC0000; font-size:16px;}*/
.back { float:right; color:#FFFFFF; font-size:20px; padding-top:7px;}
.back a{color:#9900CC; text-decoration:none;}
.back a:hover{color: #cc9900; text-decoration: underline;}

.site { width:100%;float:right; color:#888888; font-family:'robotolight'; -webkit-font-smoothing:antialiased; font-size:18px;  padding-top:15px;}
.site a{color:#888888; text-decoration:none;font-family:'robotolight'; -webkit-font-smoothing:antialiased; font-size:18px; }
.site a:hover{color: #FFFFFF; text-decoration: underline;}

.page
{
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
}
.page a{color:#ffffff; text-decoration:none;}
.page a:hover{color:#CCCCCC; text-decoration: underline;}

.page_listing1
{
	font-size:14px;
	color: #ffffff;
	text-decoration: none;
}

.contact_members{float:left;  width:100%; margin:10px auto 0px; padding-left:300px; }
.contact_det1
{
	width:20%;
	height:auto;
	float:left;
	color:#fff;font-size:14px; font-weight:bold;
	text-align:left; padding-left:12px; padding-bottom:5px;
}
.contact_det2
{
	width:20px;
	float:left;
	font-weight:bold; color:#C00; padding-right:10px;
	display:block;
}
.contact_det3
{
	width:50%;
	height:auto;
	float:left;font-size:13px;
	text-align:left; padding-left:12px; padding-bottom:5px;
}
.class_buts { float:none;}

.cart_tab{width:90%; margin:10px auto 0px; padding-left:10px; }
.del_but { text-align:left; padding-left:30px;}
.pri_cla { padding-left:0px; padding-right:0px;}
.shop_title{ font:bold; width:180px; padding-left:10px; }
.que{ width:159px; font:bold; padding-left:0px;}
.pri{ width:178px; font:bold;padding-left:1px;}
.tot{ width:226px; font:bold; padding-left:1px;}
.action{ width:183px; font:bold; padding-left:20px;}

.email a{ color:#FFFFFF;}

.email a:hover{ color:#FF6633; text-decoration:blink;}

.ban-split{ width:30%; float:left; margin-left:1%; margin-right:1%; padding:80px 0 0 0;}

.slide_right{ width:68%; float:right; padding:0 0 0 6px;}

.tit_bold { color:#CC0000; font-size:24px;}

.slider_container{position: relative; top: 0px; left: 0px; width: 795px!important; height: 332px; overflow: hidden; }

.light a{ color:#FF0000;}

.light a:hover{ color:#FF6633; text-decoration:blink;}

.art_det { width:40%; float:left; }

.art_dets { width:20%; float:left; }

.art_form { width:60%; float:left; }


 
@media screen and (max-width:1024px)
{
.banner_gal_bottom1{ width:33.33%; margin:0px auto;}
.ban-split{ width:30%; float:left; margin-right:20px; padding:120px 0 0 0;}
.slide_right{ width:68%; float:right; padding:0 0 0 0px;}
.slider_container{position: relative; top: 0px; left: 0px; width: 649px !important; height: 332px; overflow: hidden; }
.art_det { width:30%; float:left; }
.art_form { width:70%; float:left; } 
.art_dets { width:15%; float:left; }
}

@media screen and (max-width:768px)
{
.float_left{ float:none;}
.float_right{ float:none;}
.banner_bottom1{ width:100%; margin:0px auto 0 auto; padding:30px 10px 0 10px;}
.banner_bottom3{ width:100%; margin:0 auto 0 auto; padding:30px 10px 10px 10px;}
.banner_bottoms2{ width:100%; margin:0 auto 0 auto; padding:10px 10px 10px 10px;}
.banner_gal_bottom1{ width:98%; margin:0 auto; padding:10px 10px 10px 10px;}



.gallery{ width:98%;}
.pro_galllist{ width:100%; padding:0px 0px 10px 0px; float:left; }
.art_img{ max-width:100%; margin:0 auto;}

.cart_tab{float:left;  width:100%; margin:1px auto 0px;  }
.del_but { text-align:center; padding-left:0px;}
/*.pri_cla {  padding-right:10px;}*/
.shop_title{ width:10;}
.que{ width:159px; font:bold; padding-left:0px;}
.pri{ width:50;} 
.tot{ width:50;}


.contact_members{float:left;  width:100%; margin:10px auto 0px;padding-left:20px; }
.contact_det1
{
	width:22%;
	height:auto;
	float:left;
	color:#fff;font-size:14px; font-weight:bold;
	text-align:left; padding-left:12px; padding-bottom:5px;
}
.contact_det2
{
	width:10px;
	float:right;
	font-weight:bold; color:#C00; padding-right:10px;
	display:none;
}
.contact_det3
{
	width:15%;
	height:auto;
	float:left;
	text-align:left; padding-left:12px; padding-bottom:5px;
}
.contact_det3 class_buts { width:100%; float:left;}

.ban-split{
		width:100%;
        margin:5px auto;
		float:none;
		padding:0; 
		text-align:center;
		clear:both;
				

}
.slide_right{
		width:100%;
		padding:0;
}
.art_det { width:100%; float:left; }
.art_form { width:100%; float:left; }
.art_dets { width:40%; float:left; } 



}