@charset "utf-8";
/* CSS Document */

body {
	background-color: #131313;
	background: url(images/woody_bg.png) repeat 0 0;
	margin: 0 auto;
	padding:0;
	}

/*
========================================================================================= Fonts
*/
p {
	font-size: 0.9em;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	color:#fff;
	}	
	
h1, h2, h3, h4, h5 {
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	color:#fff;
	}

/* Anchor, Links */
a, a:visited {
	color: #0099CC;
	text-decoration: none;
	}

a:hover, a:active {
	color: #fff;
	text-decoration: underline;
	}

/*
========================================================================================= Structure
*/
.Main {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	}

/* Main Box, Sheet */
.Sheet {
	overflow: hidden;
	min-width:17px;
	min-height:17px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	width: 790px;
	background-color:#000000;
	}

.Sheet-body {
	position: relative;
	min-height: 650px !important;
	z-index: 0;
	margin: 20px 30px 30px 30px;
	}

.Sheet-tl {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	top: 0;
	left: 0;
	width: 17px;
	height: 380px;
	background-image: url('images/Sheet-s.png');
	}

.Sheet-tr {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	top: 0;
	right: 0;
	width: 15px;
	height: 380px;
	}

.Sheet-tr div {
	position: absolute;
	z-index: -1;
	top: 0;
	left: -17px;
	width: 34px;
	height: 852px;
	background-image: url('images/Sheet-s.png');
	}

.Sheet-bl {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 17px;
	height: 300px;
	}

.Sheet-bl div {
	position: absolute;
	z-index: -1;
	top: -420px;
	left: 0;
	width: 34px;
	height: 852px;
	background-image: url('images/Sheet-s.png');
	}

.Sheet-br {
	position: absolute;
	overflow: hidden;
	z-index: -1;
	bottom: 0;
	right: 0;
	width: 17px;
	height: 300px;
	}

.Sheet-br div {
	position: absolute;
	z-index: -1;
	top: -420px;
	left: -15px;
	width: 34px;
	height: 852px;
	background-image: url('images/Sheet-s.png');
	}

.Sheet-tc {
	position: absolute;
	overflow:hidden;
	z-index: -1;
	top: 0;
	left: 11px;
	right: 8px;
	height: 2px;
	}

.Sheet-tc div {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 768px;
	height: 16px;
	background: #0099CC;
	}

.Sheet-bc {
	position: absolute;
	overflow:hidden;
	z-index: -1;
	bottom: 0;
	left: 5px;
	right: 5px;
	height: 2px;
	}

.Sheet-bc div {
	position: absolute;
	z-index: -1;
	top: -8px;
	left: 0;
	width: 830px;
	height: 16px;
	background: #0099CC;
	}

.Sheet-cl {
	position: absolute;
	overflow:hidden;
	z-index: -1;
	top: 380px;
	left: 0;
	width: 17px;
	bottom: 300px;
	}

.Sheet-cl div {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 34px;
	height: 100%;
	background-image: url('images/Sheet-v.png');
	}

.Sheet-cr {
	position: absolute;
	overflow:hidden;
	z-index: -1;
	top: 380px;
	right: 0;
	width: 17px;
	bottom: 300px;
	}

.Sheet-cr div {
	position: absolute;
	z-index: -1;
	top: 0;
	left: -15px;
	width: 34px;
	height: 100%;
	background-image: url('images/Sheet-v.png');
	}

.Sheet {
	margin-top: -5px !important;
	}

/*
========================================================================================= Header Block
*/
#wrapperheader {
	margin: 0 auto;
	position: relative;
	width: 790px;
	height: 340px;
	}

#headerblock {
	width: 790px;
	height: 340px;
	background: url(images/bg_header.png) no-repeat;
	}

#headerleft {
	position:absolute;
	top:83px;
	left:-100px;	
	width: 100px;
	height: 326px;
	background: url(images/bg_header_l.png) no-repeat;
	}

#headerright {
	position:absolute;
	top:83px;
	right:-172px;	
	width: 172px;
	height: 606px;
	background: url(images/bg_header_r.png) no-repeat;
	}

/*
========================================================================================= Article Title Block
*/

/* Boutique and Skatepark Block */
#shop-block {
	position:relative;
	float:left;
	width: 341px;
	margin:0;
	padding:0;
	}

#shop-block img, #skate-block img{
	border: 2px solid #46aeed;
	margin: 5px 0;
	}

#skate-block {
	position:relative;
	float:right;
	width: 341px;
	margin:0;
	padding:0;
	}

/* Horizontal Headers */
.slidesmall, .slidesmaller {
	position:relative;
	height:35px;
	line-height: normal;
	margin:0;
	}

.slidesmall ul, .slidesmaller ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
.slidesmall li {
	float:left;
	width:100%;
	background: url(images/slidesmall_right.png) no-repeat right top;
	margin:0;
	padding:0;
	}

