/*

Theme Name: Mexzhouse Max
Theme URI: http://www.mexzhouse.com/
Description: Mexzhouse 
Version: 2.0
Author: Max li bin
Author URI: http://www.mexzhouse.com/

*/

	.hide 					{ display:none; }
	div.clear 				{ background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0; }
	img 					{ border:0; }
	.alignright 			{ float:right !important; }
	.alignleft 				{ float:left !important; }
	img.alignright 			{ margin:0 0 20px 20px; }
	img.alignleft 			{ margin:0 20px 20px 0; }
	.left 					{ float:left !important; }
	.right 					{ float:right !important; }
	.clear 					{ clear:both !important; }
	.textright 				{ text-align:right; }
	
/************************ DO NOT ADJUST ABOVE THIS LINE ************************/
	
/*	Layout */

	body 				{ background:#f3f3f3 url(assets/images/interface/bg.jpg) repeat-x;  margin:0; padding:0; font:12px Arial; color:#122e45; }
	div.con 			{ margin:0 auto; width:940px; }
	div#body 			{ position:absolute; top:100px; width:940px; }
	div#contents 		{ width:940px; }
	
/*	Colors */

	.black 			{ color:#000 !important; }
	.white 			{ color:#fff !important; }
	.blue 			{ color:#336699 !important; }
	.red 			{ color:#990000 !important; }
	.maroon			{ color:#660000 !important; }
	.lightGray 		{ color:#ccc !important; }
	.mediumGray		{ color:#999 !important; }
	.normalGray 	{ color:#666 !important; }
	.darkGray 		{ color:#333 !important; }
	
/*	Links */

	a { color:#666; text-decoration:none; cursor:pointer; }
	a:hover { color:#666; text-decoration:underline; }

/*	Text Styles */

	h1,h2,h3,h4,h5,h6,small,cite { margin:0 0 15px 0; padding:0 0 5px 0; border:none; }
	
	h1			{ font:bold 24px/1.4em Arial; color:#333; }
	h2			{ font:bold 22px/1.4em Arial; color:#333; }
	h3			{ font:bold 20px/1.4em Arial; color:#333; }
	h4			{ font:bold 18px/1.4em Arial; color:#333; }
	h5			{ font:bold 16px/1.4em Arial; color:#333; }
	h6			{ font:bold 14px/1.4em Arial; color:#333; }
	p			{ margin: 0 0 20px 0; padding:0; color:#122e45; }
	small		{ display:block; }
	cite		{  }
	
	
/* layouts */
	
	.wrapper 	{ width:887px; margin:0 auto; padding:0; }
	
	/* header */
	
		div.wrapper div.header 								{ width:887px; height:75px; margin:0; padding:0; }
		div.wrapper div.header h1.logo a					{ background:url(assets/images/interface/logo.jpg) no-repeat; width:150px; height:47px; top:22px; display:block; position:absolute; margin:0; padding:0; text-indent:-5000px; cursor:pointer; overflow:hidden;  }
		
		/* menu */
			ol.menu 										{ width:460px; position:absolute; margin:0 0 0 427px; padding:0; top:35px;  }
			ol.menu li 										{ margin:0; padding:0; list-style: none; float:left; }
			ol.menu li a									{ background:url(assets/images/interface/menus.gif); height:39px;  float:left; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; }
			ol.menu li a.home								{ width:57px; }
			ol.menu li a.portfolio							{ background-position:-57px 0; width:102px; }
			ol.menu li a.services							{ background-position:-159px 0; width:90px; }
			ol.menu li a.about								{ background-position:-249px 0; width:68px; }
			ol.menu li a.blog								{ background-position:-317px 0; width:63px; }
			ol.menu li a.contact							{ background-position:-377px 0; width:80px; }
			
			/* hover */	
				
				ol.menu li a.home:hover						{ background-position:0 -39px;width:57px; }
				ol.menu li a.current						{ background-position:0 -39px !important; }
				ol.menu li a.currentportfolio               { background-position:-57px -39px !important;  }
                ol.menu li a.portfolio:hover				{ background-position:-57px -39px; width:102px; }
				ol.menu li a.currentservice                 { background-position:-159px -39px !important; }
                ol.menu li a.services:hover                 { background-position:-159px -39px; width:90px; }
                ol.menu li a.currentabout					{ background-position:-249px -39px !important; }
                ol.menu li a.about:hover					{ background-position:-249px -39px; width:68px; }
				ol.menu li a.currentblog					{ background-position:-317px -39px !important; }
				
                ol.menu li a.blog:hover						{ background-position:-317px -39px; width:63px; }
				
                ol.menu li a.contact:hover                  { background-position:-377px -39px; width:80px; }
                ol.menu li a.currentcontact                  { background-position:-377px -39px !important;  }
			
	
	
	
	
	
	
	
	
	
	
	/* content */
		
		.content 														{ width:887px; height:auto; overflow:auto; }
		.breadcam 														{ width:887px; height:30px; padding:32px 0 0 0; color:#999; }
		.breadcam .left-crum											{ width:600px; float:left; }
		.breadcam p.right-crum											{ float:right; width:287px; text-align:right; }
		.breadcam p.right-crum span										{ color:#fff; }
		.breadcam-pageholder											{ background:#122e45; border-bottom:2px #788895 dotted; }
		.breadcam-page													{ width:887px; margin:0 auto; height:30px; padding:10px 0 0 0; color:#999; }
		.breadcam-pageholder div.breadcam-page div.left-crum			{ width:600px; float:left; height:30px; }
		.breadcam-pageholder div.breadcam-page div.left-crum h1 a		{ font:bold 16px Arial; text-transform:uppercase; color:#f5f5f5; }
		.breadcam-page p.right-crum										{ float:right; width:287px; text-align:right; margin:0; padding:0; }
		.breadcam-page p.right-crum span								{ color:#fff; }
		div.left-content												{ width:638px; float:left; margin:15px 0 0 0; padding:0; overflow:auto; float:left; }
		div.left-content ul.mynews 										{ margin:0; padding:0; list-style:none; }
		div.left-content ul.mynews li									{ clear:both; border-bottom:1px #999 dotted; margin:0 0 15px 0; overflow:auto; width:628px; }
		div.left-content ul.mynews li div								{ width:85px; float:left; margin: 0 20px 20px 0; }
		div.left-content ul.mynews li small.month						{ background:#1b3a54; width:40px; padding:10px 20px 20px 25px; margin:0; height:10px; font:bold 16px Arial; color:#fff; }
		div.left-content ul.mynews li small.date						{ background:#122e45; width:40px; margin:0; height:10px; padding:10px 20px 20px 25px; font:bold 16px Arial; color:#fff; }
		div.left-content ul.mynews li small.p							{ float:left; width:500px; }
		ul.right-content												{ width:228px; float:left; margin:0 0 0 20px; padding:0; overflow:auto; float:left; }
		ul.right-content li												{ margin:0; padding:0; list-style:none; overflow:auto; }
		ul.right-content li img											{ margin: 0 0 15px 0; border:1px solid #9e9e9e; }
		ul.right-content li a											{ color:#F90; text-decoration:none; }
		ul.right-content li p 											{ margin:5px 0 20px 0; }
		
		
		/* Easy Slider */
	
			#slider													{}	
			#slider ul, #slider li, #slider2 ul, #slider2 li		{  margin:0; padding:0; list-style:none; }
			#slider li, #slider2 li									{ width:887px; height:267px; overflow:hidden; }	
			#slider2 li												{ background:#f1f1f1; }		
			#slider2 li h2											{ margin:0 20px; padding-top:20px; }	
			#slider2 li p											{ margin:20px; }		
			p#controls, p#controls2									{ margin:0; position:relative; } 
			#prevBtn, #nextBtn, #prevBtn2, #nextBtn2				{ display:block; margin:0; overflow:hidden; text-indent:-8000px; width:30px; height:77px; position:absolute; left:-30px; top:-160px; }	
			#nextBtn, #nextBtn2										{ left:887px; }														
			#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a		{ display:block; width:30px; height:77px; background:url(assets/images/interface/btn_prev.gif) no-repeat 0 0; }	
			#nextBtn a, #nextBtn2 a									{ background:url(assets/images/interface/btn_next.gif) no-repeat 0 0;	}			
		
		/* 3boxes */
		
			ul.box							{ margin:0; padding:0; width:638px; height:auto;  }
			ul.box li						{ background:#eaebe0; margin:0 0 0 20px; padding:15px; list-style:none; width:165px; float:left; }
			ul.box li.first 				{ margin:0; }
			ul.box li.first h3				{ background:url(assets/images/interface/knowus.gif) no-repeat; width:124px; height:14px; display:block; text-indent:-5000px; overflow:hidden; }
			ul.box li.second				{ background:#eaebe0 url(assets/images/interface/secondbox-bg.gif) right top no-repeat; }
			ul.box li.second h3				{ background:url(assets/images/interface/testi.gif) no-repeat; width:106px; height:17px; display:block; text-indent:-5000px; overflow:hidden; }
			ul.box li.third					{ padding:15px 25px 15px 15px; width:155px; }
			ul.box li.third span			{ background:url(assets/images/interface/starbuck.png) no-repeat; width:79px; height:118px; position:absolute; margin: -20px 0 0 130px; display:block; text-indent:-5000px; overflow:hidden; }
			ul.box li.third h3 				{ background:url(assets/images/interface/coffee.gif) no-repeat; width:125px; height:17px; display:block; text-indent:-5000px; overflow:hidden; }
			ul.box li a 					{ color:#F60; text-decoration:none; display:block; }
			ul.box li.third p 				{ margin:0 0 5px 0; padding:0; }
			ul.box li.third a 				{ display:inline; margin:0; padding:0; }
			ul.box li.third small 			{ margin:0 0 3px 0; padding:0; color:#666; }
			
		/* left content */
			
			/* news / update */
			
				h3.news 						{ background:url(assets/images/interface/news.gif) no-repeat; margin:20px 0 20px 0; padding:0 0 15px 0; width:628px; height:20px; display:block; text-indent:-5000px; overflow:hidden; border-bottom:1px dotted #898989; }
				h3.recent-works					{ background:url(assets/images/interface/recentworks.gif) no-repeat;float:left; margin:20px 0 20px 20px; padding:0 0 15px 0; width:228px; height:20px; display:block; text-indent:-5000px; overflow:hidden; border-bottom:#999 dotted 1px; }
				a.more-link						{ color:#ff4e00; }
				
		/* footer */
			
			.footer 										{ background:#122e45; overflow:auto; padding: 0 0 20px 0; }
			.footer ul.innerfooter 							{ margin:0 auto; padding:20px 0 0 0; width:887px; list-style:none; }
			.footer ul.innerfooter  li 						{ margin:0 0 0 20px; padding:0; float:left; }
			.footer ul.innerfooter  li.twitter-max			{ margin:0; width:425px;}
			.footer ul.innerfooter  li.twitter-max h3		{ background:URL(assets/images/interface/welovetwitter.gif) no-repeat; width:315px; height:25px; display:block; text-indent:-5000px; overflow:hidden; }
			.footer ul.innerfooter  li.links				{ width:192px; }
			.footer ul.innerfooter  li.links ul				{ margin:0; padding:0;}
			.footer ul.innerfooter  li.links li				{ width:192px; clear:both; margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; border-bottom:1px #999 dotted; }
			.footer ul.innerfooter  li.links h3				{ background:URL(assets/images/interface/generallinks.gif) no-repeat; width:122px; height:25px; display:block; text-indent:-5000px; overflow:hidden; }
			.footer ul.innerfooter  li.contactusnow h3		{ background:URL(assets/images/interface/contactusnow.gif) no-repeat; color:#fff; width:212px; height:25px; display:block; text-indent:-5000px; overflow:hidden; }
			.footer ul.innerfooter  li.contactusnow ul		{ margin:0; padding:0;}
			.footer ul.innerfooter  li.contactusnow li		{ width:220px; clear:both; margin:0; padding:0; list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; border-bottom:1px #999 dotted;}
			.footer ul.innerfooter  li.contactusnow li p 	{ margin: 0; padding:0; color:#f5f5f5; }
		
		/* twitter */
			
			.footer ul.innerfooter  li.twitter-max ul.twitter 		{ margin:0; padding:0; }
			.footer ul.innerfooter  li.twitter-max ul.twitter li	{ width:385px; background:URL(assets/images/interface/twicon.gif) top left no-repeat; margin:0 0 10px 0; padding:0 0 10px 40px; color:#898989; list-style:none; border-bottom:1px dotted #898989; }
			
		/* every pages */
			
		
			div.posts-holder					{ background:#f0f0f0; overflow:auto; padding:0 0 20px 0; }
			div.posts-wrapper					{ width:887px; margin:0 auto; }
			div.posts 							{ width:560px; float:left; }
			div.posts div.post					{ background:#fff; padding:20px; margin:20px 0;  }
			h1.postTitle 						{ width:887px; margin:20px auto 0 auto; }
			div.posts-page						{ background:#f0f0f0; padding:0 0 20px 0; }
			div.posts-page-port					{ background:#f0f0f0; padding:0 0 20px 0; clear:both; overflow:auto; }
			div.post-page						{ width:887px; margin:0 auto; padding: 20px 0; }
			div.posts-port						{ width:887px; margin:0 auto; }	
			div.posts-portholder				{ width:500px; float:left; }
			div.post-portfolio					{ width:887px; margin:0 auto; padding: 20px 0; }
			div.post-portfolio	img				{ border:#122e45 5px solid; float:left; margin:0 20px 20px 0;  }
			div.post-portfolio div.port-detail	{ background:#fff; float:left; width:367px; padding:20px; }
			a.orange							{ color:#F60; }
			div.posts-about						{ background:#f0f0f0; padding:0 0 20px 0; }
			div.posts-about div.about-holder	{ width:887px; margin:0 auto; padding:20px 0; }
			div.post-about						{ width:500px; float:left; }
			div.post-about p span				{ color:#ff4e00; }
			div.post-about h2.about				{ background:#122e45; color:#fff; font:normal 14px Arial; width:200px; margin:0 0 20px 0; padding:5px; }
			div.post-about h2.services			{ background:#122e45; color:#fff; font:normal 14px Arial; width:110px; margin:0 0 20px 0; padding:5px; }
			h1.postTitle 						{ width:887px; margin:20px auto 0 auto; }
			ul.services-list					{ width:367px; float:left; margin:40px 0 0 20px; padding:0; }
			ul.services-list li					{ background:URL(assets/images/interface/tick.gif) left no-repeat; padding:5px 0 5px 30px; list-style:none; }
			div.post-about-right				{ width:367px; float:left; margin:0 0 0 20px; }
			div.post-about-right ul				{ margin:0; padding:0; }
			div.post-about-right ul li 			{ margin:0 0 15px 20px; padding:0; list-style:none; float:left;  }
			div.post-about-right ul li.first	{ margin:0 0 15px 0; }
			div.post-about-right h2.about		{ background:#122e45; color:#fff; font:normal 14px Arial; width:120px; margin:0 0 20px 0; padding:5px; }
			
		/* services */
			
			h3.services-how						{ margin:20px 0 20px 0; }
		
		/* side bar */
			
			.sidebar							{ width: 320px; margin:0; float:right; }
			div.sidebar ul 						{ margin:0; padding:0; }
			div.sidebar ul  li					{ background:#fff; margin:20px 0 20px 20px; list-style:none; padding:15px; }
			div.sidebar ul  li ul				{ margin:0; padding:0; }
			div.sidebar ul  li ul li			{ margin:10px 0; padding:0; }
		
		/* quotation */
			
			.quotation							{ background:#fff; padding:20px; }
			h3.q-header							{ background:#122E45; color:#f5f5f5; margin:20px 0; padding:0 20px; width:200px; }
			
		/* single post */
			.entry img.left						{ float:left; margin:0 20px 20px 0;  }
			
		/* contact */
			.post-page div.contact-left-box		{ background:#c1cfd2 URL(assets/images/interface/contact-bgleft-top.gif) top left no-repeat; width:246px; height:486px; float:left; padding:86px 20px 20px 20px; }
			.post-page a.request-quote			{ position:absolute; top:200px; margin:0 0 0 650px; display:block; }
			div.wpcf7 input						{ background:#fff; border:1px solid #dedede; margin:5px 0 0 0; height:25px; }
			div.wpcf7 textarea					{ background:#fff; border:1px solid #dedede; margin:5px 0 0 0; width:550px; }
			#wpcf7-f1-p53-o1					{ background:#cbe4ee URL(assets/images/interface/contact-bg.jpg) left top no-repeat; float:left; margin:77px 0 0 0; width:561px; padding:20px; }
			div.post small.month				{ position:absolute; background:#1b3a54; width:40px; padding:10px 20px 20px 25px; margin:-4px 0 0 -105px; height:10px; font:bold 16px Arial; color:#fff; }
			div.post small.date					{ position:absolute; background:#122e45; width:40px; margin:-44px 0 0 -105px; height:10px; padding:10px 20px 20px 25px; font:bold 16px Arial; color:#fff; }
		
		/* search button */
			input#searchsubmit					{ width:58px; background:#fff; border:1px solid #b0b0b0; }
			input#s								{ background:#fff; border:1px solid #b0b0b0;width:130px }
		
		/* comment */
			
			.commentsBlock #commentsForm dl dd input		{ border:1px solid #b0b0b0; background:#fff; width:250px; margin:5px 0; }
			.commentsBlock #commentsForm dl dd textarea		{ border:1px solid #b0b0b0; background:#fff; width:400px; height:150px; margin:5px 0; }
		
		/* footer last / bottom */
		
			.footer-last 						{ background:#111; height:40px; overflow:hidden; }
			.footer-last div 					{ margin:0 auto; width:887px; padding:5px 0 5px 0; }
			.footer-last small 					{ float:left;}
			.footer-last small.copyright		{ margin:10px 0 0 10px; color:#898989;}
			.footer-last small a.footericon 	{ background:URL(assets/images/interface/footermexzhouse.gif) no-repeat; width:127px; height:35px; display:block; cursor:pointer; overflow:hidden; text-indent:-5000px; }
			.footer-last small a.xhtml-valid	{ background:URL(assets/images/interface/validator.gif) no-repeat; margin:0 0 0 80px; width:90px; height:35px; display:block; cursor:pointer; overflow:hidden; text-indent:-5000px; }
			.footer-last small a.css-valid		{ background:URL(assets/images/interface/validator.gif) -90px 0 no-repeat; width:85px; height:35px; display:block; cursor:pointer; overflow:hidden; text-indent:-5000px; }