*{padding:0px;margin:0px;}
html{text-align:left;}
body{background:url(../images/main-bg.jpg) repeat-x top left #fefefe;}
img{border:none;}
a:link,a:visited{color:#000099;text-decoration:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
a:active,a:hover{text-decoration:underline;}
p{margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333333;text-align:justify;}
h1,h2,h3{color:#000000;font:bold 16px Arial, Helvetica, sans-serif;margin:0;padding:0;}

#wraper{ 
	width:980px;
	margin:0px auto;}
	
#bg-content{
	float:left;
	width:980px;
	padding:0;
	margin:0 auto;	}

/* Header */
#header{
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:980px;
	height:113px;}
	
#header h1{text-indent:-9999px;width:306;height:86px;}	

/* logo */
#header h1.logo a  {
	display:block;
	width:300px;
	height:86px;
	padding:0;
	margin:14px 0 0 0px;
	background:url(../images/logo.jpg) no-repeat top left;}	
	
#header-navi{
	margin:0;
	float:right;
	width:250px;
	height:29px;
	background:url(../images/nav_bar_bkg2.jpg) repeat-x top left;}
	
#header-navi ul{list-style:none;margin:6px 0 0 25px;}
#header-navi li{text-align:center;float:left;margin:0;padding:0;border-right:solid 1px #888787;}
		   
#header-navi a{color:#FFFFFF;font-size:12px;font-weight:normal;float:left;text-align:center;text-decoration:none;height:14px;padding:0 10px 0 10px;margin:0;
              font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;}
			  
#header-navi a:hover{color:#FFFFFF;text-decoration:underline;}	

#navigation{
	margin:0;
	float:left;
	width:980px;
	height:29px;
	background:url(../images/nav_bar_bkg.jpg) repeat-x top left;}
	
#navigation ul{list-style:none;margin:6px 0 0 20px;}
#navigation li{text-align:center;float:left;margin:0;padding:0;border-right:solid 1px #888787;}
		   
#navigation a{color:#FFFFFF;font-size:12px;font-weight:normal;float:left;text-align:center;text-decoration:none;height:14px;padding:0 10px 0 10px;margin:0;
              font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;}
			  
#navigation a:hover{color:#FFFFFF;text-decoration:underline;}

#navigation a.selected{color:#6ebffe;font-size:12px;font-weight:normal;float:left;text-align:center;text-decoration:none;padding:0 10px 0 10px;margin:0;                       font-family:Arial, Helvetica, sans-serif;height:14px;cursor:pointer;text-transform:capitalize;}

#navigation a.selected:hover{cursor:pointer;}

/* Banner */
.main-b{
	 float:left;
	 width:980px;
	 height:303px;
	 margin:0; }
	 
/* outerbox */
.outerbox{
	float:left;
	width:980px;
	margin:0; background:#FFFFFF;}

.outerbox h2{font-size:30px;color:#333333;margin:0;padding:0 25px 20px 20px;font-family:"AlternateGothic2 BT"; font-weight:normal;}	
	
.outerbox dt{
	height:5px;
	color:#414141;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px 0px 0px 35px;
	/*background:url(../images/mid.jpg) repeat-y top left;*/}

.outerbox dd{
	float:left;
	width:980px;
	padding:3px 0 0 0;
	/*background: url(../images/mid.jpg) repeat-y;*/}
	
.outerbox dl{
	float:left;
	width:980px;
	text-align:left;
	margin:0;
	padding:0 0 15px 0;
	/*background:url(../images/bottom.jpg) no-repeat bottom left #FFFFFF;*/}	

/* Right Column */	 											   
#right-menu{
	padding:0;
	float:left;
	width:727px;
	margin:0;}

#right-menu h1{font-size:18px;color:#333333;margin:0;padding:20px 25px 20px 20px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#right-menu h3{font-size:18px;color:#5b95d7;margin:0;padding:15px 25px 15px 20px; font-weight:normal;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
#right-menu h2{font-size:18px;color:#333333;margin:0;padding:20px 25px 0px 20px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;}	

#right-menu li{font-size:13px;color:#333333;margin:0 0 0 55px;padding:5px 20px 0 15px;line-height:20px;font-family:Arial, Helvetica, sans-serif; }				   
#right-menu input {background:url(../images/input.jpg) repeat-x left #FFFFFF;color:#000000;font-size:12px;font-weight:normal;height:16px;padding:0;margin:0 0 0 20px;
                   border:#DBDBDB solid 1px;width:185px;}
				   
#right-menu textarea{color:#000000;font-size:12px;font-weight:normal;height:150px;width:410px;padding:0;border:#DBDBDB solid 1px;margin:0 0 0 20px;
                     background:url(../images/areabg.jpg) top repeat-x left #ededed;}	
#right-menu select{background:url(../images/input.jpg) repeat-x left #FFFFFF;color:#000000;font-size:12px;padding:0;font-weight:normal;height:17px;width:190px;
                   border:#DBDBDB solid 1px;}
/* Main Menu */
#right-menu .right-box{
	float:left;
	width:727px;
	margin:0;
	background:url(../images/rtop.jpg) no-repeat top left;}

