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

	body { margin:0; padding:0; font:normal 12px Tahoma; background-image:url(images/topblack_bg.gif); background-repeat:repeat-x; }
h1 { }
h2 { margin:0 0 15px 0; font:bold 14px Arial; color:#009ccf; text-transform:uppercase; }
h3 { }
h4 { }
h5 { }
h6 { }
p { margin:0; padding:0; }
a { }
a:hover { }
img { border:none; }
cite { }
.clear { clear:both; }
.wrapper { margin:0 auto; padding:0; width:860px; }
hr { margin:0 auto; padding:0; width:860px; }
.right { float:right !important; }
/* Layout */
	
	/* header */
		
		div.header { margin:0; padding:0; width:296px; height:64px; }
.wrapper h1 { margin:0; padding:0; }
.wrapper h1 a.logo { background:url(images/logo.jpg); background-repeat:no-repeat; width:296px; height:64px; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; float:left; }
.sliderholder { margin:0; padding:0; width:815px; height:290px; }
pre { display:block; font:12px "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; width:674px; }
#container { margin:0 auto; position:relative; text-align:left; width:696px; background:#fff; margin-bottom:2em; }
#header { height:80px; background:#5DC9E1; color:#fff; }
#content { position:relative; }
/* Easy Slider */

	#slider { margin:0 auto; }
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider li, #slider2 li { /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:815px; height:290px; 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:0px; top:-160px; }
#nextBtn, #nextBtn2 { left:790px; }
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:30px; height:77px; background:url(images/arrowleft.png) no-repeat 0 0; }
#nextBtn a, #nextBtn2 a { background:url(images/arrowright.png) no-repeat 0 0; }
.contentholder { margin:20px 0 0 0; padding:0; width:850px; }
.contentholderleft { margin:0; padding:0; width:264px; float:left; border-right:1px dotted #ccc; }
.contentholderleft ul { margin:0; padding:0; }
.contentholderleft ul li { margin:0; padding:0; list-style:none; background:url(images/projectbg.jpg) no-repeat; width:126px; height:82px; float:left; font-weight:bold; }
.contentholderleft ul li a { color:#373737; text-decoration:none; }
.contentholderleft ul li.a { padding: 35px 20px 20px 30px; width:76px; height:27px; }
.contentholderleft ul li.b { padding: 35px 20px 20px 30px; width:76px; height:27px; background-position: -125px 0; }
.contentholderleft ul li.c { padding: 35px 20px 20px 30px; width:76px; height:27px; background-position: 0 -81px; }
.contentholderleft ul li.d { padding: 35px 20px 20px 15px; width:91px; height:27px; background-position: -125px -81px; }
.contentholderleft ul li.a:hover { background:url(images/project_hover.jpg) no-repeat; }
.contentholderleft ul li.b:hover { background:url(images/project_hover.jpg) no-repeat; background-position: -125px 0; }
.contentholderleft ul li.c:hover { background:url(images/project_hover.jpg) no-repeat; background-position: 0 -82px; }
.contentholderleft ul li.d:hover { background:url(images/project_hover.jpg) no-repeat; background-position: -125px -82px; }
.contentholdercenter { margin:0; padding:0 0 0 15px; width:327px; float:left; }
.contentholderright { margin:0; padding:0 0 0 15px; width:192px; float:left; border-left:1px dotted #ccc; }
.contenttopic { margin:0; padding:0 0 20px 0; }
.bubblestop { margin:0; padding:0; width:309px; height:10px; background-image:url(images/bubbletop.jpg); background-repeat:no-repeat; }
.bubblescenter { overflow:auto; margin:0; padding:0 25px 0 18px; width:266px; height:auto; background-image:url(images/bubblecenter.jpg); background-repeat:repeat-y; }
.bubblesbottom { margin:0; padding:0 0 5px 0; width:309px; height:25px; background-image:url(images/bubblebottom.jpg); background-repeat:no-repeat; }
p.readmore { margin:10px 0 5px 0; }
p.readmore a { color:red; text-decoration:none; }
.commercial ul { float:left; margin:0; padding:0; width:400px; height:80px; }
.commercial ul li { margin:0; padding:0; list-style:none; float:left; }
ol.menu { position:absolute; top:30px; margin:0 0 0 205px; width:620px; height:42px; display:block; cursor:pointer; overflow:hidden; }
ol.menu li { margin:0 10px 0 0; padding:20px 0 0 25px; list-style:none; float:left; background-image:url(images/speechmenu.gif); width:68px; height:42px; }
ol.menu li a { text-decoration:none; color:#fff; font-weight:bold; }
ol.menu li a:hover { color:#000; }
ol.menu li.last { padding:20px 0 0 13px; width:80px; }
.contentholderabout { margin:20px 0 0 0; padding:20px 0 0 0; }
.contentholderabout p { margin:0 0 15px 0; }
.contentholderaboutcontent { margin:20px 0 0 5px; padding:0; width:545px; }
/* About-Page */
	
		.about-left { width:300px; float:left; }
.about-right { float:right; width:479px; margin:0 0 0 15px; padding:0 0 0 20px; }
.about-right img { margin:0 20px 0 0; }
.about-right p { font:normal 12px tahoma; text-align:justify; }
.about-right p span { color:#009ccf; }
/* Services Page */
		
		ol.services-list, ol.testi-list { width:887px; margin:0; padding:0; }
ol.services-list li { list-style:none; margin:0 0 0 10px; padding:0 16px 0 0; height:400px; overflow:hidden; width:260px; float:left; position:relative; }
div.buynow { width:114px; height:31px; float:left; margin:10px 0 !important; }
a.buynow img { margin:10px 0 !important; float:left; }
ol.testi-list li { background:#fff; border:1px solid #ccc; height:150px; list-style:none; margin:0 0 20px 20px; padding:10px; overflow:hidden; width:240px; float:left; position:relative; }
ol.services-list li.first img { }
ol.services-list li.third { border:none; }
ol.services-list li.notfirstline { margin:20px 0 0 10px; height:420px; }
div.service-thanks { width:300px; margin:0 0 40px 0; float:left; border:1px solid #CCC; padding:10px }
ul.services-firstlists { border:1px solid #ccc; padding:10px; width:480px; float:right; margin:0 0 20px 0; }
ul.services-firstlists li { background:url(images/icons/tick_icon.gif) no-repeat; margin:0 10px 10px 0; padding:0 0 0 20px; list-style:none; float:left; }
ol.services-list li h3 { font:bold 14px tahoma; color:#1EB7E1; position:absolute; margin:-60px 0 0 0; padding:10px; background:#000; }
ol.services-list li img { margin:0 0 15px 0; }
ol.services-list li img:hover { }
ol.services-list li p { }
.servicesimgborder { margin:0; padding:0; border:solid 5px #004a80; }
/* footer */
	
		.footerholder-large { clear:both; background:#222; margin:20px 0 0 0; padding:20px 0 20px 0; height:150px; }
		.footerholder { width:815px; height:auto; margin:0 auto; }
		.footerleft { margin:0 auto; padding:20px 0 0 0; width:478px; height:130px; float:left; color:#999; border-right:1px dotted #fff }
		.boxleft { margin:20px 20px 0 0; padding:0; width:65px; height:85px; float:left; }
		.boxright { margin:20px 0 0 0; padding:0; width:350px; height:85px; float:left; }
		.footerright { margin:0 auto; padding:80px 0 0 50px; width:286px; height:70px; float:left; color:#999; }
/* link page */
		.links-box { float:left; width:400px; margin:20px 0; }
		.links-box a { text-decoration:none; color:#0099FF; }
		.specialquote { font:normal 20px Arial, Helvetica, sans-serif; color:#00CCFF; }
		.contact-map { position:absolute; top:230px; margin:0 0 0 530px; }
		
	ul.gallerymenu { width:800px; margin:0 0 0 70px; padding:0; list-style:none; }
	ul.gallerymenu li { background:#0099CC; float:left; margin:0 20px 0 0; padding:5px 10px; list-style:none; }
	ul.gallerymenu li a { color:#FFFFFF; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; }