

/*
Mass Reset
--------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 40px; }
fieldset { padding: 10px; }

/*
Essential
--------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; background:#121212; font-family: Arial, Helvetica, Geneva, sans-serif; font-size:11px; color:#fff; }
a {text-decoration:none; color:#ff9; font-weight:normal;}
a:link {text-decoration:none; color:#ff9; font-weight:normal;}
a:visited {text-decoration:none; color:#ff9; font-weight:normal;}
a:active {text-decoration:none; color:#ff9; font-weight:normal;}
a:hover {text-decoration:underline; color:#f00; font-weight:normal;}

a.highlight { margin:0;  background:#242424; border:1px solid #666; padding:5px; }
a.highlight:hover { border:1px solid #fff; color:#fff; text-decoration:none; background:#000; }
	
/*
Main
--------------------------------------------------------------------------------------------------------*/
#main { margin: 0 auto; padding: 45px 0 0 0; width:800px; overflow:hidden;}

/*
Brand
--------------------------------------------------------------------------------------------------------*/
#brand { position:absolute; top:0; width:169px; height:215px; right:50%; margin-right:-390px; background:url(../_img/logo.gif) no-repeat top right; z-index:100; }
	
/*
Header
--------------------------------------------------------------------------------------------------------*/
#interior-header { margin: 0; width:780px; height:92px; border:6px solid #666; border-bottom: none; background: #333 url(../_img/interior_banner.jpg) top left no-repeat; }
#home-header { margin: 0; width:780px; height:130px; border:6px solid #666; border-bottom: none; background:#333 url(../_img/homeheader.jpg) no-repeat top left; }

/*
Bdy
--------------------------------------------------------------------------------------------------------*/
#bdy{ float: left; width:780px; border: 6px solid #666; margin: 0 0 10px 0; padding-bottom:20px;  background:#333; }
#homebdy{ float: left; width:780px; border: 6px solid #666; margin: 0 0 10px 0; padding-bottom:20px; height:260px; }
#home-bg{ width:792px; background: #333 url(../_img/homeImg.jpg) no-repeat top left; }
/*#homebdy{display:inline; float:right; width:750px; background:#fff;}*/

/*
Featured
--------------------------------------------------------------------------------------------------------*/
#featured { clear: both; margin: 0 0 10px 0; width:780px; height:150px; background:url(../_img/featuredbg.gif); border:6px solid #666; }
#featured-left { float:left; display:inline; margin: 10px 10px 10px 15px; width:365px; height: 130px; border-right:1px solid #666; }
#featured-right { float:left; display:inline; margin:10px 0 10px 10px; width:365px; height:130px; }
#featured h3 { font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#fff; margin:0 0 5px 0; }
#featured img { display:inline; float:left; margin-right:10px; border:1px solid #fff; width:115px; height:100px; }
#featured p { font-family: Arial, Helvetica, Geneva, sans-serif; font-size:10px; color:#fff; margin-right:10px; }

/*
Footer
--------------------------------------------------------------------------------------------------------*/
#footer { clear: both; color:#999; margin:0 0 10px 0; width:792px; height: 30px; background:#000 url("../_img/footer_runner.jpg") no-repeat top center; }
#footer p { padding: 10px; }
#footer a{ color:#fff; }

#evc { float:right; width:70px; height:20px; margin: 5px 0 3px 0; }
#evc a { display:block; width: 70px; height: 20px; background:url(../_img/evc.gif) 0px 0px no-repeat; border:0px; text-decoration:none; }
#evc a:hover{ background:url(../_img/evc.gif) -70px 0px no-repeat; }

#ifc { float: right; width: 70px; height: 20px; margin: 5px 5px 3px 0; }
#ifc a{ display:block; width:70px; height:20px; background:url(../_img/ifc.gif) 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; }
#ifc a:hover{ background:url(../_img/ifc.gif) -70px 0px no-repeat; }

/*
SideNav
--------------------------------------------------------------------------------------------------------*/
#nav{ display:inline; float:left; width:150px; height:280px; border-right:1px solid #666; border-right-height:400px!important; }

#products a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_products.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#products a:link{background:url("../_img/n_products.gif") 0px 0px no-repeat;}
#products a:hover{background:url("../_img/n_products.gif") -150px 0px no-repeat;}

#training a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_training.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#training a:link{background:url("../_img/n_training.gif") 0px 0px no-repeat;}
#training a:hover{background:url("../_img/n_training.gif") -150px 0px no-repeat;}

