body{ 
background:#cccc;
padding:0; 
text-align:center;
font-family:"Arial", "Helvetica", sans-serif; font-size:12px; color:#000;  
} 

ul {
margin : 0; 
padding : 0; 
list-style : none; 
width : 170px; 

} 
ul li {
position : relative; 
} 
li ul  {
position : relative; 
left : 169px; 
top : 0; 
display : none; 
} 
ul li a  {
display : block; 
text-decoration : none; 
color : #000; 
padding: 5px 5px 5px 18px;
border-bottom : 1px solid #FFF;  
background: url(images/nav_bg_off.gif);
background-position: top;
} 
ul li a.active  {
color : #FFF; 
text-decoration : none; 
background: url(images/nav_bg_on.gif);
background-position: top;
}
 
* html ul li a  {
height : 1%; 
} 

ul li a:hover {
color : #FFF; 
text-decoration : none; 
background: url(images/nav_bg_on.gif);
background-position: top;
} 
li ul li a  {
padding : 3px 5px; 
} 
li:hover ul, li.over ul {
display : block; 
} 

#pagewidth{ 
width:880px;
margin : 18px auto; 
border: 1px solid #333;
} 
 
#header{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home_index.jpg);
background-position:top right;
background-repeat:no-repeat;
} 

#header_news{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home2.jpg);
background-position:top right;
background-repeat:no-repeat;

} 

#header_products{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home_shop.jpg);
background-position:top right;
background-repeat:no-repeat;

} 

#header_services{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home_fit.jpg);
background-position:top right;
background-repeat:no-repeat;

} 

#header_gallery{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home_gall.jpg);
background-position:top right;
background-repeat:no-repeat;

} 

#header_links{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home_shop.jpg);
background-position:top right;
background-repeat:no-repeat;

}

#header_contact{
position:relative; 
height:225px; 
width:100%;
background-image: url(images/home2.jpg);
background-position:top right;
background-repeat:no-repeat;
}

.col_right_text {
padding-top:24px;
padding-left:24px;
width:500px;
float:left;
text-align:left;
}

hr {
border: 0;
width: 100%;
color: #ff6633;
background-color: #CC6633;
height: 1px;
}


#content img{
border:0;
background-color: #FFF;
}

a.links:link {
	color: #D4740B;
	text-decoration: none;
}
a.links:visited {
color: #D4740B;
	text-decoration: none;
}
a.links:hover {
color: #ccc;
	text-decoration: underline;
}
a.links:active {
color: #D4740B;
	text-decoration: none;
}

a.more:link {
	color: #ff6633;
	text-decoration: none;
}
a.more:visited {
color: #666;
	text-decoration: none;
}
a.more:hover {
color: #ccc;
	text-decoration: none;
}
a.more:active {
color: #666;
	text-decoration: none;
}

h1 {width: 150px; display: block;}
h1 a {width: 150px; height: 105px; display: block; text-indent: -3000px; text-decoration: none;}
h2 {font-size:12px; color: #fff; margin-top:0px; margin-bottom:20px; }
h3 {font-size:12px; color: #fff; margin-top:0px; margin-bottom:0px; font-weight:normal;}
h4 {font-size:12px; color: #999; margin-top:0px; margin-bottom:20px;  }
h5 {font-size:12px; color: #777; margin-top:0px; margin-bottom:0px;}
h6 {font-size:12px; color: #777; margin-top:0px; margin-bottom:5px; border-bottom: 1px dashed #666;}
.date {font-size:11px; font-style: italic; color:#999;}
.news {font-size:11px; color:#999;}
.bullets {width: 150px; font-size:11px; color: #777; margin: 4px 0 6px 45px;}
.more {font-size:11px; color:ff6633;}
.title {font-size:14px; color: #CC6633; font-weight: bold; margin-top:0px;}
p {font-size:12px; color:#000;}

#leftcol{
position: relative;
margin: 12px 0 0 0;
width:225px; 
float:left; 
padding-top:24px;
padding-left:24px;
text-align:left;
 }

div#col_left_menu {
padding-top:12px;
padding-left:24px;
width:112px;
text-align:left;
float:left;
background-image: url(images/menu_divider.jpg);
background-position:top right;
background-repeat:no-repeat;
min-height:100px;
}

.col_left_submenu {
padding-top:12px;
padding-left:24px;
width:170px;
float:left;
text-align:left;
background-image: url(images/menu_divider.jpg);
background-position:top right;
background-repeat:no-repeat;
min-height:100px;
}
div#col_left_logo {
padding-left:0px;
width:225px;
float:left;
text-align:left;
}
.navcontainer{
text-align:left;
}
.navlist{
margin-left: 0px;
padding-left: 0;
list-style: none;
}
.navlist li {
}
 
#twocols{
 width:25%; 
 float:right; 
 position:relative; 
  }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:0%; 
 }
 
#footer{
height:35px; 
background-color:#FFF;
font-size:10px; 
color: #3E3E3E;
padding-top: 8px;
padding-left: 8px;
border-top: 1px solid #333;
clear:both;
 } 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}