@charset "UTF-8";

/* 
	Background-Styles 
*/

/* navheader */
/*_background-image: url(../images/navbg.gif);*/
#navheader { width: 858px; height: 38px; margin: 18px auto; position: static; z-index: 9998; margin-left: 72px; margin-top: 57px; }

#navheader #nav { margin: 0; padding: 0; }

#navheader #nav li { display: inline; }

#navheader #nav li a { float: left; width: 107px; height: 0; padding-top: 38px; overflow: hidden; }

#navheader #nav li a, #navheader #globalsearch { background-image: url(../images/nav.png); background-repeat: no-repeat; }

/* BUTTONS */
#navheader #nav li#nav1 a { background-position: 0 0; }

#navheader #nav li#nav2 a { background-position: -107px 0; }

#navheader #nav li#nav3 a { background-position: -214px 0; }

#navheader #nav li#nav4 a { background-position: -321px 0; }

#navheader #nav li#nav5 a { background-position: -428px 0; }

#navheader #nav li#nav6 a { background-position: -535px 0; }

#navheader #nav li#nav7 a { background-position: -642px 0; }

#navheader #nav li#nav8 a { background-position: -749px 0; }

/* OVER STATES */
#navheader #nav li#nav1 a:hover { background-position: 0 -38px; }

#navheader #nav li#nav2 a:hover { background-position: -107px -38px; }

#navheader #nav li#nav3 a:hover { background-position: -214px -38px; }

#navheader #nav li#nav4 a:hover { background-position: -321px -38px; }

#navheader #nav li#nav5 a:hover { background-position: -428px -38px; }

#navheader #nav li#nav6 a:hover { background-position: -535px -38px; }

#navheader #nav li#nav7 a:hover { background-position: -642px -38px; }

#navheader #nav li#nav8 a:hover { background-position: -749px -38px; }

/* PRESSED STATES */
#navheader #nav li#nav1 a:active { background-position: 0 -76px; }

#navheader #nav li#nav2 a:active { background-position: -107px -76px; }

#navheader #nav li#nav3 a:active { background-position: -214px -76px; }

#navheader #nav li#nav4 a:active { background-position: -321px -76px; }

#navheader #nav li#nav5 a:active { background-position: -428px -76px; }

#navheader #nav li#nav6 a:active { background-position: -535px -76px; }

#navheader #nav li#nav7 a:active { background-position: -642px -76px; }

#navheader #nav li#nav8 a:active { background-position: -749px -76px; }

/* ON STATES */
#navheader.boards #nav li#nav1 a { background-position: 0 -114px; cursor: default; }

#navheader.sup #nav li#nav2 a { background-position: -107px -114px !important; }

#navheader.kayaks #nav li#nav3 a { background-position: -214px -114px !important; }

#navheader.accessories #nav li#nav4 a { background-position: -321px -114px !important; }

#navheader.rentals #nav li#nav5 a { background-position: -428px -114px !important; }

#navheader.lessons #nav li#nav6 a { background-position: -535px -114px !important; }

#navheader.repair #nav li#nav7 a { background-position: -642px -114px !important; }

#navheader.surf #nav li#nav8 a { background-position: -749px -114px !important; }

body { margin:0px; padding:0px; background:url(../images/bg.gif) fixed no-repeat top center #ffffff; /*IE6 hack  ADC1C0*/ _background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:19px; }

img { border-style: none; }

#main { /*background:#ffffff url(../images/background_light_slice.jpg) repeat-x;*/ padding-bottom:30px; }

#main .container { background-image:url(../images/bg_surfer.png); background-repeat:no-repeat; }

#surf .container {
	background-image:url(../images/bg_surfer.png);
	background-repeat:no-repeat;
}

#footer { /*background-image:url(../images/background_footer.jpg);*/ background-repeat:repeat-x; position:relative; top:-50px; min-height:130px; }

.container { width:1000px; margin:0 auto; position:relative; }

/* 
	Header-Styles 
*/

