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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
textarea,  input { padding: .3em .4em .15em .4em; }
fieldset { border: none; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #000; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:Georgia, "times new roman", serif; }

body {
	color: #6d6d6d;
	font-family:Georgia, "times new roman", serif;
    font-size: 1.3em; 
	line-height: 1.6em; 
	background:#efeeea;
	 }
	 
body#surfboards{ background:#fff url(../img/surfboards-bg.gif) center repeat; }


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }

 h1, h2.alt { font-size: 2.85em; margin: 0px 0 13px; line-height:1.4em;}
 h2, h2.xmarg { font-size: 1.5em; margin: 0em 0 .535em;  }
 h3 { font-size: 1.4em; margin: .75em 0 10px;  }
 h4 { font-size: 1.3em; margin: 1.23em 0 .615em;  }
 h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
 h6 { font-size: 1em; margin: 1.6em 0 .8em; }
 
 body#about h2.alt,  body#location h2.alt {float:left;}
 
 body#contact h2.alt {margin-bottom:0; }

h1, h2, h4, h5, h6 {
font-weight:300;
color:#101010;
}

/*--------------Site Text formating----------*/

p.gtext, p.otext, p.grtext, p.limetext {
color:#fff;
font-size:16px;
line-height:1.88em;
margin:0;
}

p.limetext {
background:#b8dc00;
padding:0px 10px;
line-height:1.2em;
display:block; 
margin:18px 0px 25px;
}

p.otext{
background:#eb8926;
padding:0px 10px;
line-height:1.2em;
display:block;
overflow:hidden;
float:right;
margin:20px 0px 0px 10px;
}

p.grtext{
background:#135a4c;
padding:0px 75px 0px 10px;
line-height:1.2em;
display:block;
overflow:hidden;
float:right;
margin:20px 0px 0px 10px;
}

p.gtext span {
background:#135a4c;
padding:3px 10px;
}

p.ytext{
background:#fedc00;
padding:2px 0px 2px 10px;
line-height:1.2em;
display:block;
overflow:hidden;
float:left;
margin:0px;
width:400px;
}

p.badgerlink{
float:right;
margin-bottom:30px;
font-family: trebuchet, arial, sans-serif;
font-size:10px;
}

p.badgerlink a:link,
p.badgerlink a:visited{
text-decoration:none;
}

p.xmarg {
margin:133px 0px 0px;
line-height:1.3em;
}

p.leadin {
font-size:16px;
line-height:1.5em;
}

p.leadin strong, address strong, p strong {
font-weight:600;
}

p.map {
padding-left:10px;
}

p.small {
font-size:11px;
line-height:1.4em;
margin:0px 10px 0px 5px;
}

address {
font-style:normal;
font-size:13px;
padding:0;
margin-bottom:1.4em; 
 
 }
 
/*headers*/




/*links styles*/
a:link,
a:visited {
color:#33363b;
text-decoration:underline;
}

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

a.headlink:link,
a.headlink:visited {
font-size: 1.5em; 
margin: 0em 0 .535em;
padding:0;
color:#fff;
float:left;
text-decoration:none;
}

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

body#surfboards div.double_column a:link,
body#surfboards div.double_column a:visited {
color:#fff;
}

body#surfboards div.double_column a:hover,
body#surfboards div.double_column a:active {
color:#fff;
text-decoration:underline;
}

a.weblink:link,
a.weblink:visited,
a.weblink:hover,
a.weblink:active { 
font-size: 1.4em;
margin: .75em 0 10px; 
display:block;
text-decoration:none; 
}


/*Lists*/


ul.social{
float:left;
width:342px;
margin:0;
padding:0;
}

ul.social li {
float:left;
margin-right:5px;
}

ul.social li.twit {
margin-right:0;
}

ul.social li em {
font-style:italic;
font-size:11px;
}

ul.boards {
padding:0px 0px 12px;
margin:0;
float:left;

}


/*misc styles*/

img.shop{
margin:15px 0px 20px;
}


img.shopalt{
margin:68px 0px 20px;
}

body#links img.shopalt {
border-bottom: 10px solid #802b80;
margin-bottom:200px;
}

img.xtop {
padding-top:65px;
}

img.shape{
padding:15px 0px 0px;
}

ul#twitter_update_list {
margin:0;
padding:0;
}

