/*
///////////////////////////////////////

                        Basic Structure

///////////////////////////////////////
*/

body,html
{
	width:100%;
	height:100%;
}
body
{
	padding:0; margin:0;
	background: #21211d url("../images/interface/inside_page_bg.jpg") repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a 			{ color:#ffaa00; }
a:visited 	{ color:#ff9900; }
a:hover 	{ color:#FF9900; }
a img		{ border:0 }
form 		{ margin:0; padding:0; }

div.hr
{
	clear:both;
	height:1px;
	border-top:1px dotted #666;
	margin:25px 0;
}
.left { float:left; margin: 0 15px 15px 0; }
.right { float:right; margin: 0 0 15px 15px; }

/*
///////////////////////////////////////

                                 Header

///////////////////////////////////////
*/

#header
{
	width:905px;
	margin-left:35px;
	height:94px;
	padding-top:20px;
}
#logo
{
	float:left;
}
#logo a, #logo img
{
	border:none;
	width:218px;
	height:87px;
	display:block;	
}

/*
///////////////////////////////////////

                                   Menu

///////////////////////////////////////
*/

#menu
{
	height:94px;
	float:right;
}
#menu ul
{
	margin:0; 
	padding:0;
	margin:auto;
	
}
#menu li
{
	list-style-type:none;
	float:left;
}
#menu a
{
	display:inline;
	height:94px;
	float:left;
	margin-left:25px;
}

.menu_about { width:58px; background: url("../images/interface/menu_about.gif") no-repeat top center; }
.menu_about:hover, .menu_about.there { background-image: url("../images/interface/menu_about_over.gif"); }

.menu_bike { width:74px; background: url("../images/interface/menu_bike.gif") no-repeat top center; }
.menu_bike:hover, .menu_bike.there { background-image: url("../images/interface/menu_bike_over.gif"); }

.menu_bike_over { width:74px; background: url("../images/interface/menu_bike_over.gif") no-repeat top center; }
.menu_bike_over:hover, .menu_bike_over.there { background-image: url("../images/interface/menu_bike_over_over.gif"); }

.menu_gear { width:67px; background: url("../images/interface/menu_gear.gif") no-repeat top center; }
.menu_gear:hover, .menu_gear.there { background-image: url("../images/interface/menu_gear_over.gif"); }

.menu_skate { width:84px; background: url("../images/interface/menu_skate.gif") no-repeat top center; }
.menu_skate:hover, .menu_skate.there { background-image: url("../images/interface/menu_skate_over.gif"); }

.menu_snow { width:96px; background: url("../images/interface/menu_snow.gif") no-repeat top center; }
.menu_snow:hover, .menu_snow.there { background-image: url("../images/interface/menu_snow_over.gif"); }

.menu_wake { width:97px; background: url("../images/interface/menu_wake.gif") no-repeat top center; }
.menu_wake:hover, .menu_wake.there { background-image: url("../images/interface/menu_wake_over.gif"); }

.menu_divider { width:2px; height:39px; display:block; background: url("../images/interface/menu_divider.gif") no-repeat top center; }

/*
///////////////////////////////////////

                                Content

///////////////////////////////////////
*/

#content
{
	width:905px;
	margin-left:10px;
	clear:both;
	margin-top:30px;
	padding-right:24px;
	padding-left:24px;
	padding-top:20px;
}
#primary
{
	width:670px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:12px;
	color:#ddd;
	padding-bottom:55px;
}
#primary h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	color:#fff;
	margin-top:0;
}
#primary h2
{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:20px 0;
}
#primary h3
{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	line-height:14px;
	color:#fff;
}
#primary strong
{
	color:#fff;
}
#primary ul.target_questions
{
	margin:0; padding:0;
	padding-left:15px;
	list-style:disc;
	width:50%;
}
#primary .target_questions li
{
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
	color:#555;
}

#sidebar
{
	width:180px;
	float:right;
	background:#151513;
	font-family: Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:12px;
	color:#777;	
	padding:15px;
}
#sidebar h1, #sidebar h2
{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#aaa;
}
#sidebar h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#aaa;
}
#sidebar ul
{
	margin:0;
	padding:0;
}
#sidebar li
{
	list-style:none;
	margin-bottom:10px;
}
#sidebar li a
{
	text-decoration:none;
}

#sidebar ul.products
{
	margin:0;
	padding:0;
}
#sidebar ul.products li
{
	list-style:none;
	border-bottom:1px dotted #444;
	margin-bottom:0;
}
#sidebar ul.products li.first
{
	border-top:1px dotted #444;
}
#sidebar ul.products a
{
	display:block;
	padding:10px 10px;
	text-decoration:none;
	color:#996600;
}
#sidebar ul.products a:hover
{
	color:#ff9900;
	background:#1D1D1D;
}

/*
///////////////////////////////////////

                     Sidebar Content

///////////////////////////////////////
*/

.email_signup
{
	background:#F60;
	color:white;
	border:1px dotted #888;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	width:144px;
	margin-bottom:15px;
}
.email_signup p
{
	margin-top:0;
}
.banner
{
	margin-bottom:15px;
}
.events
{
	background:#690;
	color:white;
	border:1px dotted #888;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	width:144px;
	margin-bottom:15px;
	
}
#primary .events h2, #primary .events h3, #sidebar .events h2, #sidebar .events h3
{
	color:white;
	margin-top:10px;
}
#sidebar .events a, #sidebar.events a:link
{
	color:#eee;
	text-decoration:underline;
}
#sidebar .events a:visited
{
	color:#ddd;
	text-decoration:underline;
}


.hidden { display:none; }

/*
///////////////////////////////////////

                     Footer & Copyright

///////////////////////////////////////
*/

#footer
{
	clear:both;
	margin-left:45px;
	padding:25px 0;
	color:#666;
}
#footer .menu
{
	padding:0;
	margin:0;
}
#footer .menu li
{
	list-style:none;
	float:left;
}
#footer .menu a
{
	display:block;
	float:left;
	padding-right:10px;
	margin-right:10px;
	font-size:12px;
	border-right:1px solid #444;
}
#footer .menu li.last a
{
	border-right:none;
}
.copyright
{
	padding-top:15px;
	margin-top:15px;
	clear:both;
	font-size:12px;
	color:#888;
	line-height:normal;
}
.copyright a
{
	color:#888;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

table.data
{
	border-spacing:0 0;
	border-collapse:collapse;
	border:1px solid #333;
}
table.data td, table.data th
{
	padding:5px 5px;
	font-size:11px;
}
table.data td
{
	border:1px solid #333;
}
table.data th
{
	background:#333 url("../images/interface/table_header.gif") repeat-x center center;
	color:#ccc;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

fieldset
{
	margin:0;
	padding-left:15px;
	margin-bottom:15px;
}
fieldset legend
{
	font-size:1.2em;
	font-weight:bold;
	color:#4a6771;
}
fieldset table
{
	margin-top:10px;
	margin-bottom:10px;
}
table.input
{
	padding:4px;
}
table.input td, table.input th
{
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:top;
}
table.input th
{
	text-align:right;
}
input, select, textarea, label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
label
{
	font-weight:bold;
}

/*
///////////////////////////////////////

                          Button Styles
					 
///////////////////////////////////////
*/

a.button, a.button:link, a.button:visited, input.button
{
	padding:3px 15px;
	background:#553300;
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px outset #553300;
}
a.button.small, a.button.small:link, a.button.small:visited, input.button.small
{
	font-size:10px;
	padding:2px 10px;
}
a.button:hover, input.button:hover
{
	color:#FF9900;
	background:#553300;
	border:1px outset #553300;
}