/* basic html stuff */
body {
	background-color: #000000;
	background-image:url(../images/diagonal_bg.gif);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	text-align:left;
}

body a:link {
	text-decoration: none;
	border-width:0px;
	color: #87DC4B;
}
body a:visited {
	text-decoration: none;
	border-width:0px;
	color: #87DC4B;
}
body a:hover {
	text-decoration:underline;
	border-width:0px;
	color: #87DC4B;
}
body a:active {
	text-decoration: none;
	border-width:0px;
	color: #87DC4B;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */

html {
	margin: 0;
	padding: 0;
}

p {
	text-indent:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
}

.subNavText {
	padding-left:30px;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
	}
.subNavText a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
	}
.subNavText a:visited {
	font-style: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
}
.subNavText a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #87DC4B;
	}
.subNavText a:active {
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
}


.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 17px;
	text-align:left;
	font-weight:bold;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1E1E1E;
	line-height: 17px;
	text-align:left;
	font-weight:normal;
	}

/* Specific Tag stuff */

.headerDiv {
	width: 100%;
	height: 60px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	text-align: center;
	overflow:hidden;
	vertical-align:top;
	}
	
.navDiv {
	height:60px;
	margin: 0 auto 0 auto;
	width:970px;
	overflow:hidden;
	position:relative;
	border:0;
	}	
	
.navDiv ul, .navDiv li {
	display:inline;
	position:relative;
	border:0;
	padding:0px;
	margin:0px;
	float:left;
	}

#container {
	padding: 0;
	width: 970px;
	position: relative;
	text-align:left;
	background-color:#4C4C4C;
	/*overflow:hidden;*/
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) auto right and left will centre it in the browser */ 
	}
	
.subNav {
	position:relative;	
	width: 244px;
	padding-top: 30px;
	text-align: left;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	color: #87DC4B;
	}
	
.subNav p {
	padding-left:30px;
	padding-right:30px;
	}
	
.subNav img {
	padding-bottom:10px;
	}
	
.subNav a:link, .subNav a:visited, .subNav a:active {
	text-decoration:none;
	color: #FFFFFF;
	}
	
.subNav a:hover {
	text-decoration:underline;
	color: #87DC4B;
	}

.mainWhiteContent {
	width:725px;
	float:right;
	clear:right;
	padding-top:30px;
	background-color:#FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	}
	
.mainWhiteContent p {
	padding-left:20px;
	padding-right:20px;
	}
	
.textDiv {
width:460px;
margin-bottom:20px;
}

.imageColumn {
	width:242px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;*/
	float:right;
	padding:0;
	margin-left:20px;
	clear:right;
	min-height:530px;
	}
.imageColumn p {
	padding-left:20px;
	padding-right:20px;
	}

.imageColumn img {
padding:0;
margin:0;
border:none;
	}		

/**************************************************************************************
FOOTER
**************************************************************************************/	
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#87DC4B;
	vertical-align:middle;
	width: 100%;
	height: 31px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	text-align: center;
	clear:both;
	}
	
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#87DC4B;
	text-decoration:none;
	padding-top:8px;
}	
	
	
.footerText a:link, .footerText a:visited, .footerText a:active {
	text-decoration: none;
	color:#87DC4B;
}

.footerText a:hover {
	text-decoration: underline;
	color:#87DC4B;
}

/******************************
HOME PAGE
******************************/

#heroImageFlash {
	width: 970px;
	height: 270px;
	margin-bottom: 1px;
	text-align: center;
	background-color:#000000;	
	}

.leftColumnDiv {
	position:relative;	
	width: 485px;
	height:300px;
	min-height:300px;
	padding-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	}
	
.rightColumnDiv {
	position:relative;
	width: 484px;
	height:300px;
	min-height:300px;
	margin-right: 0px;
	padding-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	float:right;
	}
#promo1 {
	width: 100%;
	height: 110px;
	padding-top: 1px;
	float:left;
	background-color:#000000;
	position:relative;
	margin-top: 0px;
	text-align: center;
	white-space: nowrap;
	clear:both;
	}
#newsImageDiv {
	width:214px;
	height:160px;
	margin-right:10px;
	float:left;
	margin-left:20px;
}

/******************************
ATHLETE PAGE
******************************/
.athleteHolder {
	width:725px;
	background-color:#FFFFFF;
	position:relative;
	clear:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	overflow:hidden;
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	}
	
.athleteImageHolder {
	position:relative;
	width:350px;
	margin-top:0px;
	float:right;
	margin-left:20px;
	clear:right;
	overflow:hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}

