/*-----------------------------------------------------------------------------
Fakie Core Style Sheet

version:   1.0
author:    Flow Interactive, http://www.flowinteractive.com.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
html {height: 100%}
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	background: #000 url(../images/bg.jpg) repeat;
	margin: 0;
	line-height: 150%;
	text-align: center;
	height:100%
}
.cntr {text-align:center}
a:active, a:focus {outline:none}
/* = Typography
--------------------------------------------------------*/
h1 {font-weight: bold; color:#C51230; font-size: 2em; margin: 20px 0 0}
p {font-size: 1.1em; margin: 0.5em 0}
#contentFooter {color: #fff}
#contentFooter a {color:#fff; text-decoration:none; display:block; float: left; margin: 0 10px}
#contentFooter p {text-align:center; width: 340px; margin: 5px auto; clear: both}
#dealers {
	color:#fff;
	font-family:"Courier New", Courier, monospace;
	font-size: 1.2em;
	line-height:122%;
	letter-spacing:-0.05em
}
#dealers h1 {padding: 10px 0 10px 0; margin: 0}
#dealers h2 {margin: 20px 0 10px 0}
#dealers a {color:#FFFF00; text-decoration:none}
#contactform {font-family: Verdana, Arial, Helvetica, sans-serif}
#riders h1 {margin: 0; padding: 0}
#artwork h1 {line-height: 1em}
#artwork ol {list-style-type: decimal; margin: 1em 0 1em 2em}
/* = Containers
----------------------------------------------*/
#wrapper {
	text-align: center;
	width: 100%;
	height: 100%;
	background: #abc;
	margin: 0 auto;
	display: table;
}
#wrapper * {vertical-align: middle;}
#container {display: table-cell; background: #000  url(../images/bg.jpg) repeat}
#content {background: transparent url(../images/containertop.jpg) left top no-repeat; width: 790px; margin: 0 auto; padding-top: 18px}
#contentPanel {background:transparent url(../images/containerbg.jpg) left top repeat-y; padding: 20px 35px 0 35px; position:relative}
#contentFooter {background: transparent url(../images/containerbot.jpg) left top no-repeat; width: 790px; margin: 0 auto; padding-top: 18px; text-align:center !important}
#tabContainer {margin-top: 20px}
.homeTab {float: left; width: 220px; margin-right:30px}
a#shop {display:block; background: #fff url(../images/hometab1.jpg) left top no-repeat; width: 220px; height:107px; text-indent:-9000px}
a#fakieriders {display:block; background: #fff url(../images/hometab2.jpg) left top no-repeat; width: 220px; height:107px; text-indent:-9000px}
a#backdoor {display:block; background: #fff url(../images/hometab3.jpg) left top no-repeat; width: 220px; height:107px; text-indent:-9000px}
/*roll overs*/
a:hover#shop {background: #fff url(../images/hometab1.jpg) left -107px no-repeat}
a:hover#fakieriders {background: #fff url(../images/hometab2.jpg) left -107px no-repeat}
a:hover#backdoor {background: #fff url(../images/hometab3.jpg) left -107px no-repeat}

/*Dealers*/
#dealers {
	background:#000 url(../images/dealerside.jpg) right top no-repeat;
	padding: 0 360px 0 10px;
}

/*Contact*/
#contact {
	background:#fff url(../images/contactbg.jpg) left top no-repeat;
	padding: 10px;
	height: 355px
}

/*Riders*/
#riders {
	background:#fff url(../images/ridersmainbg.jpg) left 111px no-repeat;
	height: 473px;
	padding-bottom: 10px
}
#skate, #snow {padding-bottom: 10px}

