@charset "utf-8";

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

/* @group Global Reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* @end */

body{
	margin:0px;
	padding:0px;
	font-family: arial, verdana;
	font-size:12px;
	color:#333333;
	min-width:850px;
	background-image: url(images/bg3.jpg);
	background-repeat:repeat-x;
	background-color:#01336E;
	text-align:center;
}
img {
	border: 0px;	
}
h1{
	font-size: 24px;
}
h2{
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0px;

}
h3{
	font-size: 18px;
	font-weight: bold;
	margin: 3px 0px;
	
}
h4{
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0px;
	
	
}
p{
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}

.container{
	width:850px;
	margin:0px auto 0px auto;
	text-align:left;
}

/* @group Header */

#header{
	background-image: url(images/topbg.jpg);
	background-repeat:repeat-x;
	background-color: #ffffff;	
	float: left;
}
#header h1{
	text-indent:-2500px; 
	font-size:0px;
	height: 121px;
	background-image: url(images/logo3.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	width: 345px;
	}
#header h2{margin:0px; text-indent:-2500px; padding:0px; font-size:0px;}
#headerinfo{
	float:right; 
	margin-top:-105px; 
	margin-right:6px;
	color: #000;
}
#headerinfo a, headerinfo a:visited{
	color: #000;
	
}

/* @end */

/* @group Main Navigation */

.nav{background-image: url(images/navbg3.jpg); background-repeat:repeat-x; height:41px;width: 850px;}

.nav ul {
	float:left;
	margin:0;
	padding:0px 0px 0px 25px;
	list-style:none;
}
.nav li {
	display: inline;
	margin:0px;
	padding:0px;
}
.nav a, 
.nav a:visited {
	float:left;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	padding:21px 8px 2px 14px;
	border-left: 1px solid #002755;
}
.nav a:hover {
	float:left;
	text-decoration:none;
	background-color: #00469B;
	color:#ffffff;
	font-size:14px;
	padding:18px 8px 2px 14px;
	border-top:3px solid #799AE0;
	border-left: 1px solid #002755;
}
#contacts a{
	border-right: 1px solid #002755;	
}
/* @end */

/* @group Content Area */

.contentbody{
	width:850px; 
	min-height: 350px;
	background-image: url(images/body3.jpg);
	float: left;
	
}
.contentbody h3{
	font-size: 16px;
	margin: 0px 0px 10px 0px;

	
}
.content{
	width: 570px;
	float: left;
	
}

.contenttext{
	padding: 20px;
}
.contenttext h3{ margin:0px; font-size:16px;}
.contenttext p{ font-size:14px; line-height:170%; margin-top: 15px;}
.contenttext img{
	float: left;
	margin: 15px;
}
.title{
	margin-top: 18px;
	margin-bottom: 5px;
	padding: 0px;
}
.posted{
	margin-top: 6px;
	font-style: italic;
	font-size: 12px;
}
/* @end */

/* @group Footer */

.footer{
	position: relative;
	background-image:url(images/footer3.jpg);
	background-repeat:repeat-x;
	height:50px;
	float: left;
	width: 850px;
	padding-bottom: 20px;
}
.footerinfo{
	text-align:center;
	padding-top:10px;

}
.footerinfo p{
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
}
.footerinfo a {
	color:#FFFFFF;
	text-decoration:underline;
}
.footerinfo a:hover, .footer a:visited{
	color:#cccccc;
	text-decoration:underline;
}

/* @end */


.cleared{
	width:750px;
	clear:both;
}

/* @group Quick Navigation */

.quicknav{
	float: left;
	width: 280px;
	min-height: 350px;
}
.quicknavtext{
	margin: 20px;
	width: 220px;
	background-color: #8A9194;
	min-height: 250px;
	border: 1px solid #ffffff;
	padding:10px;
	height: 270px;
	float: left;
}
#quicknavform {
	float: left;
}
#quicknavform select{
	width: 190px;
}
/* @end */

/* @group Supplemental Navigation */

.supplemental{
	padding:10px 0px 0px 10px;

}