#inthefield a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_inthefield.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#inthefield a:link{background:url("../_img/n_inthefield.gif") 0px 0px no-repeat;}
#inthefield a:hover{background:url("../_img/n_inthefield.gif") -150px 0px no-repeat;}

#events a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_events.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#events a:link{background:url("../_img/n_events.gif") 0px 0px no-repeat;}
#events a:hover{background:url("../_img/n_events.gif") -150px 0px no-repeat;}

#photos a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_photos.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#photos a:link{background:url("../_img/n_photos.gif") 0px 0px no-repeat;}
#photos a:hover{background:url("../_img/n_photos.gif") -150px 0px no-repeat;}

#news a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_news.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#news a:link{background:url("../_img/n_news.gif") 0px 0px no-repeat;}
#news a:hover{background:url("../_img/n_news.gif") -150px 0px no-repeat;}

#testimonials a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_testimonials.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#testimonials a:link{background:url("../_img/n_testimonials.gif") 0px 0px no-repeat;}
#testimonials a:hover{background:url("../_img/n_testimonials.gif") -150px 0px no-repeat;}

#store a{display:inline; float:left; width:150px; height:40px; background:url("../_img/n_store.gif") 0px 0px no-repeat; border:0px; text-decoration:none; overflow:hidden; border-bottom:1px solid #666;}
#store a:link{background:url("../_img/n_store.gif") 0px 0px no-repeat;}
#store a:hover{background:url("../_img/n_store.gif") -150px 0px no-repeat;}

/*
Secnav
--------------------------------------------------------------------------------------------------------*/
#secnav { float:left; margin:10px 0 0 0; height:10px; font-family: Arial, Helvetica, Geneva, sans-serif; font-size:11px; color:#fff; font-weight:bold; }
#secnav a{ margin:10px; color:#fff; }
#secnav a:hover { text-decoration:none; color:#ff9; }

#flashcontent{margin:40px 0 0 445px; padding:0 0 0 0; width:306; height:220;}
	
/*
Interior-Nav
--------------------------------------------------------------------------------------------------------*/
#interior-nav { width: 153px; float: left; padding: 0; display: inline; }
#interior-nav ul { margin: 0; padding: 0; list-style: none; border: none; line-height: normal; }
#interior-nav li { margin: 0; padding: 0; display: inline; }
#interior-nav ul li a { margin: 0; padding: 0; font-size: 11px; display: block; width: 153px; height: 23px; }
#interior-nav ul li a span { display: none; }

/*
Nav (Suckerfish)
--------------------------------------------------------------------------------------------------------*/
#interior-nav { width: 153px; float: left; padding: 0; display: inline; border: none; }
#interior-nav ul { margin: 0; padding: 0; list-style: none; border: none; line-height: normal; }
#interior-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 185px;
	font-weight: normal;
	margin: 0;
	background: #ccc;
	margin: -24px 0 0 152px;
	border: 1px solid #666;
	font-size: 11px;
}

#interior-nav li ul li ul {
	margin: -24px 0 0 180px;
	}
#interior-nav li ul li a {
	color: #333;
	width: 165px;
	padding: 3px 10px;
}
#interior-nav li ul li a:hover {
	color: #fff;
	width: 165px;
	background: #990000;
	text-decoration: none;
}
#interior-nav li:hover ul,
#interior-nav li:hover ul ul,
#interior-nav li.sfhover ul,
#interior-nav li.sfhoverul ul {
	left: -999em;
}
#interior-nav li:hover ul,
#interior-nav li li:hover ul,
#interior-nav li li li:hover ul,
#interior-nav li.sfhover ul,
#interior-nav li li.sfhover ul,
#interior-nav li li li.sfhover ul {
	left: auto;
}
#interior-nav li:hover,
#interior-nav li.sfhover {
	background: #fff;
}

/*
Interior-Nav Rollovers
--------------------------------------------------------------------------------------------------------*/
a.nav00 { background: url(../_img/interior-nav.gif) 0 0 no-repeat; }
a:hover.nav00 { background: url(../_img/interior-nav.gif) -153px 0 no-repeat; }

a.nav01 { background: url(../_img/interior-nav.gif) 0 -23px no-repeat; }
a:hover.nav01 { background: url(../_img/interior-nav.gif) -153px -23px no-repeat; }

a.nav02 { background: url(../_img/interior-nav.gif) 0 -46px no-repeat; }
a:hover.nav02 { background: url(../_img/interior-nav.gif) -153px -46px no-repeat; }