ul#twitter_update_list li {
color:#135a4c;
padding-bottom:.5em;
margin-bottom:.5em;
font-size:13px;
}

ul#twitter_update_list li a {
display:block;
overflow:hidden;
text-transform:uppercase;
font-size:75%;
padding-top:.5em;
}

ul#twitter_update_list li span a {
display:inline;
overflow:hidden;
padding:0;
margin:0;
}

/*-----------main divs structure------------*/

div#wrap {
	width:950px;
	margin:0 auto;		
}

div#container {
width:920px;
padding:0px 15px;
float:left;
background:#fff;
}

body#surfboards div#container {
background:none;
}

div#masthead {
width:920px;
min-height:215px;
float:left;
margin-bottom:20px;
}

body#home div#masthead {
background: url(../img/header-home.jpg) top left no-repeat;
}

body#about div#masthead {
background: url(../img/header-about.jpg) top left no-repeat;
}

body#news div#masthead {
background: url(../img/header-news.jpg) top left no-repeat;
}

body#surfboards div#masthead {
background: url(../img/header-surfboards.jpg) top left no-repeat;
min-height:220px;
}

body#surfboards.longboards div#masthead,
body#surfboards.retroboards div#masthead,
body#surfboards.shortboards div#masthead,
body#surfboards.girls_longboards div#masthead,
body#surfboards.specialities div#masthead,
body#surfboards.finishess div#masthead {
background:#fff url(../img/header-boardspage.jpg) top left no-repeat;
min-height:220px;
}

body#hardware div#masthead {
background: url(../img/header-hardware.jpg) top left no-repeat;
}

body#repairs div#masthead {
background: url(../img/header-repairs.jpg) top left no-repeat;
}

body#location div#masthead {
background: url(../img/header-location.jpg) top left no-repeat;
}

body#contact div#masthead {
background: url(../img/header-contact.jpg) top left no-repeat;
}

body#links div#masthead {
background: url(../img/header-links.jpg) top left no-repeat;
}


div#content, div#top_content{
width:900px;
float:left;
padding:0;
margin-left:20px;
border-bottom:#b8b8b8 2px solid;
}

body#about div#content, body#hardware div#content {
background: url(../img/fade-bg.gif) bottom left no-repeat;
}


body#repairs div#content, body#links div#content {
background: url(../img/fadefull-bg.gif) bottom left no-repeat;
}


div#top_content{
padding-bottom:8px;
margin-bottom:20px;

}

div#intro{
width:390px;
float:left;
padding-right:20px;
}

div#gallery_hold {
width:410px;
float:left;
background:#fff;
padding:0px;
}

div.double_column {
float:left;
width:354px;
margin-right:10px;
}

body#home div.double_column {
padding-left:10px;
width:344px;
background: url(../img/div-bg.gif) bottom left repeat-x;
}

body#surfboards div.double_column {
background: url(../img/trans-bg.png) top left repeat;
color:#fff;
}

div.column_hold, div.column_holdalt, div.head_hold{
float:left;
width:536px;
margin:0;
padding:0;
}

div.column_holdalt {
margin-top:20px;
}

/*body#repairs div.column_hold {
padding-top:65px;
}*/

div.column, div.columntop {
float:left;
width:164px;
padding-left:8px;
margin-right:10px;
}

body#repairs div.column, body#repairs div.column_right {
border-left: 1px solid #c5c5c5;
width:163px
}

div.column_right, div.column_right_top {
float:left;
width:164px;
padding-left:8px;
margin-right:0px;
}

div.shop_column {
float:left;
width:156px;
padding:0px 8px;
margin-right:10px;
background: url(../img/boardroom-bg.jpg) bottom left repeat-x;
}

div.link_hold{
float:right;
padding:0px;
width:353px;
margin-bottom:15px;
}

div.map_hold {
float:right;
width:525px;
border-bottom:10px solid #135a4c;
margin-bottom:15px;
}

/*surfboard pages------------------------------------*/

div.boardhold, div.boardhold_right {
float:left;
width:164px;
padding:10px 4px 0px;
margin-right:10px;
background: url(../img/trans-bg.png) top left repeat;
color:#fff;
min-height:500px;
}

div.boardhold_right {
margin-right:0;
}

body#surfboards.longboards div.boardhold,
body#surfboards.longboards div.boardhold_right {
min-height:700px;
}