#right-menu .right-box ul{ list-style:none;}
#right-menu .right-box li{font-size:13px;color:#333333;margin:0 0 0 30px;padding:0 0px 0 25px;line-height:25px;background:url(../images/bullet.gif) no-repeat left;}

#right-menu .right-box li.blackdot{font-size:13px;color:#333333;margin:0 0 0 50px;padding:0 0px 0 10px;line-height:20px;background:none;}

#right-menu .right-box p{font-size:13px;color:#333333;margin:0;padding:5px 20px 5px 20px; }

#right-menu .right-box a{font-size:13px;color:#333333;margin:0;padding:5px 20px 5px 20px;text-decoration:underline; }	
#right-menu .right-box a:hover{margin:0;padding:5px 20px 5px 20px;text-decoration:none;}	
	
* html #right-menu .indexportfolio{margin:0 0 0 3px;}
#right-menu .indexportfolio{
	float:left;
	width:219px;
	height:121px;
	margin:0 0 0 6px;
	padding:0 0 40px 0;
	background:url(../images/portfolioindex.png) no-repeat top left;}	
	
#right-menu .indexportfolio p{padding:0 0 0 10px;margin:0;text-align:left;}
* html #right-menu .indexportfolio img{margin:0 0 0 5px;}		
#right-menu .indexportfolio img{margin:0 0 0 10px;}		
	
* html #right-menu .bodycontainor{margin:0px 0px 0px 1px;}
#right-menu .bodycontainor{ 
	width:677;	
	float:left;
	margin:0px 2px 0px 1px;
	background:url(../images/indexbodybg.jpg) repeat-x top #FFFFFF;}
	
* html #right-menu .bodycontainor .catproducts{margin:10px 0 0 3px;}
#right-menu .bodycontainor .catproducts{
	float:left;
	width:207px;
	height:290px;
	background:#FFFFFF;
	margin:10px 0 0 6px;
	border:solid 5px #f0f0f0;}
	
.bold{ 
	color:#000000;
	font-size:11px;
	font-weight:bold;
	padding:4px 10px 0 2px;
	font-family:Arial, Helvetica, sans-serif;}	

#right-menu .bodycontainor .catproducts a{margin:0;color:#439cf6;text-decoration:underline;}
#right-menu .bodycontainor .catproducts a:hover{margin:0;text-decoration:none;color:#439cf6;}	
#right-menu .bodycontainor .catproducts img{margin:6px;}
#right-menu .bodycontainor .catproducts h4{background:url(../images/catbg.gif) repeat-x left;border:solid 1px #f0f0f0;margin:0 0 0 6px;font-size:10px;color:#666666;                                           border-bottom:none;width:193px;height:17px;float:left;font-family:Arial, Helvetica, sans-serif;}

/* Left Column */	 											   
#left-menu{
	padding:0;
	float:right;
	width:240px;
	margin:0; }

#left-menu a{margin:0;padding:0;color:#333333;text-decoration:underline;}
#left-menu a:hover{margin:0;padding:0;color:#333333;text-decoration:none;}
#left-menu img{margin:7px 0px 10px 0;padding:0;float:left;}
#left-menu p{font-size:12px;color:#333333;margin:0px;padding:5px 10px 0px 10px;text-align:left;}
#left-menu h2{font-size:22px;color:#5b95d7;margin:0;padding:15px 25px 15px 20px;font-family:ArtFutur-Light;}
	
/* Main Menu */
#left-menu .left-box{
	float:left;
	width:240px;
	margin:0 0 10px 0;
	padding:0;}
	