a.nav03 { background: url(../_img/interior-nav.gif) 0 -69px no-repeat; }
a:hover.nav03 { background: url(../_img/interior-nav.gif) -153px -69px no-repeat; }

a.nav04 { background: url(../_img/interior-nav.gif) 0 -92px no-repeat; }
a:hover.nav04 { background: url(../_img/interior-nav.gif) -153px -92px no-repeat; }

a.nav05 { background: url(../_img/interior-nav.gif) 0 -115px no-repeat; }
a:hover.nav05 { background: url(../_img/interior-nav.gif) -153px -115px no-repeat; }

a.nav06 { background: url(../_img/interior-nav.gif) 0 -138px no-repeat; }
a:hover.nav06 { background: url(../_img/interior-nav.gif) -153px -138px no-repeat; }

a.nav07 { background: url(../_img/interior-nav.gif) 0 -161px no-repeat; }
a:hover.nav07 { background: url(../_img/interior-nav.gif) -153px -161px no-repeat; }

a.nav08 { background: url(../_img/interior-nav.gif) 0 -184px no-repeat; }
a:hover.nav08 { background: url(../_img/interior-nav.gif) -153px -184px no-repeat; }

a.nav09 { background: url(../_img/interior-nav.gif) 0 -207px no-repeat; }
a:hover.nav09 { background: url(../_img/interior-nav.gif) -153px -207px no-repeat; }

a.nav10 { background: url(../_img/interior-nav.gif) 0 -230px no-repeat; }
a:hover.nav10 { background: url(../_img/interior-nav.gif) -153px -230px no-repeat; }

a.nav11 { background: url(../_img/interior-nav.gif) 0 -253px no-repeat; }
a:hover.nav11 { background: url(../_img/interior-nav.gif) -153px -253px no-repeat; }

a.nav12 { background: url(../_img/interior-nav.gif) 0 -276px no-repeat; }
a:hover.nav12 { background: url(../_img/interior-nav.gif) -153px -276px no-repeat; }

a.nav13 { background: url(../_img/interior-nav.gif) 0 -298px no-repeat; }
a:hover.nav13 { background: url(../_img/interior-nav.gif) -153px -298px no-repeat; }

a.nav14 { background: url(../_img/interior-nav.gif) 0 -324px no-repeat; }
a:hover.nav14 { background: url(../_img/interior-nav.gif) -153px -324px no-repeat; }

a.nav15 { background: url(../_img/interior-nav.gif) 0 -345px no-repeat; }
a:hover.nav15 { background: url(../_img/interior-nav.gif) -153px -345px no-repeat; }

/*
Content
--------------------------------------------------------------------------------------------------------*/
#content { min-height: 406px; height: auto !important; height: 406px; clear: both; }

.links {
	display:inline;
	float:left;
	border-bottom:1px solid #fff;
	width:600px;
	}
	
.links ul {
	list-style:disc;
	}
	
.links li {
	margin: 0 0 5px 20px;
	display:inline;
	float:left;
	width:285px;
	margin-left:5px;
	}

/*
Interior Right-Side
--------------------------------------------------------------------------------------------------------*/
#right-side { width: 255px; float: left; display: inline; margin: 20px 0 0 20px; }
#right-side img.header { margin: 0; padding: 0; }
#right-side-bg { width: 350px; height: 406px; float: left; display: inline; margin: 0; }
#right-side p { width: 240px; padding: 0; margin: 5px 0 0 10px; line-height: 14px; }

/*
Interior 2a-b Right-Side
--------------------------------------------------------------------------------------------------------*/
#interior-top { width: 585px; float: left;  margin: 20px 0 0 20px; }
#right-side-interior { width: 585px; float:left; margin: 20px 0 0 20px; }


#right-side-interior img.small-image, #right-side-interior img.large-image { margin: 0 0 0 0; padding: 0; }
#interior-content { width: 585px; float: left; display: inline; margin: 0 20px 0 20px; }
#right-side-interior p { padding: 0; margin: 5px 10px 0 10px; line-height: 1.6;}

#right-side-interior ul.news { list-style: none; margin: 0; padding: 0; background:#141414;}
#right-side-interior ul.news li { margin: 0; padding: 0; font-size: 12px; min-height: 11px; height:auto !important; height: 11px; }
#right-side-interior ul.news li a { color: #fff; display: block; margin: 0 1px; padding: 4px 10px 3px 20px; border-bottom: 1px solid #666; }
#right-side-interior ul.news li a:hover { color: #ff9; text-decoration: none; background: url(../_img/right_nav_arrow.gif) left center no-repeat; border-bottom: 1px solid #666; }

