/***********************************************************
 CSS 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	font-weight: normal;
}
hr {
	margin:0;
	padding:0;
}
div.hr {
	border-top:1px solid #ccc;
	height:0px;
}

th {
	vertical-align:baseline;
}
td, p, form {
	text-decoration:none;
	margin:0px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus { /* remember to define focus styles! */
	outline: 0;
}
ins { /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table { /* tables still need 'cellspacing="0"' in the markup */
/* xxx	border-collapse: collapse; */
	border-spacing: 0;
}
 /************** end css reset ****************/
 
 /***********************************************************
 General Styles
***********************************************************/

.left {float:left;}
.right {float:right;}
.center {margin-left:auto;margin-right:auto;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.clear { height: 0;	font-size:1; line-height:0; display: block;	clear: both; visibility: hidden; }


a, a:visited {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}
a:active, a:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #006699;
	text-decoration: underline;
}

p { font-family: Verdana, Geneva, Helveltica, sans-serif; font-size: .9em; color:#231a13; }
	
h1 { font-family: Verdana, Geneva, Helveltica, sans-serif; font-size: 1.3em; font-weight: bold; text-transform: capitalize; }

h2 { font-family: Verdana, Geneva, Helveltica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 0.4em;
	letter-spacing: 1.2em;
	text-align: left;
	background-color: #e5e6e7;
	color: #ec008c;
	display: block;
	white-space: nowrap;
}

h3 { font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #231a13;
}

.bold
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;	
}

.yellow { color: #fff200; }
.blue {	color: #58b6de; }
.red {
	color: #ed1b45;
	font-size: .9em;
}
.pink { color: #ec008c; }
.brown { color: #231a13; }
.gray { color: #e6e7e8; }
.orange { color: #f15a29; }
.smalltext { font-size: .8em; color:#231a13; }
.saletext {
	color:#ec008c;
	font-variant:small-caps;
	font-style: normal;
	font-size: small;
}

boldbwn {
	color: 231a13; font-family: Verdana, Geneva, sans-serif; font-weight: bold;
}
.fontpt8 {
	font-family: Verdana, Geneva, sans-serif; font-size: .8px; font-weight: normal; font-variant: normal;
}

.rtpd10px {
	display: block;
	margin-right: 10px;
}


/***********************************************************
 Layout Elements
***********************************************************/

body
{	text-align: center;
}

#wrapper
{
	background-color:#FFFFFF;
	width: 900px;
	margin: 0 auto;
	text-align:left;
	top:20px;
	border: 1px solid #231a13;
}

#blkwrapper
{
	background-color:#231a13;
	width: 900px;
	margin: 0 auto;
	text-align:left;
	top:20px;
	border: 1px solid #ec008c;
	color: #e6e7e8;
}


#header
{	width: 900px;
	background-color:#FFFFFF;
	margin: 0 auto;
}
#blkheader
{	width: 900px;
	background-color:#231a13;
	margin: 0 auto;
}

#checkoutnav
{ position:relative; text-align:right; top:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	padding-right:15px;

	}

#logo {
	position: relative;
	top: 10px;
	left: 10px;
	width: 160px;
	z-index:2;
}

#navbar {
	position: absolute;	
	width: 900px;
	top: 89px;
	padding: 0 0 0 0;
	margin: 0 auto;
	
}

#mainnav {
padding: 0;
margin: 0;
	
}
#mainnav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
		
}
#mainnav li {
	display: block;
	float: right;
	padding:0 8px;
	margin:0 6px 0 6px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:900;
	color:#231b31;
	line-height:25px;
	white-space: nowrap;
	text-decoration: none;
	background-color:#FFF;
	list-style-type:none;
}
#mainnav li a {
	color:#231b31;
	text-decoration: none;

}

#mainnav li.home {
border: 2px solid #231a13;
}
#mainnav li.cold {
border: 2px solid #ec008c;
}
#mainnav li.rain {
border: 2px solid #58b6de;
}
#mainnav li.sun {
border: 2px solid #f15a29;
}
#mainnav li.online {
border: 2px solid #fff200;
}

#mainnav li.press {
border: 2px solid #ec008c;
}
#mainnav li.story {
border: 2px solid #ed1b45;
}
#mainnav li.howto {
border: 2px solid #58b6de;
}

#mainnav li .online .on {
color:#58b6de;
}



#mainnav li.home a:hover {
	color:#e6e7e8;
}
#mainnav li.cold a:hover {
	color:#ec008c;
}
#mainnav li.rain a:hover {
	color:#58b6de;
}
#mainnav li.sun a:hover {
	color:#f15a29;
}
#mainnav li.online a:hover {
	color:#fff200;
}
#mainnav li.press a:hover {
	color:#ec008c;
}
#mainnav li.story a:hover {
	color: #ed1b45;
}
#mainnav li.howto a:hover {
	color:#58b6de;
}


#page {
	position: relative;
	width: 885px;
	background-color:#FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#blkpage {
	position: relative;
	width: 860px;
	background-color:#231a13;
	color: #e6e7e8;
	margin-top: 30px;
	color: #e6e7e8;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#blkpage p {
	color: #e6e7e8;
}

#footer
{	background-color:#58b6de;
	background-image: url(images/interface/footer900.png);
	background-repeat: no-repeat;
	width: 900px;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
	text-align:center;
	}
	
#nobkndfooter
{	background-color:#58b6de;
	width: 900px;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
	text-align:center;
	padding-top: 10px;
	}
	
#blkfooter
{	background-color:#231a14;
	background-image: url(images/interface/blkfooter.png);
	background-repeat: no-repeat;
	width: 900px;
	

	}	
	
#btmnav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	font-weight:600;
	background-color:#58b6de;
	padding-bottom: 10px;
}

#blkbtmnav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	font-weight:600;
	text-align:center;
	background-color:#58b6de;
	padding-bottom: 10px;
}

#copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;	
	
}
#blkbtmnav a {color:#f15a29;
text-decoration:none;
font-size: 1em;
}

#blkbtmnav a:visited {
	color: #f15a29;
	text-decoration:none;
	font-size: 1em;
}
#blkbtmnav a:hover {
	color: #231a13;
	text-decoration:none;
	font-size: 1em;
}
	

#btmnav a {color:#f15a29;
text-decoration:none;
font-size: 1em;
}

#btmnav a:visited {
	color: #f15a29;
	text-decoration:none;
	font-size: 1em;
}
#btmnav a:hover {
	color: #231a13;
	text-decoration:none;
	font-size: 1em;
}
	

.bluebarhdr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 0.4em;
	letter-spacing: 1.1em;
	text-align: left;
	background-color: #e5e6e7;
	color: #58B6DE;
	display: block;
	white-space: nowrap;
}

.orangebarhdr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 0.4em;
	letter-spacing: 1.1em;
	text-align: left;
	background-color: #e5e6e7;
	color: #F15A29;
	display: block;
	white-space: nowrap;
}


.rainnavbar {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	width: auto;
	float: right;
	margin-right:10px;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 8px;
	margin-bottom: 8px;
}
	

#presscontactinfo {
	position: absolute;
	z-index: 2;
	height: 400px;
	width: 360px;
	right: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	bottom: 0px;
}