body {
	background-color:#000;
	padding:30px 0;
	margin:0;
	font-family: verdana;
	color:#fff;
	font-size: 12px;
	line-height:15px;
}

body a{font-family: verdana; color:#fff; font-size: 12px; line-height:15px; text-decoration:underline;}

/* header styles */
#headerContainer {text-align:center; margin-bottom:30px;}
#header {width:750px; margin-left:auto; margin-right:auto; text-align:left; }
	#header #logo {float:left;}
	#header #contactInfo{float:right; width:255px; text-align:right;}
	#header #contactInfo a{font-family: verdana; color:#12ad2a; font-size: 12px; text-decoration:none;}
	#header #contactInfo a:hover{font-family: verdana; color:#12ad2a; font-size: 12px; text-decoration:underline;}

/* navigation styles */
#navContainer {height:60px; background:url(../images/nav_bg.gif) repeat-x; text-align:center; margin-bottom:30px;}
#nav {padding:10px 0; width:750px; margin-left:auto; margin-right:auto; text-align:left; }
	#nav ul{margin:0; padding:0; list-style-type:none; width:750px;position:relative; top:0px; left:0px;}
	#nav ul li{float:left;}
	
	#nav ul li a {
	position: absolute;
	text-indent: -9000px;
	text-decoration: none;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* IE5/Win */
	}
	body #nav ul li#proddet a {background:url(../images/nav/productdetails.gif) no-repeat 0 0; width: 69px; height:40px; left:0px;}
	body  #nav li#proddet a:hover{ background-position: 0 -40px; }
	body #nav ul li#inst a {background:url(../images/nav/installation.gif) no-repeat 0 0; width: 120px; height:40px; left:95px;}
	body  #nav li#inst a:hover{ background-position: 0 -40px; }
	body #nav ul li#loc a {background:url(../images/nav/locations.gif) no-repeat 0 0; width: 90px; height:40px; left:234px;}
	body  #nav li#loc a:hover{ background-position: 0 -40px; }
	body #nav ul li#test a {background:url(../images/nav/testimonials.gif) no-repeat 0 0; width: 120px; height:40px; left:346px;}
	body  #nav li#test a:hover{ background-position: 0 -40px; }
	body #nav ul li#chset a {background:url(../images/nav/changesettings.gif) no-repeat 0 0; width: 80px; height:40px; left:492px;}
	body  #nav li#chset a:hover{ background-position: 0 -40px; }
	body #nav ul li#text a {background:url(../images/nav/sportstext.gif) no-repeat 0 0; width: 158px; height:40px; left:592px;}
	body  #nav li#text a:hover{ background-position: 0 -40px; }
	
	body#details #nav ul li#proddet a, body#installation #nav ul li#inst a, body#locations #nav ul li#loc a, body#testimonials #nav ul li#test a, body#sportstext #nav ul li#text a, body#change #nav ul li#chset a{ background-position: 0 -40px; }
	
	
/* footer styles */
#footerContainer {text-align:center; margin-bottom:30px; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; }
#footer {width:750px; height:18px; margin-left:auto; margin-right:auto; text-align:left; font-family:verdana; color:#ee0000; font-size:12px; padding:6px 0;}
	#footer a{font-family:verdana; color:#ee0000; font-size:12px; text-decoration:none;}
	#footer a:hover{font-family:verdana; color:#ee0000; font-size:12px; text-decoration:underline;}
	#footer #footerleft {float:left;}
	#footer #footerright {float:right; width:255px; text-align:right;}
	

	
	
/* main area styles */
#mainContainer {text-align:center;}
	.main{width:750px; margin-left:auto; margin-right:auto; margin-bottom:20px; text-align:left; }
	.main .leftcol {float:left; width:445px;}
	.main .rightcol {float:right; width:245px;}
	
	
	h1#hdrfeatures{margin:0 0 10px 0; padding:0; width:151px; height:24px; background:url(../images/hdr_features.gif) no-repeat; text-indent: -9000px;}
	h1#hdrdetails{margin:0 0 10px 0; padding:0; width:283px; height:24px; background:url(../images/hdr_details.gif) no-repeat; text-indent: -9000px;}
	h1#hdrinstall{margin:0 0 10px 0; padding:0; width:397px; height:24px; background:url(../images/hdr_install.gif) no-repeat; text-indent: -9000px;}
	h1#hdrlocations{margin:0 0 10px 0; padding:0; width:302px; height:24px; background:url(../images/hdr_locations.gif) no-repeat; text-indent: -9000px;}
	h1#hdrtestimonials{margin:0 0 10px 0; padding:0; width:227px; height:24px; background:url(../images/hdr_testimonials.gif) no-repeat; text-indent: -9000px;}
	h1#hdrchange{margin:0 0 10px 0; padding:0; width:284px; height:24px; background:url(../images/hdr_change.gif) no-repeat; text-indent: -9000px;}
	h1#hdrsportstext{margin:0 0 10px 0; padding:0; width:302px; height:55px; background:url(../images/hdr_sportstext.gif) no-repeat; text-indent: -9000px;}

	.main .leftcol h2{margin:0; padding: 0 0 5px 0; font-family:verdana; color:#12ad2a; font-size:14px; line-height:15px;}
	
	.main .leftcol ul{margin:0; padding:8px 0 0 35px;}
	.main .leftcol ul li{list-style-image:url(../images/bullet.gif); margin:0; padding:0 0 8px 0;}
	

.bigwhite{font-size: 18px;}
.biggreen{font-size: 18px; color:#12ad2a;}
.subhdr {font-size: 12px; font-weight:bold; line-height:18px;}
.subhdr2 {font-size: 14px; font-weight:bold; }

/* Misc Styles */

img {border:0px;}
p {margin:0 0 12px 0; padding:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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



.pic {
	background-color: #000000;
	left: 0px;
	position: relative;
	top: 0px;
	width: 250px;
	height:180px;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, .pic a.p1:visited {
	background: #000000;
	border: 1px solid #000000;
	display: block;
	height: 90px;
	width: 135px;
	left: 0;
	top: 0;
}

.pic a.p1:hover {
	background-color: #000;
}

.pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 297px;
	left: -507px;
	position: absolute;
	top: -25px;
	width: 445px;
	
}