/*
	Color Style Guide
	(first color is primary)
	
	Text: 505050 - body / 9B9B9B - headers / 000000 / FFFFFF // 00AFEF - required / D81027 - error / FD4E09 - promos
	Links (body): 505050 / D81027		Links (footer): 6A6A6A / D81027
*/

/* Reset
--------------------------- */

* {
	margin: 0;
	padding: 0;
}

img, a img { border: none;}
body {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	line-height:1;
	font-size:12px;
	
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
ul, ol { list-style: none; }
li, dd { margin-left:5%; }
fieldset { padding:.5em; }
select option { padding:0 2px; }
em { font-style:italic; }

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

.clearfix {display: inline-block;}

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


/* Global Styles
--------------------------- */

body, td { 
	color: #262626;
}

a, a:link, a:active, a:visited { 
	text-decoration: none;
	outline: none;
	color: #505050;
	cursor: pointer;
}

a:hover {
	color: #D81027;
	text-decoration: underline;
}

h2 {margin:.5em 0;}

h4 {
	font-size: 1em;
}

p {
	margin-top: 0;
	line-height: 14px;
}

.dotted-rule {
	border-top:#A5A397 1px dotted;
	font-size:1px;
	line-height:1px;
}


/* Layout
--------------------------- */
#wrapper {
	margin: 0 auto;
	padding-top:8px;
	width: 995px;
	font-size:0.6875em;
	line-height:1.5em;
}



#header {
	position:relative;
	width: 982px;
	margin:0 auto;
	background:#FFF;
	height: 53px;
	top: 0;
	z-index: 100;
}

#a_wrapper {
	margin: 0 auto;
	padding-top:8px;
	width: 100%;
	position: relative;
	font-size:0.6875em;
	line-height:1.5;
}



#a_header {
	width: 982px;
	margin:0 auto;
	background:#FFF;
	height: 92px;
	top: 0;
	z-index: 3;
}


/* Header Elements
--------------------------- */

#header .logo {
	float: left;
	margin: 0px 0 0 2px;
}

.company-name { 
	margin: 0; 
	text-align: -99999px;
	visibility: hidden;
}

#header ul li { margin: 0; padding: 0;}

#header #globalnav {
	float: right;
}

#header a { color: #000; font-size: 12px; }


/* Navigation
--------------------------- */

/* Main Nav */
ul#mainnav {
	margin: 3px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index: 10;
}

ul#mainnav li {
	float: left;
	position:relative;
	height: 20px;
	text-align: left;
}

ul#mainnav li a {
	display: block;
	background: url(images/main_nav.gif) no-repeat;
	text-indent: -99999px;
	height: 20px;
	margin-right: 1px;
}

ul#mainnav li#n-sites a { background-position: 0 0px; width: 60px; margin-left: 15px;}

ul#mainnav li#n-surf a { background-position: -60px 0; width: 60px;}

ul#mainnav li#n-skate a { background-position: -120px 0; width: 60px;}

ul#mainnav li#n-snow a { background-position: -180px 0; width: 60px;}

ul#mainnav li#n-wake a { background-position: -240px 0; width: 80px;}

ul#mainnav li#n-news a { background-position: -330px 0; width: 50px;}

ul#mainnav li#n-event a {	background-position: -390px 0;	width: 60px;}

ul#mainnav li#n-store a {	background-position: -510px 0;width: 60px;}

ul#mainnav li#n-music a {	background-position: -450px 0;width: 60px;}

ul#mainnav li#n-about a {	background-position: -565px 0;width: 140px;}

ul#mainnav li#n-sites a:hover, ul#mainnav li#n-sites.over a { background-position: 0 -20px; }

ul#mainnav li#n-surf a:hover, ul#mainnav li#n-surf.over a { background-position: -60px -20px; }

ul#mainnav li#n-skate a:hover, ul#mainnav li#n-skate.over a { background-position: -120px -20px; }

ul#mainnav li#n-snow a:hover, ul#mainnav li#n-snow.over a { background-position: -180px -20px; }

ul#mainnav li#n-wake a:hover, ul#mainnav li#n-wake.over a { background-position: -240px -20px; }

ul#mainnav li#n-news a:hover, ul#mainnav li#n-news.over a { background-position: -330px -20px; }

ul#mainnav li#n-event a:hover, ul#mainnav li#n-event.over a { background-position: -390px -20px; }

ul#mainnav li#n-store a:hover, ul#mainnav li#n-store.over a { background-position: -510px -20px; }

ul#mainnav li#n-music a:hover, ul#mainnav li#n-music.over a { background-position: -450px -20px; }