.left-box h3{font-size:13px;color:#333333;margin:0px;padding:0px 0px 0px 25px; line-height:20px; font-weight:normal;}
.left-box input{background:url(../images/input.jpg) repeat-x top left #FFFFFF;color:#000000;font-size:12px;font-weight:normal;width:200px;height:22px;
                padding:0 0 0 5px;border:#e5e5e5 solid 1px;margin:0 0 0 9px; }
	
.left-box select{background:url(../images/input.jpg) repeat-x top left;color:#000000;font-size:12px;padding:0;width:208px;height:22px;font-weight:normal;
                 border:#e5e5e5 solid 1px;width:200;margin:0px 0px 0px 9px;}
				 
.left-box textarea{background:url(../images/input.jpg) repeat-x top left #FFFFFF;color:#000000;font-size:12px;padding:0;width:208px;height:102px;font-weight:normal;
                 border:#e5e5e5 solid 1px;width:200;margin:0px 0px 0px 9px;}
				 
.left-box ul{ list-style:none;}
.left-box li{font-size:12px;color:#333333;margin:0 0 0 5px;padding:0 5px 3px 25px;line-height:20px; font-family:Arial, Helvetica, sans-serif;
             background:url(../images/right_icon1.jpg) no-repeat left;}				 				 

#left-menu .left-box dt{
	height:33px;
	color:#5b95d7;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
	padding:15px 0px 0px 15px;
	background:url(../images/ltop.jpg) no-repeat top left;}

#left-menu .left-box dd{
	float:left;
	width:240px;
	padding:3px 0px 0px 3px;
	background: url(../images/lmid.jpg) repeat-y;}
	
#left-menu .left-box dl{
	float:left;
	width:240px;
	text-align:left;
	margin:0;
	padding:0 0 16px 0;
	background:url(../images/lbottom.jpg) no-repeat bottom left;}	
	
/* left Navigation */
#left-nav{
	float:left;
	width:220px;
	margin:0;
	padding:0;}
	
#left-nav ul{list-style:none;margin:0;}

*+ html #left-nav li{margin:0 0 5px 3px;}			   
* html #left-nav li{margin:0 0 5px 3px;}			   
#left-nav li{text-align:center;float:left;padding:0;margin:0 0 0 6px;width:220px;}			   

#left-nav a{color:#252525;font-size:13px;font-weight:normal;float:left;text-align:left;text-decoration:none;width:198px;height:23px;
            padding:5px 0 0 20px;margin:0 0 5px 0;font-family: Arial, Helvetica, sans-serif;background:url(../images/left-bg-a.jpg) no-repeat bottom left;}
			  
#left-nav a:hover{color:#252525;text-decoration:underline;width:198px;height:23px;padding:5px 0 0 20px;margin:0 0 5px 0;}

#left-nav a.left-bg-sel{color:#5b95d7;font-size:13px;font-weight:bold;float:left;text-align:left;text-decoration:none;width:198px;height:23px;
                        padding:5px 0 0 20px;margin:0 0 5px 0;font-family: Arial, Helvetica, sans-serif;}	
						
#left-nav a.left-bg-sel:hover{color:#5b95d7;font-size:13px;font-weight:bold;float:left;text-align:left;text-decoration:none;width:198px;height:23px;
                        padding:5px 0 0 20px;margin:0 0 5px 0;font-family: Arial, Helvetica, sans-serif;}
						
#left-menu .lateswork{
	width:160px;
	height:152px;
	background-color:#FFFFFF;
	border:#c6c6c6 solid 5px;
	text-align:center;
	float:left;
	margin:10px 0px 0px 27px;
	padding:5px;}						
													

/* bottom box */	 											   
#bottom-box{
	margin:20px 0 0 0;
	padding:0;
	float:left;
	width:960px;}

#bottom-box .main-offer-b{
	 float:left;
	 width:980px;
	 height:auto;
	 margin:0;
	 padding:0 0 0 25px; }			   

/* inner mid box */
#bottom-box .bottom-mid-box{
	float:left;
	width:337px;
	margin:5px 7px 0 0;
	background:url(../images/bottom-box.jpg) no-repeat top left;}
	
	
/* other pages */
* html .large-img{margin:0 0 0 5px}	
.large-img{
	float:left;
	width:360px;
	margin:0 0 0 10px;
	background:url(../images/other-bg.jpg) repeat-x left bottom; }		 	

.detail-info{
	float:left;
	width:290px;
	border:solid 1px #CCCCCC;
	background:url(../images/other-bg.jpg) repeat-x left bottom;}
	
#right-menu .detail-info h3{padding:0 0 5px 10px;margin:0;background:#0098ca;color:#FFFFFF;font-size:18px;font-weight:normal;}	
#right-menu .detail-info a{padding:0 0 5px 0;margin:0;color:#0098ca;font-size:13px;font-weight:normal;}	

/* Footer */
#footer{
	float:left;
	width:980px;
	height:38px;
	padding:0;
	margin:10px 0 0 0;
	border:solid 1px #dad8d8;
	background:url(../images/f-bg.jpg) repeat-x top left;}
	
#footer p{color:#36485e;font-size:13px;text-align:left;padding:12px 0 0 20px;}