/*rider links*/
#snowmenu {
	position:absolute;
	left: 440px;
	top: 280px
}
#snowmenu a {
	width: 57px;
	height: 230px;
	display:block;
	background: transparent url(../images/snowmenu.jpg) left top no-repeat;
	text-indent:-9000px;
}
#snowmenu a:hover {
	background: transparent url(../images/snowmenuover.jpg) left top no-repeat;
}
#surfmenu {
	position:absolute;
	left: 497px;
	top: 280px
}
#surfmenu a {
	width: 240px;
	height: 59px;
	display:block;
	background: transparent url(../images/surfmenu.jpg) left top no-repeat;
	text-indent:-9000px;
}
#surfmenu a:hover {
	background: transparent url(../images/surfmenuover.jpg) left top no-repeat;
}
#skatemenu {
	position:absolute;
	left: 497px;
	top: 339px
}
#skatemenu a {
	width: 240px;
	height: 58px;
	display:block;
	background: transparent url(../images/skatemenu.jpg) left top no-repeat;
	text-indent:-9000px;
}
#skatemenu a:hover {
	background: transparent url(../images/skatemenuover.jpg) left top no-repeat;
}
#wakemenu {
	position:absolute;
	left: 497px;
	top: 397px
}
#wakemenu a {
	width: 240px;
	height: 56px;
	display:block;
	background: transparent url(../images/wakemenu.jpg) left top no-repeat;
	text-indent:-9000px;
}
#wakemenu a:hover {
	background: transparent url(../images/wakemenuover.jpg) left top no-repeat;
}
#kitemenu {
	position:absolute;
	left: 497px;
	top: 453px
}
#kitemenu a {
	width: 240px;
	height: 57px;
	display:block;
	background: transparent url(../images/kitemenu.jpg) left top no-repeat;
	text-indent:-9000px;
}
#kitemenu a:hover {
	background: transparent url(../images/kitemenuover.jpg) left top no-repeat;
}
	
/*News*/
#news {
	background:#000 url(../images/news.jpg) left top no-repeat;
	min-height: 464px;
	height: auto !important;
	height: 464px;
	padding: 10px;
	position:relative
}
#newsPanel {
	position: relative;
	left: 45px;
	margin-top: 70px;
	width:450px;
	color: #fff !important
}
#newsPanel a {color:#fff}

/*artwork*/
#artwork {background:#EBDFAD; padding: 20px; padding-bottom: 10px}

/*vide*/
#video td, #video td img {line-height: normal !important}

/*downloads*/
#downloads { background:#fff url(../images/downloads.jpg) left top no-repeat; min-height: 476px; height: auto !important; height: 476px; padding-top: 10px}

/*privacy*/
#privacy {background: #fff url(../images/privacy.jpg) left top no-repeat; padding: 430px 10px 10px 10px}

/*about*/
#about {background:#fff; padding-bottom: 10px}

#about ul {
	margin: 1em 0 1em 4em;
	list-style-type:disc
}
#about ul ul {margin: 0em 0 0 2em}
#flashBaner {z-index: 1}
#eagle {position: absolute; right: 10px; top: 40px; width:140px; height: 101px; background: transparent url(../images/eagle.png) left top no-repeat; z-index: 1000}
	
/* = Menu
----------------------------------------------*/
#menu{width:460px; position:absolute; top: 20px; right: 27px}
#menu ul{margin:0 auto; padding:0; width:500px}
#menu ul li{float:left; list-style-type:none; margin:0}
#menu ul li a{display:block; float:left; padding:5px; color:#000; font-size:1.2em; text-decoration:none; font-weight:bold; text-transform:uppercase; letter-spacing:-1px}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.sel{color:#c41230}

/* = Forms
----------------------------------------------*/
#contactform{font-size:1em; margin-top: 20px}
#contactform label{display:block; float:left; font-weight:bold; color:#000; padding:5px 0 0; margin:0 5px 10px 0; width:80px; text-align:right}
#contactform label.txtLabel {font-size: 0.9em}
#artwork #contactform label.txtLabel {text-align:left; width: 150px}
#contactform input.txt{width:150px; color:#333; margin:0; float:left; border: 1px solid #000}
#contactform br{clear:both}
legend{font-weight:bold}
.err, .req{font-weight:bold; color:#f00; font-size:1em; float:left}
.err{margin-right:5px}
.hide{display:none}
textarea{font-family:Arial,helvetica,sans-serif; color:#333; font-size:1em; width:260px; margin-bottom: 10px; border: 1px solid #000}
#signupbox {position:absolute; top: 195px; left: 290px; width: 130px}
#contactform #signupbox label {display:inline !important; font-size: 1em; font-family:"Courier New", Courier, monospace; text-align:left; width: 100px; float:none; letter-spacing:-0.1em; font-weight:bold; word-spacing:-0.1em}
#contactform #signupbox input {float: left}
#sendForm {margin-left: 85px}
#artwork #sendForm {margin-left: 300px}
/* = Easy Clearing
----------------------------------------------*/
.clearfix {overflow:auto}