#right-nav { width: 150px; float: right; display: block; margin: 0 0 25px 10px; padding: 54px 0 0px 0; min-height: 180px; height:auto !important; height: 180px; background: #141414 url(../_img/right_side_nav_bg.gif) top left repeat-x; }
#right-nav ul { list-style: none; margin: 0; padding: 0; }
#right-nav ul li { margin: 0; padding: 0; font-size: 12px; min-height: 11px; height:auto !important; height: 11px; }
#right-nav ul li span { color: #fff; display: block; font-size:13px; font-weight:900; margin: 0 1px; padding: 10px 10px 3px 10px; border-bottom: 1px solid #666; }
#right-nav ul li a { color: #fff; display: block; margin: 0 1px; padding: 4px 10px 3px 20px; border-bottom: 1px solid #666; }
#right-nav ul li a:hover { color: #ff9; text-decoration: none; background: url(../_img/right_nav_arrow.gif) left center no-repeat; border-bottom: 1px solid #666; }
#right-nav ul li a.current { color: #fff; text-decoration: none; background: url(../_img/right_nav_arrow.gif) left center no-repeat; border-bottom: 1px solid #666; }
#right-nav p { font-size: 11px; margin: 7px 10px 0 20px; line-height: normal; }
.float-left { color:#ccc; width:400px; clear: none; float: left; display: inline; padding: 0; margin: 15px 10px 0 10px; line-height: 1.6; }
#right-side-interior p { color:#ccc; line-height:15px; }
#right-side-interior p img { display:inline; float:left; margin:0 10px 3px 0; border:1px solid #666; }
#right-side-interior p img.right { clear:both; display:inline; float:right; margin:0 0 3px 10px; border:1px solid #666; }
#right-side-interior embed { float:right; }

/*
Request Form
--------------------------------------------------------------------------------------------------------*/
#request { margin-top:20px; }
	#request label { clear:left; float:left; margin-bottom:5px; width:100px; }
	#request input.text { border:2px solid #000; float:left; outline:none; }
		#request .city { clear:left; }
		#request .state { margin-left:5px; width:20px; }
		#request .zip { margin-left:5px; width:40px; }
		#request .text.invalid { border-color:red; }
		#request .text.valid { border-color:green; }
	#request .submit { clear:left; float:left; margin-top:10px; }

/*
Table
--------------------------------------------------------------------------------------------------------*/
#right-side table { width:550px; margin: 15px 0 15px 10px; border-collapse: collapse; }
#right-side tr { border-bottom: 1px solid #666; }
#right-side td { padding: 5px 7px; border-bottom: 1px solid #666; }
#right-side td.first { color: #ff9; font-weight: bold; }

#right-side-interior table { clear:both; margin: 15px 0 15px 10px; border-collapse: collapse; width:550px;  }
#right-side-interior tr { border-bottom: 1px solid #666; }
#right-side-interior td { padding: 5px 7px; border-bottom: 1px solid #666; }
#right-side-interior td.first { color: #ff9; font-weight: bold; }

th {
	background:#121212;
	color:#999;
	border-top:1px solid #fff;
	text-align:left;
	padding: 5px 7px;
	}

/*
Typography
--------------------------------------------------------------------------------------------------------*/
h1{ margin: 10px 0 5px 10px; font-size:18px; border-bottom:1px solid #fff; }
h2{ margin:10px; font-size:14px; }
h3{ margin:5px 0 0 10px; font-size:14px; padding-right:15px; }
h4{ margin:5px 0 0 10px; font-size:12px; color:#ff6 }
h4 span a{
	background:#111;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	border:1px solid #666;
	}
h4 span a:hover{
	background:#111;
	padding:3px;
	font-size:11px;
	color:#fff;
	border:1px solid #f00;
	text-decoration:none;
	}
/*
Splash
--------------------------------------------------------------------------------------------------------*/
	
#splash {
	position:absolute;
	top:100;
	width:169px;
	height:215px;
	left:50%;
	margin-left:-85px;
	background:url("../_img/logo.gif") no-repeat top left;
	z-index:200;
	}
#band {
	position:absolute;
	top:152px;
	left:0;
	width:100%;
	height:129px;
	background:#000;
	}

html {
	height: 100%;
	margin-bottom: 1px;
}