#header { background-image:url(../images/blank.gif); display:block; text-indent:-9999px; height:220px; width:190px; margin: 0px 300px 0px 70px; }

#logo h1, #logo small { margin:0px; display:block; text-indent:-9999px; }

#logo { background-image:url(../images/logo.png); background-repeat:no-repeat; width:321px; height:80px; }

ul#menu { margin:0px; padding:0px; position:absolute; right:11px; top: 92px; width: 336px; }

#menu_new { margin:0px; padding:0px; position:absolute; right:455px; top: 10px; width: 195px; }

#feature_items { margin:0px; padding:0px; position:absolute; right:15px; top: -34px; width: 250px; height: 300px; }

#date { margin:0px; padding:0px; position:absolute; right:20px; top: 241px; width: 200px; }

ul#menu li { display:inline; margin-left:12px; }

ul#menu li a { text-decoration:none; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; }

ul#menu li a:hover { color:#0073FF; text-decoration:none; }

/* 
	Block-Styles 
*/

.block { margin-bottom:10px; position:relative; }

.ribbon { position:absolute; top:-192px; right:703px; }

.ribbon_small { position:absolute; top:357px; right:-17px; }

.block_inside { display:block; padding:15px 10px 15px 15px; overflow:auto; }

.stacker { width: 100px; padding-bottom: -10px; padding-right: 24px; float: left; }

.image_block { border:1px solid #b5b5b5; background-color:#d2d2d2; padding:5px 5px 1px 5px; float:left; }

.image_block img { border:1px solid #b5b5b5; }

.text_block { float:left; width:700px; margin-left:30px; padding-top:30px; }

#block_featuredblog .text_block { padding-top:5px }

/*
	Portfolio-Home-Styles
*/

#block_portfolio { overflow:auto; margin-bottom:20px; }

#portfolio_items { width:450px; margin-right:5px; float:left; min-height:100px; padding-top:10px; margin-left: 60px; }

#large_portfolio_items { width:850px; margin-right:5px; float:left; min-height:100px; padding-top:10px; margin-left: 60px; }

#text_column { float:right; width:370px; margin-right: 95px; padding-top: 20px; background-image: url(../images/textcolumnbg.png); background-repeat:no-repeat; padding-left: 20px; }

/*#text_column img { margin-bottom:20px; position:relative; left:-3px; width: 350; }*/

#text_column h2#text_title { text-indent:-9999px; background-image:url(../images/creatif.png); background-repeat:no-repeat; width:310px; height:129px; }

.mini_portfolio_item { margin-bottom:25px; position:relative; margin-left: 40px; width: 400px; }

.mini_portfolio_item .block_inside { background:none; padding:0; margin-bottom: 15px; }

.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

.large_portfolio_item { margin-bottom:40px; position:relative; margin-left: 40px; width: 800px; }

.large_portfolio_item .block_inside { background:none; padding:0; margin-bottom: 20px; }

.large_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

/*
	Block-Content-Styles
*/

#content_area { width:665px; float:left; }

#content_area .block_inside { min-height:400px; }

#sidebar { float:left; width:281px; position:relative; left:-1px; margin-top:15px; background-color:#e2dddc; border:1px solid #a3a09e; }

#sidebar .block_inside { background:none; background-color:#e2dddc; }

#sidebar h3 { font-size:20px; line-height:23px; }

#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }

#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }

#sidebar ul li a { color:#7f7d78; }

#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }

#content_area h2 { font-size:90%; line-height:31px; color: #030303; }

#content_area .separator { border-top:1px solid #e3e3e3; margin-top:40px; padding-top:40px; }

/*jQuery tabs*/

/*		background: #eee;
	padding: 10px;
	margin: 0 0 15px 0;
	-moz-box-shadow: 0 0 5px #ffffff;
	-webkit-box-shadow: 0 0 5px #ffffff;*/


#organic-tabs {
	background: #ffffff;
	padding: 0px 5px 0px 5px;
	margin: 20px 0 15px 0;
	-moz-box-shadow: 0 0 5px #ffffff;
	-webkit-box-shadow: 0 0 5px #ffffff;
}

#explore-nav {
	overflow: hidden;
	margin: 0 0 5px 0;
	position: absolute;
	top: 601px;
	left: 500px;
	height: 25px;
}