.supplemental h3 {
	font-size: 22px;
	color: #333333;
	border-bottom: 1px solid #333333;
}
.supplemental li{
	color: #333333;
	list-style: none;
	margin-bottom: 3px;
	line-height: 150%;
}
.supplemental p{
	color: #333333;
	margin-bottom: 3px;
	line-height: 150%;
}
.supplemental a, .supplemental a:visited{
	color: #333333;
}
.supplemental a:hover{
	color: #8A9194;
}
#supplementalbar{
	background-image:url(images/subsell.jpg); 
	background-repeat:repeat-x; 
	float: left;
	width: 850px;
}
.supplemental h4{
	font-size: 16px;
	color: #333333;
}

/* @end */

/* @group Distributors */
.cbody{
	float: left;
	background-color: #ffffff;
	width: 850px;
	padding-bottom: 20px;
}
.entry{
	float: left;
	width: 350px;
	margin-top: 40px;
	margin-left: 40px;
}
.entry p{
	margin-bottom: 10px;
}
.officename p{
	margin-bottom: 10px;	
}


/* @end */
.clear {display: none; clear: left; visibility: hidden;}
/* @group contact */
.contactform{
	width: 825px;
	margin: 20px 0px 20px 20px;
}
#contact_form h2{
	margin: 3px 0px 8px;
}
.contactinfo{
	width: 100%;
}
.contactentry{
	margin: 15px 0px 15px 20px;
	width: 28%;
	float: left;
}

/* @end */

/* @group subnav */

.subnav{
	width: 280px;
	padding: 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	float: left;
	margin-top: 45px;	
}
.subnav h3{
	margin: 25px 10px 10px 10px;
	border-bottom: 3px solid #ffffff;
}
.subnav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
.subnav li{
	margin: 0;
}
.subnav li a{
	display: block;
	padding: 10px 5px 10px 14px;
	background-color: #414549;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* My Comment */
	html>body #button li a {
		width: auto;
		}
.subnav a:hover{
	background-color: #333;
	color: #fff;
	border-top: 1px solid #000000;
	margin-top: -1px;
	border-bottom: 1px solid #000000;
}

/*.productsubnav{
	width: 280px;
	padding: 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	float: left;
	margin-top: 45px;	
}*/
.productsubnav{
	width: 280px;
	float: right;
	margin-top: 45px;
}

#menu {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	z-index:100;
	float: left;
}
#menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0;
	}
#menu li {
	float:left; 
	position:relative; 
	border-top:1px solid #333;
	}

#menu li.sub {
	display: block;
/*	padding: 10px 5px 10px 14px;*/
	background-color: #414549;
	color: #fff;
	text-decoration: none;	
	font-weight: normal;
	font-size: 14px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, geneva, Helvetica, Arial, sans-serif;

	}
#menu li, #menu li a {
	display:block; 
	color:#fff; 
	width:280px; 
	text-decoration:none;  
	cursor:pointer;
}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#fff; z-index:500;}
#menu li.click {color:#fff;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block;border:1px solid #fff; }

#menu li.click ul li.hover {background:#8B9298;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#menu li.click h4{
	margin-bottom: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#menu li.sub h4{
	font-weight: normal;
	margin: 10px 0px 10px 14px;
}
#menu li.click ul li a{
	width: 255px;
	padding: 6px 0px 6px 25px;
	font-size: 12px;
	font-style: italic;
	background-color: #595F64;
}
#menu li.click ul li a:hover{
	width: 255px;
	padding: 6px 0px 6px 25px;
	font-size: 12px;
	font-style: italic;
	background-color: #8B9298;
}


#distcats{
background-color:#414549;
color: #ffffff;	
font-size:14px;
margin:10px auto;
padding:19px;
text-align:center;
width:770px;
line-height: 155%;
}
#distcats a{
	color: #ffffff;	
}
/* @end */

.snaptrack{
	padding: 10px;
}
.snaptrack p{
	margin-bottom: 15px;
}
.snaptrack h3{
	margin-bottom: 15px;
}
#player{
	text-align:center;
}