ul#mainnav li#n-about a:hover, ul#mainnav li#n-about.over a { background-position: -565px -20px; }

ul#mainnav li#n-login table,tr,td,input {
	font-family: arial, Luica Grande, Helvetica, Sans-Serif;
	font-size: 10px;
}

/* Account and Shopping Cart Nav
--------------------------- */
ul#accountnav { 
	margin: 0;
	float: left;
}

ul#accountnav li { 
	float: left;
}

ul#accountnav li a {
	display: block;
	height: 20px;
	margin-right: 1px;
	text-indent: -99999px;
}

ul#accountnav li#n-myaccount a {
	background: url(images/nav_myaccount.gif) no-repeat;
	width: 67px;
}

ul#accountnav li#n-wishlist a {
	background: url(images/nav_wishlist.gif) no-repeat;
	width: 49px;
}

ul#accountnav li#n-cart a {
	background: url(images/nav_cart.gif) no-repeat;
	height: 16px;
	padding: 4px 8px 0 23px;
	margin-right: 6px;
	text-indent: -9999px;
	overflow:hidden;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

ul#accountnav li#n-myaccount a:hover,
ul#accountnav li#n-wishlist a:hover,
ul#accountnav li#n-cart a:hover { background-position: 0 -20px; }

/* Drop-downs
--------------------------- */
ul#mainnav li#n-sites ul, ul#mainnav li#n-surf ul,  ul#mainnav li#n-skate ul, ul#mainnav li#n-snow ul, ul#mainnav li#n-wake ul, ul#mainnav li#n-event ul, ul#mainnav li#n-store ul {
	display: none;
	width: auto;
	white-space:nowrap;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 2px 6px 2px;
	background: #FFF;
	margin: 0;
	border: 1px solid #CCCDCE;
}

ul#mainnav li#n-sites ul {
	left: 15px;
}

ul#mainnav li#n-event ul {
	left: 0px;
}

ul#mainnav li#n-surf ul {
	left: 0px;
}

ul#mainnav li#n-skate ul {
	left: 0px;
}

ul#mainnav li#n-snow ul {
	left: 0px;
}

ul#mainnav li#n-wake ul {
	left: 0px;
}

ul#mainnav li#n-store ul {
	left: 0px;
}

ul#mainnav li#n-sites {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-event {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-surf {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-skate {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-snow {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-wake {
	height: 10px;
	z-index: 5;
}

ul#mainnav li#n-store {
	height: 10px;
	z-index: 5;
}


ul#mainnav ul li {
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#mainnav li#n-sites ul li a, ul#mainnav li#n-surf ul li a, ul#mainnav li#n-skate ul li a, ul#mainnav li#n-snow ul li a, ul#mainnav li#n-wake ul li a, ul#mainnav li#n-event ul li a, ul#mainnav li#n-store ul li a {
	text-indent: 0px;
	background: #FFF;
	text-decoration: none;
	display: inline;
	margin: 0;
}

ul#mainnav li#n-sites ul li a:hover, ul#mainnav li#n-surf ul li a:hover, ul#mainnav li#n-skate ul li a:hover, ul#mainnav li#n-snow ul li a:hover, ul#mainnav li#n-wake ul li a:hover, ul#mainnav li#n-event ul li a:hover, ul#mainnav li#n-store ul li a:hover {
	text-indent: 0px;
	background: #FFF;
	text-decoration: none;
	display: inline;
	margin: 0;
	color:#F00;
}

ul#mainnav li#n-sites.over ul, ul#mainnav li#n-surf.over ul, ul#mainnav li#n-skate.over ul, ul#mainnav li#n-snow.over ul, ul#mainnav li#n-wake.over ul, ul#mainnav li#n-event.over ul, ul#mainnav li#n-store.over ul{
	display: block;
}

.topnav {
	width: 982px;
	padding: 0;
	margin: 0pt auto;
	height: 57px;
	overflow:hidden;
}

.topnav #title {
	text-indent:-9999px;
	width:132px;
	height:61px;
	float: left;
	margin:0;
	padding:0;
	position:relative;
}

.topnav #title a {
	display:block;
	height:57px;
	width:123px;
}

.topnav ul {
	float: left;
	width: auto;
	position: static;
	margin:0;
	padding: 0;
}

.topnav ul li {
	float:left;
	display:inline;
	margin: 0;
	margin-top: -3px;
	padding: 0;
	height: 38px;
	width: auto;
}

.topnav ul li a {
	display:block;
	text-indent:-9999px;
	line-height: 38px;
	height: 38px;
}

.topnav ul li#home {
	margin-left: 70px;
}