body#surfboards.retroboards div.boardhold,
body#surfboards.retroboards div.boardhold_right {
min-height:670px;
}

body#surfboards.specialist div.boardhold,
body#surfboards.specialist div.boardhold_right {
min-height:610px;
}

div.boardhold h2, 
div.boardhold_right h2,
div.boardhold h2.xmarg, 
div.boardhold_right h2.xmarg, 
body#surfboards div.double_column h1 {
color:#fff;
}

div.boardhold h2.xmarg, 
div.boardhold_right h2.xmarg {
margin-bottom:30px;
}

div.boardhold p, 
div.boardhold_right p {
margin-left:5px;
margin-right:10px;
}

body#surfboards div.double_column h1, 
body#surfboards div.double_column p, 
body#surfboards div.double_column a {
padding:0px 10px;
}

div.boardhold img, 
div.boardhold_right img {
margin-bottom:12px;
}

body#surfboards div.double_column {
margin-bottom:300px;
}

body#surfboards.specialist div.double_column {
margin-bottom:0px;
}

div.boardhold_right {
margin-right:0;
}






/*column height adjustments-----------------*/

body#home div.double_column,
body#home div.shop_column {
min-height:211px;
margin-bottom:15px;
}

/*cycle css--------------------------------------------*/

#s4 { float:left; width:490px; }


.pics { height: 260px; width: 490px; padding:0; margin:0; overflow: hidden; }
.pics img { height: 260px; width: 490px; padding: 0px;  background-color: #fff; top:0; left:0 }

.nav { margin: 0; width: 490px; padding:8px 0px 5px; background:#fff; text-align:right;}
#nav a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; }
#nav a.activeSlide { background: #fff; color:#135a4c; }
#nav a:focus { outline: none; }

.output { 
text-align: right; 
float:right; 
width: 490px;  
position:absolute;
}

.output p {
position:relative;
top:-22px;
left:0px;
margin:0;
padding:0px 15px 0px 0px;
color:#212121;
background:#f93;
}



/*main Navigation styles------------------------------*/

ul#navigation  {
float:left;
padding:0;	
margin:196px 0px 0px 35px;
font-size:15px;	
}

ul#navigation li {
float:left;
padding-right:5px;	
}

ul#navigation li.live strong{
color:#135a4c;
}

ul#navigation li a {
padding-right:5px;	
text-decoration:none;	
}

ul#navigation li a:link,
ul#navigation li a:visited,
ul#navigation li a:active { color:#6d6d6d; }
ul#navigation li a:hover { color:#135a4c; text-decoration:underline; }
ul#navigation li.live a:link,
ul#navigation li.live a:visited { color:#135a4c; text-decoration:underline; }

/*Footer styles--------------------------------------*/


#footer{
float:left;
width:880px;
padding:5px 10px;
background:#333;
color:#fff;
font-family: trebuchet, arial, sans-serif;
font-size:10px;
margin:5px 0px 8px 20px;
}


#footer ul {
width:880px;
float:left;
padding:0;
margin:0;
}

#footer ul li{
float:left;
}


#footer ul li.right{
float:right;
}


/*-------------Contact styles------------------*/


form#contact,
form#contact fieldset {
margin:0;
padding:0;
width:400px;
font-size:14px;
}

form#contact {
padding-left:10px;
padding-top:25px;
float:left;
}

form#contact fieldset {
padding-bottom:20px;
}

fieldset.address label,
fieldset.text label {
float:left;
width:100%;
margin:0px 0px 12px;
}

fieldset.text label {
margin:0;
}

fieldset.address label span,
fieldset.text label span {
float:left;
width:10%;
color:#666;
background-color:#fff;
}

fieldset.address input {
float:right;
width:70%;
border: 2px solid #d6d5d1;
}


fieldset.text label span {
float:left;
width:10%;
margin:0;
padding:0;
}

fieldset.text textarea  {
float:right;
width:70%;
border: 2px solid #d6d5d1;

}

/*submit button-----------*/

form#contact div.submit {
margin-bottom:30px;
float:right;
width:100px;
}


form#contact div.submit input {
border:1px solid #ccc;
color:#fff;
background-color:#fedc00;
padding:0px 5px;
margin-bottom:30px;
float:right;
font-size:16px;
font-family:Georgia, serif;
}

form#contact div.submit input:hover {
background-color:#212121;
color:#fff;
}