* { margin: 0; padding: 0; }
a img { border: 0; background: transparent; }


/* =BASIC ELEMENTS
_________________________________________________________________ */
body {
	font: 100.01% Helvetica, Arial, sans-serif;
	color: #555;
	margin: 0; padding: 0;
	text-align: center;
	background: #808F5A url(../images/body_bg.jpg) repeat;
}
#wrap {
	width: 740px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/wrap_bg.jpg) repeat-y 0 0;
}
p { font: 76%/170% Helvetica, Arial, sans-serif; margin: 0 0 .8em 0; } 
h1 { font: bold 125% "Helvetica condensed", "Arial condensed", Helvetica, Arial, sans-serif; margin: 0 0 .4em 0; letter-spacing: -1px; color: #748844; }
h2 { font: bold 100% "Helvetica condensed", "Arial condensed", Helvetica, Arial, sans-serif; margin: .2em 0 .4em 0; letter-spacing: -1px; }
h3 { font: bold 100% "Helvetica condensed", "Arial condensed", Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #999; margin-bottom: .4em }

h6 { font: bold 90% Helvetica, Arial, sans-serif; color: #999; background: #EDEDED; padding: 5px 5px 2px 5px; margin: 15px 0 3px 0; width: 435px; height: 15px; }
hr { margin-bottom: .8em; } 


/* =CONTENT  
_________________________________________________________________ */
#contentLeft {
	float: left;
	width: 450px;
	margin: 10px 0 10px 40px;
	display: inline;
}
#contentLeft a:link { color: #999; }
#contentLeft a:visited { color: #999; }
#contentLeft a:hover { color: #FFF; background: #8E957D; text-decoration: none; }
#contentLeft a:active { color: #A00; } 
#contentLeft ul { font: 76%/170% Helvetica, Arial, sans-serif; margin-left: 20px; } 
.small {
	font-size: 60%
}
.heroframe {
	padding: 10px;
	background: #EDEDED url(../images/framebg1.png) repeat 0 0;
	border: 1px solid #D8D8D8;
	margin: .2em 10px .3em 0;
	display: inline;
}
.prodshot {
	padding: 5px;
	background: #CCC;
	border: 2px solid #D8D8D8;
	margin-left: 5px;
	display: inline;
	float: right;
}
.dash {
	border-bottom-style: dashed;
	padding-bottom: .4em;
}
.accessory {
	background: #EDEDED; 
	padding: 10px; 
	margin: 15px 0 3px 0; 
	width: 435px; 
/*	min-height: 135px;*/
}
.suit {
	background: #EDEDED; 
	padding: 10px; 
	margin: 15px 0 3px 0; 
	width: 435px; 
	min-height: 310px;
}

/* =NEWS
_________________________________________________________________ */
.date {
	background: transparent url(../images/bullet_news.png) no-repeat 0 0;
	font: 70% Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #ABABAB;
	padding: 2px 0 0 16px;
	margin: 1em 0 .5em 0;
}
dl { font-size: 70%; margin: 3px 0 20px 0; padding: 0; }
dt { font-weight: bold; margin: 4px 0 2px 0; }
dd { margin: 2px 0 6px 0; line-height: 130%; }
	
		


/* =HEAD
_________________________________________________________________ */
#header {
	width: 780px; height: 100px;
	background: transparent url(../images/head_img.jpg) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
}
#logohead {
	position: absolute;
	top: 15px; left: 40px;
	width: 259px; height: 52px;
}
	


/* =SIDEBAR   
_________________________________________________________________ */
#sidebar { 
	float: left;
	width: 175px; height: 400px;
	margin: 0 0 10px 50px;
	padding-top: 20px;
	display: inline;
/*	background: transparent url(../images/featproductshead.gif) no-repeat center top; */
}
#sidebar a:link{ color: #62706F; }
#sidebar a:visited { color: #62706F; }
#sidebar a:hover { color: #FFF; background: #62706F; text-decoration: none; }
#sidebar a:active { color: #FFF; background: #7F1F00; text-decoration: none; }

.featprod {
	width: 175px;
	margin: .2em auto 1.25em auto;
	text-align: center;
}
.featprod p { text-align: right; font-size: 70%; width: 165px; margin: .2em auto .5em auto; }
.featphoto {
	margin: 5px auto;
	padding: 3px;
	background: #EEECCE;
	border: 1px solid #E0DFCC;
}
#sidebar dl { margin: 5px auto; }
#sidebar dt { font: bold 120% Helvetica, Arial, sans-serif; }
#sidebar dd { font: 95% Arial, Helvetica, sans-serif; color: #818181; }
	


/* =NAV (main)   #nav
_________________________________________________________________ */
#navs {
    width: 396px; height: 45px;
	background-image: url(../images/nav_main.jpg);
    margin: 0 auto; padding: 0;
	position: absolute;
	top: 12px; right: 40px;
}
#subnavs li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#subnavs li, #subnavs a {
    height: 45px; display: block;
}
#sub1 { left: 0; width: 112px; }
#sub2 { left: 113px; width: 133px; }
#sub3 { left: 247px; width: 76px; }
#sub4 { left: 324px; width: 72px; }

#sub1 a:hover, #sub1 a.selected {
    background: transparent url(../images/nav_main.jpg)
	0 -45px no-repeat; }
#sub2 a:hover, #sub2 a.selected {
    background: transparent url(../images/nav_main.jpg)
    -113px -45px no-repeat; }
#sub3 a:hover, #sub3 a.selected {
    background: transparent url(../images/nav_main.jpg)
    -247px -45px no-repeat; }
#sub4 a:hover, #sub4 a.selected {
    background: transparent url(../images/nav_main.jpg)
    -324px -45px no-repeat; }




/* =FOOTER   
_________________________________________________________________ */
#footer {
	width: 740px; height: 50px;
	background: transparent url(../images/footer_cap.jpg) no-repeat 0 0;
	margin: 0 auto; padding: 0;
	position: relative;
	text-align: left;
}
#footerinfobox {
	width: 720px;
	position: absolute;
	bottom: 14px; left: 25px;
	font: bold 65%/130% Arial, Helvetica, sans-serif;
	color: #FFF;
}
#footercontactinfo {
	width: 500px;
	position: absolute;
	bottom: 14px; right: 25px;
	font: bold 65%/130% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
}
#footer li { display: inline; list-style: none; margin: 0; padding: 0; white-space: nowrap; }
#footer a:link { color: #FCFCFC; text-decoration: none; }
#footer a:visited { color: #EFEFEF; text-decoration: none; }
#footer a:hover { color: #FFF; background: #8E957D; text-decoration: none; }
#footer a:active { color: #A00; } 
	
#tagline {
	width: 498px; height: 27px;
	background: transparent url(../images/bottom_tagline.jpg) no-repeat 0 0;
	margin: 2px auto 15px auto; padding-right: 220px;
}