.topnav ul li#home a{
	background-position: 0 100%;
	width: 64px;
	height: 38px;
	line-height: 38px;
}

.topnav ul li#home a:hover{
	background-position: 0 0;
}

.topnav ul li#news a{
	background-position: -400px 100%;
	width: 72px;
}

.topnav ul li#news a:hover{
	background-position: -400px 0;
}

.topnav ul li#events a{
	background-position: -0px 100%;
	width: 61px;
}

.topnav ul li#events a:hover{
	background-position: -0px 0;
}

.topnav ul li#riders a{
	background-position: -333px 100%;
	width: 70px;
}

.topnav ul li#riders a:hover{
	background-position: -333px 0;
}

.topnav ul li#products a{
	background-position: -63px 100%;
	width: 74px;
}

.topnav ul li#products a:hover{
	background-position: -63px 0;
}

.topnav ul li#films a{
	background-position: -136px 100%;
	width: 61px;
}

.topnav ul li#films a:hover{
	background-position: -136px 0;
}

.topnav li#videos a{
	background-position: -194px 100%;
	width: 79px;
}

.topnav ul li#videos a:hover{
	background-position: -194px 0;
}

.topnav ul li#camps a{
	background-position: -271px 100%;
	width: 64px;
}

.topnav ul li#camps a:hover{
	background-position: -271px 0;
}

.topnav ul li#downloads a{
	background-position: -473px 100%;
	width: 68px;
}

.topnav ul li#downloads a:hover{
	background-position: -473px 0;
}

.topnav ul li#travel a{
	background-position: -630px 100%;
	width: 64px;
}

.topnav ul li#travel a:hover{
	background-position: -630px 0;
}

.topnav ul li#search a, .topnav ul li#search a:hover {
	display: none;
}

/* Search
--------------------------- */

#header #search {
	float: left;
	margin: 0 6px 0 0; 
}

#header #search input#searchfield { 
	width: 170px;
	border-color: #d4d4d4;
	margin: 0 -2px 0 1px; 
	padding-top: 1px;
	color: #505050;
	font-size: 10px;
	height: 15px;
	position: relative;
	top: -6px;
}

#header #search input.btn {
	height: 20px;
	width: 56px;
	background: url(images/search_btn.gif) top left no-repeat;
}

#header #search input.btn:hover {
	background-position: 0 -20px;
}

/* font
--------------------------- */

.spec2{
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #666666;
	font-weight: lighter;
	line-height: 170%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
			
}

.spec3{
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 180%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
			
}

.entry_name2 {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	margin: 0px 0px 10px 0px;
	padding-bottom: 3px;
	}

.entry_title {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
	}
.entry_body {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 180%;
	color: #666666;
	margin: 5px 5px 5px 5px;

	}
	
.company_txt {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 180%;
	color: #333333;
	margin: 5px 5px 5px 0px;

	}

.txt10 {
	font-family: Verdana, Luica Grande, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 150%;
	color: #333333;
	margin: 0px ;
	}

/* Surf Specific Styles */

#surfnav{
	/*background:url(images/surf/bg_surf_subnav.png) right 0 no-repeat;*/
	width: 955px;
	height: 55px;
	padding-left: 27px;
}

#surfnav #title {
	background-image:url(images/surf/surf_subnav_tagtext.gif);
	background-repeat:no-repeat;
	background-position: 21px 6px;
	width:130px;
	height:45px;
}

#surfnav #title a {
	width:130px;
	height:45px;
}

#surfnav ul {
	width: 750px;
	padding-left:20px;
}

#surfnav ul li a {
	background: url(images/surf/surf_subnav_matrix.gif) 0 100% no-repeat;
}

#surf #back-splat-under {
	background:transparent url(images/surf/surf_back_splat_under.png) no-repeat scroll center top;
}



/* Skate Specific Styles */

#skatenav{
	/*background:url(images/surf/bg_surf_subnav.png) right 0 no-repeat;*/
	width: 955px;
	height: 55px;
	padding-left: 27px;
}

#skatenav #title {
	background-image:url(images/skate/skate_subnav_tagtext.gif);
	background-repeat:no-repeat;
	background-position: 21px 6px;
	width:130px;
	height:45px;
}

#skatenav #title a {
	width:130px;
	height:45px;
}

#skatenav ul {
	width: 750px;
	padding-left:20px;
}

#skatenav ul li a {
	background: url(images/skate/skate_subnav_matrix.gif) 0 100% no-repeat;
}

#skate #back-splat-under {
	background:transparent url(images/skate/bg_skate_subnav_back.png) no-repeat scroll center top;
}