/******************************
NEWS PAGE
******************************/
.newsItemImage {
	width:214px;
	height:160px;
	float:right;
	margin-left:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	position:relative;
}

.newsDateText {
	color: #87DC4B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	line-height: 17px;
	text-align:left;
	}

/***************************************
NEWSLETTER PAGE
***************************************/	
.floatingImageHolder {
	float:right;
	margin-left:10px;
	margin-right:20px;
	}

.floatingImageHolderLeft {
	float:left;
	margin-left:20px;
	margin-right:20px;
	}
	

/***************************************
PRODUCTS PAGE
***************************************/
.productsDiv {
	background-color:#FFFFFF;
	width:725px;
	height:700px;
	float:left;
	padding-top: 30px;
	padding-bottom:20px;
	}
	
/***************************************
TWO COLUMN PAGES
***************************************/
.largeLeftColumnDiv {
	position:relative;	
	width: 485px;
	height:550px;
	min-height:300px;
	padding-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	}
	
.largeRightColumnDiv {
	position:relative;
	width: 484px;
	height:550px;
	margin-right: 0px;
	padding-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	float:right;
	}
	
/*********************************
POPUP DIV
*********************************/
.popUpDiv {
	position: relative;
	width:500px;
	left: -268px;
	background-color:#4C4C4C;
	margin-left: 50%;
	padding: 20px;
	top: 30%;
	vertical-align: middle;
	text-align: center;
	border:thin;
	border-style:solid;
}
/*********************************
GALLERY LIGHTBOX
*********************************/
.galleryTopWhite {
	position:relative;
	width: 725px;
	margin-right: 0px;
	height:76px;
	padding-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	float:left;
	margin-bottom: 0px;
	}


#lightbox{
	background-color:#FFFFFF;
	padding: 10px;
	}

#lightboxDetails{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-top:8px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
.thumbnail {
	margin-left: 1px;
	margin-top:1px;
	padding: 0px;
	height: 160px;
	width: 241px;
	float: left;
}
.thumbnailLeft {
	background-color:#000000;
	padding-left: 1px;
	padding-top:1px;
	height: 160px;
	width: 241px;
	float: left;
}


/**************************************************************************************
DIFFERENT NAV STATES
**************************************************************************************/	
#nav-home a:link, #nav-home a:visited, #nav-home a:active {
	width: 63px;
	height:60px;
	position:relative;
	background-image:url(../images/header/home.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-home a:hover {
	background-image:url(../images/header/home.jpg);
	background-position:bottom;
	}
	
#nav-about a:link, #nav-about a:visited, #nav-about a:active {
	width: 60px;
	height:60px;
	position:relative;
	background-image:url(../images/header/about.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-about a:hover {
	background-image:url(../images/header/about.jpg);
	background-position:bottom;
	}
	
#nav-athletes a:link, #nav-athletes a:visited, #nav-athletes a:active {
	width: 80px;
	height:60px;
	position:relative;
	background-image:url(../images/header/athletes.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-athletes a:hover {
	background-image:url(../images/header/athletes.jpg);
	background-position:bottom;
	}
	
#nav-news a:link, #nav-news a:visited, #nav-news a:active {
	width: 61px;
	height:60px;
	position:relative;
	background-image:url(../images/header/news.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-news a:hover {
	background-image:url(../images/header/news.jpg);
	background-position:bottom;
	}
	
#nav-newsletter a:link, #nav-newsletter a:visited, #nav-newsletter a:active {
	width: 95px;
	height:60px;
	position:relative;
	background-image:url(../images/header/newsletter.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-newsletter a:hover {
	background-image:url(../images/header/newsletter.jpg);
	background-position:bottom;
	}
	
#nav-products a:link, #nav-products a:visited, #nav-products a:active {
	width: 85px;
	height:60px;
	position:relative;
	background-image:url(../images/header/products.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-products a:hover {
	background-image:url(../images/header/products.jpg);
	background-position:bottom;
	}

#nav-location a:link, #nav-location a:visited, #nav-location a:active {
	width: 78px;
	height:60px;
	position:relative;
	background-image:url(../images/header/location.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-location a:hover {
	background-image:url(../images/header/location.jpg);
	background-position:bottom;
	}
	
#nav-contact a:link, #nav-contact a:visited, #nav-contact a:active {
	width: 83px;
	height:60px;
	position:relative;
	background-image:url(../images/header/contact.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	clear:none;
	}
#nav-contact a:hover {
	background-image:url(../images/header/contact.jpg);
	background-position:bottom;
	}