#explore-nav li { width: 210px; margin: 0 0px 0 0; list-style: none; float: left; }

#explore-nav li.middle {
	margin-right: 0;
	width: 70px;
}

#explore-nav li.last {
	margin-right: 0;
}

#explore-nav li a {
	display: block;
	padding: 5px;
	background-color: #666;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#explore-nav li a:hover { background-color: #999999; text-decoration: none; }

#contest2, #contest3, #contest4 { display: none; }

#explore-nav li#ex-contest1 a.current, ul#contest1 li a:hover { background-color: #cccccc; color: #000000; }

#explore-nav li#ex-contest2 a.current, ul#contest2 li a:hover { background-color: #cccccc; color: #000000; }

#explore-nav li#ex-contest3 a.current, ul#contest3 li a:hover { background-color: #cccccc; color: #000000; }

#explore-nav li#ex-contest4 a.current, ul#contest4 li a:hover { background-color: #cccccc; color: #000000; }






/* 
	Text-Styles   
*/

h1 { margin:0px 0px 10px 0px; font-size:24px; font-family:Helvetica, Arial, Sans-serif; color:#6B6B6B; line-height:39px; letter-spacing:-1px; }

h2 { margin:0px 0px 10px 0px; font-size:200%; font-family:Helvetica, Arial, Sans-serif; color:#000000; line-height:110%; letter-spacing:0px; }

h3 { margin:10px 0px 5px 0px; font-size:14px; line-height:21px; font-family:Helvetica, Arial, Sans-serif; color:#000000; }

h4 { color:#F98006; margin:0px 0px 0px 0px; font-size: 12px; }

small { color:#595856; font-weight:bold; font-size:11px; display:block; margin-bottom:15px; width: 200px; }

.column { color: #D6D6D6; font-weight: bold; }

.date { color: #000000; font-weight: normal; font-size: 10px; letter-spacing: 0px; }

a { color:#26689f; text-decoration:none; }

small a { color:#007de2; }

a:hover { text-decoration:underline; }

p { margin: 0px 0px 0px 0px; }

a.button_big { padding:26px 10px 29px 10px; color: #ffffff; text-decoration: none; text-transform:uppercase; font-size:10px; line-height:65px; }

a.button_big:hover { color: #007de2; }

a.button { background:#32312f url(../images/button_bg.jpg) repeat-x; padding:5px 10px 5px 10px; color: #ffffff; text-decoration: none; border:1px solid #32312f; text-transform:uppercase; font-size:9px; line-height:25px; }

a.button:hover { background:#007de2 url(../images/button_bg_o.jpg) repeat-x; border-color:#007de2; }

.bluehead { color: #26689f }

/*
	Footer-Styles
*/

#footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }

#lefter { padding-left: 100px; }

.footer_column { float:left; width:245px; color: #6C6C6C; padding-right: 30px; padding-left: 0px; }

#footer .long {
	width:1000px;
	background: url(../images/footer_bg.png) no-repeat;
	padding-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	height: 300px;
}

#footer h3 { color:#000000; text-transform:uppercase; font-size:10px; }

.footer_column ul li, .footer_column ul { list-style:none; margin: 0; padding: 0; }

/* 
	Miscellaneous-Styles   
*/

/* Fix up IE6 PNG Support */
img, #logo, #text_column h2#text_title { behavior: url(../scripts/iepngfix.htc); }

#postcard
{
	background-image: url(../images/postcard.jpg);
	background-repeat: no-repeat;
	height: 243px;
	padding: 40px 0 0 30px;
}

a:focus
{
	outline: none;
}