.slidesmall span, .slidesmaller span {
	display: block;
	background: url(images/slidesmall_left.png) no-repeat left top;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", cursive;
	color: #fff;
	font-size: 1.1em;	
	padding: 7px 0 11px 15px;		
	}

/* Front Page Block */
.slidesmaller li {
	float:left;
	width:341px;
	background: url(images/slidesmall_right.png) no-repeat right top;
	margin:0;
	padding:0;
	}

/* Read more button */
.morebutton, .morebuttonen {
	position:relative;
	width: 102px;
	height: 30px;
	font-size: 0.9em;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	background: url(images/morebutton.png) no-repeat 0 0;
	margin:0;
	}

.morebutton {
	padding: 5px 20px 15px 20px;
	}

.morebuttonen {
	padding: 5px 10px 15px 14px;
	}

a.morebutton, a.morebutton:visited, a.morebuttonen, a.morebuttonen:visited {
	color:#313131;
	text-decoration:none;
	}

a.morebutton:hover, a.morebuttonen:hover {
	color:#000;
	text-decoration:underline;
	}

/*
========================================================================================= Navigation Block
*/
#navblock {
	position:relative;
	overflow:hidden;
	top:290px;
	left:0;
	width:770px;
	height:36px;
	background: url(images/bg_nav_h.png) repeat-x;
	margin: 0 10px;
	}

#navbody {
	position: relative;
	z-index: 0;
	top: -30px;
	margin:0;
	padding:0;
	}

#navbody ul {
	text-align:center;
	margin:0;
	padding:0;
	}

#navbody li {
	display:inline;
	font-size: 0.9em;
	font-weight:bold;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	color:#fff;
	margin:0;
	padding:0 20px;
	}

#navbody a, #navbody a:visited {
	color:#afd6ee;
	text-decoration:none;
	}

#navbody a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
#home #homelink, #product #productlink, #team #teamlink, #video #videolink, #events #eventslink, #contact #contactlink {
	color:#000;
	text-decoration:none;
	cursor:default;
	}

#navsheet div {
	position:relative;
	left:0;
	width: 5px;
	height: 36px;
	background: url(images/bg_nav_l.png) no-repeat 0 0;
	}

#navsheet div div {
	position:relative;
	left: 765px;
	width: 100%;
	height: 36px;
	background: url(images/bg_nav_r.png) no-repeat;
	}

/*
========================================================================================= Blog note
*/
#blognote {
        position: absolute;
	top: 50px;
	left: 660px;
	width: 185px;
	height: 153px;
	background: url(images/leblog.png) no-repeat;	
	}
	
#blognote a, #blognote a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#blognote a:hover, #blognote a:hover span {
	color: #fff;
	}	

#blognote a:hover span {
	text-decoration: underline;
	}

#blognote p {	
	margin: 50px 0 0 50px;
	}
	
#blognote span {	
	color: #fff; 
	font-size: 2.7em;
	margin-left: 28px;
	}

/*
========================================================================================= Newsletter
*/
#newsletterbox {
	position: absolute;
	top: 169px;
	right: 10px;
	color: #fff;
	line-height: normal;
	}

#newsletterbox ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#newsletterbox li {
	float:left;
	background: url(images/news_door_right.gif) no-repeat right top;
	margin:0;
	padding:0;
	}

#newsletterbox div {
	display: block;
	background: url(images/news_door_left.gif) no-repeat left top;
	width: 315px;
	height: 98px;
	color: #fff;
	font-size: 0.8em;
	padding: 0px;		
	}

.newstable {
	padding: 20px 0 0 10px;
	}

.txtmail {
	color: #4e4e4e;
	}

/*
========================================================================================= Footer Block
*/
.footer {
	position: relative;
	width: 790px;
	font-size: 0.8em;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", cursive;
	margin: 0 auto;
	}

.footleft {
	float: left;
	width: 375px;
	}

.footright {
	float: right;
	width: 375px;
	text-align: right;
	}

.footer a {
	font-weight: bold;
	}

/*
========================================================================================= Overall styles
*/

/*Pagination Styles*/
.paginationstyle {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
	}

.paginationstyle a {
	font-size: 0.9em;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	color: #0099CC;
	text-decoration: none;
	padding: 0 5px;
	}

.paginationstyle a:hover, .paginationstyle a.selected {
	color: #fff;
	text-decoration: underline;
	}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover {
	cursor: default;
	color: #fff;
	}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
	color: #fff;
	text-decoration: underline;
	}

/*Photo Gallery*/
#FrogJS {
	width: 730px;
	font-size: 0.9em;
	font-family: arial, verdana, calibri, palatino, helvetica, "times new roman", serif;
	color: #fff;
	margin: 50px auto;
    }

#FrogJS img {
	border: 2px solid #46aeed
    }

#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
    }

#FrogJSCaption{
	text-align: left;
	line-height: 140%;
    }