html, body, #screen {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
   }

html>body, html>body #screen {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }
#screen {
   position: absolute;
   top: 0;
   left: 0;
   }img{border:0;}
body{
	margin:0;
	background-color:#000;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	background-image:url(/media/bg.jpg);
	background-attachment:fixed;
}
td{font-size:12px;}
a{color: #CCCCCC;text-decoration:none;}
a:hover{text-decoration: underline }
#header{
	background-image:url(/media/header-bg.jpg);
	width:100%;
	margin: 0 auto 0 auto;
	position:fixed;
	left:0;
	z-index:10;
	padding:5px;
}
#topNav{
	color:#fff;
	font-size:1.2em;
	width:900px;
	margin:0 auto 0 auto;
	height:80px;
	padding-top:0;
}
.topNavRight{position:relative;float:right;text-align:right;border-right:1px solid #999;margin-top:2px;}
.topNavLeft{position:relative;float:right;text-align:left;margin-top:2px;}
#topNav a{color:#fff;padding:0 5px 0 5px;}
#headerPad{
	background-color:#000;
	position:fixed;
	top:85px;
	width:100%;
	margin:0 auto 0 auto;
	text-align:left;
	color:#fff;
	z-index:10;
	height:10px;
	left:0;
}
#wrapper{width:900px;margin:0 auto 0 auto;}
#content{
	position:relative;
	top:100px;
	z-index:2;
	padding:10px;
}
#skiNav{
	width:200px;
	float:left;
	color:#fff;
	z-index:2;
	text-align:center;
	top:100;
}
#skiNav a{color:#fff;}
#skiNav a:hover{text-decoration:none;}
#skiNav a:hover strong{text-decoration:underline;}
#skiNav h2{font-size:1.6em;color:#fff;}
.skiNav{
	background:url(/media/nav-bg.png);
	padding:5px;
}
#mainContent{
	width:610px;
	float:right;
	color:#fff;
	background:#000;
	padding:20px;
	position:relative;
}
#mainContent a{text-decoration:underline;}
#mainContent a:hover{color:#fff}
#footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   text-align: left;
	opacity:0.4;filter:alpha(opacity=40)
   }
#footerleft{
	position:fixed;
	z-index:1;
	left:0;
	bottom:0px;
}
#footerRight{
	position:fixed;
	z-index:1;
	right:0;
	bottom:0px;
	float:right;
}

h1{font-size:1.8em;margin:0;font-variant:small-caps;}
h2{font-size:1.5em;margin:0;font-variant:small-caps;}
h3{font-size:1.2em;margin:0;font-variant:small-caps;}
hr{color:#333;height:1px;width:90%;}

.buyNow{font-size:1.7em;color:#fff;letter-spacing:3px;}
.error{color:#FF0000;}
.softgoods td{background-color:#fff;color:#000;}
#content .athletes td a{text-decoration:none;}
.athletes td{text-align:center;width:25%;}
.athletes td h2{text-align:left;}
.left{text-align:right;vertical-align:top;font-weight:bold;}
.sale, .sale a{color:#00CC00; font-weight:bold;}
.smallText{font-size:.8em;}
#store{background-color:#666666; padding:10px;}
.demoSale{color:#00CCFF;}
.facebook{margin:0 auto 0 auto;background-color:#f9f9f9;width:270px;}
.padding{padding-left:10px;}
.homeBox{
	border:1px solid #555;
	width:280px;
	padding:5px;
	position:relative;
	float:left;
	margin:5px;}
.homeBoxRight{
	border:1px solid #555;
	width:280px;
	padding:5px;
	position:relative;
	float:right;
	margin:5px;}
.homeBoxFull{
	border:1px solid #555;
	width:600px;
	padding:5px;
	margin:5px;}
#buyNow{
	border: dotted #555 1px;
	background: url(/media/f-buy-now.gif) center no-repeat;
	line-height:1.5em;
	text-align:center;
	float:right;
	width:260px;
	min-height:150px;
	vertical-align:middle;
	margin:5px;
}
#buyNow h4{font-size:14px; margin:0;}