/* 
	Author: JS / MAX LI BIN
	Website : www.mexzhouse.com
*/

	body { margin:0; padding:0; font:normal 12px Tahoma; }
	h1 {}
	h2 {}
	h3 { }
	h4 {}
	h5 {}
	h6 {}
	p { margin:0; padding:0; }
	a {}
	a:hover {}
	img { border:none; }
	cite {}
	.clear {}
	.wrapper { margin:0 auto; padding:0; width:960px; }
	#wrapper { margin:0 auto; padding:20px 0 0 40px; width:960px; }
	#gallery { margin:20px auto 20px auto; padding:20px 0 0 40px; width:960px; }
	#gallery  h2 { font:bold 16px Arial, Helvetica, sans-serif; }


/* Layout */
	
	/* header */
		
		div.header { margin:0; padding:0; width:100%; height:80px; }
		.uppertop { background:#f79100; margin:0; padding:0; width:100%; height:20px; }
		.wrapper h1 { margin:0 0 0 30px; padding:0; }
		.wrapper h1 a.logo { background:url(images/logo.gif); width:205px; height:50px; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; margin: 20px 0 25px 0;}
		div.menu { background:url(images/menu_bg.gif) repeat-x; position:absolute; width:100%; top:80px; }
		div.menu ol { margin:0 auto; padding:0; width:920px; height:30px; }
		div.menu ol li { margin:5px 30px 0 0; padding:0; list-style:none; float:left; }
		div.menu ol li a { margin:0; padding:0; color:#fff; font:bold 14px Tahoma; text-decoration:none; text-transform:capitalize; }
		div.menu ol li a.active { color:#000; }
		div.menu ol li a:hover { color:#000; }
			
	
	
	
	/* top - header */
		
		div.wrapper div.wrapperleft { float:left; margin:0; padding:0; width:615px; }
		div.wrapper div.wrapperleft div.topleft { background:#fff; margin:10px 0 0 20px; padding:3px; width:589px; height:370px; border:none; }		
		
	/* bottom left */
	
		div.wrapper div.wrapperleft div.bottomleft { background:#fff; margin:0; width:620px; border:none; }
		div.wrapper div.wrapperleft div.bottomleft h1 { margin:10px 20px; padding:0; }
		div.wrapper div.wrapperleft div.bottomleft h1 a.bottomleftheader { margin:0; padding:0; font:bold 18px Tahoma; color:#99d423; text-decoration:none; }
		div.wrapper div.wrapperleft div.bottomleft ul#featuredlist {  background:url(images/interfaces/list-bg.gif) no-repeat center;  margin:0 0 20px 20px; padding:0; width:595px; height:293px; }
		div.wrapper div.wrapperleft div.bottomleft ul#featuredlist li { margin:0 50px 0 0; padding:0; list-style:none; float:left; width:160px; }
		div.wrapper div.wrapperleft div.bottomleft ul#featuredlist li#last { margin:0; }
			
	/* right top */
		
		div.wrapper-right { float:right; margin:20px 0 20px 0; padding:0; width:305px; }		
		div.wrapper-right div.topright { background:#fFF; width:282px; margin:10px 0 0 0; padding:0 0 0 20px; height:335px;  }
		div.wrapper-right div.topright h3  { margin:0 0 20px 0; padding:0; }
		div.wrapper-right div.topright h3 a { margin:0; padding:0; color:#99d423; text-decoration:none; font: bold 18px Tahoma; }
		div.wrapper-right div.topright ul li img { float:left; margin: 0 20px 0 0; }
		div.wrapper-right div.topright ul { margin:0; padding:0; }
		div.wrapper-right div.topright ul li { clear:both; margin:0; padding:0; list-style:none; height:70px; }
		div.wrapper-right div.topright ul li h4 { margin:0; padding:0; font:normal 14px Tahoma; }
		
		
	/* bottom right */
	
		div.wrapper-right div#bottomright { background:#fff; margin:0; padding:40px 20px 20px 20px; width:270px; overflow:auto; }
		div.wrapper-right div#bottomright p span { color:#f79100;  }
		div.wrapper-right div#bottomright h3 {  margin:0 0 20px 0; padding:0; }
		div.wrapper-right div#bottomright h3 a { margin:0; padding:0; color:#99d423; text-decoration:none; font: bold 18px Tahoma; }
		div.wrapper-right div#bottomright ul { margin:20px 0 0 0; padding:0; }
		div.wrapper-right div#bottomright ul li { margin:0; padding:0; width:135px; list-style:none; float:left; color:#f79100; font:bold 16px Tahoma; overflow:hidden; }
		div.wrapper-right div#bottomright ul li a { margin:0; padding:0; color:#141414; font:normal 11px Tahoma; text-decoration:none; }
		div.wrapper-right div#bottomright ul li a:hover { color:#f79100; }
		div.wrapper h2.title { font:normal 24px Tahoma; margin:0; padding:0; color:#f79100; width:200px; text-transform:uppercase; }
		
	/* footer */
		.footer { clear:both; background:#99d423 url(images/interfaces/footer.jpg) center no-repeat; margin:0 auto; width:100%; height:50px;  }
		.footertext { color:#fff; }

	/* slider */
		
		#jFlowSlide{ font-family: Georgia; }
		#myController { position:absolute; margin:-40px 0 0 20px; font-family: Georgia; padding:2px 0;  width:610px; }
		#myController span.jFlowSelected { margin-right:0px; color:#000; }
		
		.slide-wrapper { padding: 5px; }
		.slide-thumbnail { width:300px; float:left; }
		.slide-thumbnail img {max-width:300px; }
		.slide-details { width:290px; float:right; margin-left:10px;}
		.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
		.slide-details .description { margin-top:10px; }
		
		.jFlowControl, .jFlowPrev, .jFlowNext { color:#fff; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
		.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { }
		.slide-wrapper h2 { background:#333; margin:0 0 0 -4px; padding:5px 20px; position:absolute; bottom:60px; left:9px; color:#CCC; font:normal 16px Tahoma; }
	
	/* news */
		ol.news { margin:0; padding:0; }
		ol.news li { margin:0 0 20px 0; padding:10px 0 10px 0; list-style:none; border-bottom:#F90 dotted 1px; }
		ol.news li h3 { font:normal 18px Tahoma; margin:0; padding:0; }
		ol.news li p { margin:5px 0 0 20px; }

		.caption{ font-style:italic;color:#887; display:none; }
		.demo{position:relative;margin-top:2em;}
		.gallerymain { width:780px; margin:0 auto; }
		ul.gallery_demo{width:770px;margin:0 auto; padding:0;}
		ul.gallery_demo li{ float:left; width:68px;height:50px; border:none; padding:0; margin: 0 10px 10px 0;background:#000; list-style:none;}
		ul.gallery_demo li div{left:240px}
		ul.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
		
		#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
		#main_image img{margin-bottom:10px;}
		
		.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
		
		.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
		.info p{margin-top:1.6em;}
		
	/* Gallery */
		
		ul.gallery-menu { margin:0; padding:0; overflow:scroll; height:120px; }
		ul.gallery-menu li { background:#99d424; color:#fff; list-style:none; margin:0 0 20px 10px; padding:10px; float:left; }
		ul.gallery-menu li a { color:#fff;}
		ul.gallery-menu li a:hover { color:#000; }
		
	/* products */
		.accordion2 { width: 960px; border-bottom: solid 1px #c4c4c4; margin:20px 0; }
		.accordion2 ul { margin:0; padding:0; }
		.accordion2 div img { margin:20px 20px 20px 0; }
		.accordion2 ul li { clear:both; margin:0; padding:20px 0; list-style:none; border-bottom:1px dotted #F79100; overflow:auto; }
		.accordion2 ul li ul li { clear:both; margin:20px 0 0 0; padding:0 0 20px 0; list-style:none; border-bottom:1px dotted #F79100; }
		.accordion2 ul li.noboder { border:none; }
		.accordion2 ul li ul li img { float:left; margin:0 20px 20px 0; }
		.accordion2 ul li img { float:left; margin:0 20px 20px 0; }
		.accordion2 ul li ul li h6 { font:bold 12px Arial; }
		.accordion2 ul li h6 { font:bold 12px Arial; margin:0; padding:0; }
		.accordion2 ul li span { color:#F79100; }
		.accordion2 ul li ul li span { color:#F79100; } 
		.accordion2 h3 { background: #f5f5f5 url(images/icons/product-arrow.png) no-repeat right top; padding: 7px 15px;	margin: 0; font: bold 120%/100% Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; }
		.accordion2 h3 span { color:#F79100; }
		.accordion2 h3:hover { background-color: #e3e2e2; }
		.accordion2 h3.active { background-position: right 5px; }
		.accordion2 div {	background: #fff; margin: 0;	padding: 10px 15px 20px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; display: none; }
		ul.controllers { overflow:auto; }
		ul.controllerslist { overflow:auto; }
		ul.controllers li.first { font-weight:bold; width:220px; float:left; margin:0 0 0 10px; clear:none; }
		ul.controllerslist li { width:220px; height:130px; float:left; margin:0 0 0 10px; clear:none; overflow:hidden; }
		ul.controllerslist li h4 { margin:0 0 10px 0; padding:0; }
		ul.controllerslist li a.pdf { background:url(images/icons/pdf.png) right top no-repeat; font-size:14px; height:70px; padding:0 60px 50px 0; }
		a.pdf { background:url(images/icons/pdf.png) right top no-repeat; font-size:14px; height:70px; padding:0 60px 50px 0; }
		ul.controllerslist li a { color:#F90; text-decoration:none; }
		ul li a { color:#F90; text-decoration:none; }