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

#rightguff{
position: absolute;
background: url('http://www.dksurfboards.co.uk/images/dk-surfboards-bg-pink-stripes.png');
width: 50px;
height: 500px;
top: 0;
left: 955px;
}


#topvideoinner{
color: #fff;
background: #000;
float: right;
width: 325px;
}

#topvideoinner a{
margin: 20px 0 20px 0;
color: #fff;
}

#breadcrumb_links{
padding: 10px 0 0 0;
font-size: 1.2em;
}

#picture-holder img{
padding: 5px ! important;
border: 1px solid #999;
}

#breadcrumb_links a{
text-decoration: none;
font-weight: bold;
}

#prev-link-container a, #next-link-container a{
padding: 10px;
background: #000 ! important;
color: #fff;
text-decoration: none;
}

#prev-link-container a:hover, #next-link-container a:hover{
color: #33ef00;
}

#breadcrumb_links a:hover{
font-weight: bold;
color: #33ef00;
}

#container{
position: relative;
float: left;
width: 852px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-content-background.png) repeat-y;
padding: 0 86px 0 86px;
left: -512px;
margin: 0 0 0 50%;
}

#mainmenu{
float: left;
position: relative;
}

#subheader{
position: absolute;
top: 66px;
z-index: 120;
left: 10px;
}

h1 a{
position: absolute;
z-index: 100;
top: 50px;
left: -19px;
text-indent: -9999px;
background-image:url(http://www.dksurfboards.co.uk/images/dk-surfboards-h1-logo.png);
width: 252px;
height: 274px;
}

div.board, div.rider{
margin: 30px 0 0 0;
float: left;
clear: both;
width: 835px;
}

img.board{
padding: 0 0 10px 0;
}

.rider img.board{
padding: 0 30px 10px 0;
}

div.board div.details, div.rider div.details{
border-top: 1px solid #eaeaea;
}

div.board p, div.rider p{
font-size: 1em;
font-weight: bold;
line-height: 15px;
text-align: right;
width: 350px;
font-style: italic;
float: right;
padding: 5px 0 0 0;
}

 div.rider p{
float: left;
text-align: left;
clear: both;
}

div.board a, div.rider a.moreon, div.info a{
float: right;
background: #fc00ff;
text-transform: uppercase;
font-weight: bold;
padding: 5px 7px 5px 7px;
width: inherit;
clear: both;
text-decoration: none;
}

div.board div.details a:hover{
color: #fc00ff;
background: #000;
}

div.info a{
float: left;
width: 200px;
}

div.rider a.moreon{
float: left;
margin-top: 10px;
}

div.board div.boardimage a{
padding: 0;
border-bottom: 1px solid #eaeaea;
background: none;
}

div.rider a.moreon:hover{
color: #fc00ff;
background-color: #000;
}


div.board h3, div.rider h3{
text-indent: -9999px;
float: left;
}

div.board h3#ar{
width: 177px;
height: 61px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-ar-model.jpg) no-repeat top;
}


div.board h3#fuzz{
width: 223px;
height: 59px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-fuzz-model.jpg) no-repeat top;
}

div.board h3#par, h2#par{
width: 223px;
height: 65px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-par-model.jpg) no-repeat top;
}

div.board h3#exec{
width: 223px;
height: 65px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-exec-model.jpg) no-repeat top;
}

div.board h3#fish, h2#fish{
width: 223px;
height: 65px;
background: url(images/dk-surfboards-fish-model.jpg) no-repeat top;
}

div.board h3#twin, h2#twin{
width: 223px;
height: 65px;
background: url(images/dk-surfboards-twin-fin.jpg) no-repeat top;
}

div.board h3#evo, h2#evo{
width: 223px;
height: 65px;
background: url(images/dk-surfboards-evo-model.jpg) no-repeat top;
}

div.board h3#minimal, h2#minimal{
width: 223px;
height: 65px;
background: url(images/dk-surfboards-mini-mal.jpg) no-repeat top;
}

div.board h3#freedom, h2#freedom{
width: 310px;
height: 65px;
background: url(images/dk-surfboards-freedom-model.jpg) no-repeat top;
}

div.board h3#classic, h2#classic{
width: 280px;
height: 65px;
background: url(images/dk-surfboards-classic-model.jpg) no-repeat top;
}

div.board h3#ko, h2#ko{
width: 200px;
height: 65px;
background: url(images/dk-surfboards-ko-title.jpg) no-repeat top;
}

div.board h3#bgb, h2#bgb{
width: 200px;
height: 65px;
background: url(images/dk-surfboards-bgb-title.jpg) no-repeat top;
}

div.board h3#grom, h2#grom{
width: 340px;
height: 65px;
background: url(images/dk-surfboards-grom-header.jpg) no-repeat top;
}

div.board h3#jr, h2#jr{
width: 420px;
height: 65px;
background: url(images/dk-surfboards-jr-header.jpg) no-repeat top;
}

div.board div.details img{
padding: 5px 5px 0 10px;
float: left;
}

div.board h3#patto, h2#patto{
width: 250px;
height: 65px;
background: url(images/dk-surfboards-patto-header.jpg) no-repeat top;
}

div.rider h3{
margin-top: 10px;
width: 340px;
height: 45px;
}

div.board h3#stepup, h2#stepup{
width: 290px;
height: 65px;
background: url(images/dk-surfboards-step-up-model.jpg) no-repeat top;
}

div.rider h3#luke-dillon, h2#luke-dillon{
width: 350px;
background: url(images/dk-surfboards-luke-dillon-header.jpg) no-repeat top;
}

div.rider h3#josh-hughes, h2#josh-hughes{
width: 350px;
background: url(images/dk-surfboards-josh-hughes.png) no-repeat top;
}

div.rider h3#warren-tuck, h2#warren-tuck{
width: 340px;
background: url(images/dk-surfboards-warren-tuck-header.png) no-repeat top;
}

div.rider h3#jayce-robinson, h2#jayce-robinson{
width: 340px;
background: url(images/dk-surfboards-jayce-robinson-header.png) no-repeat top;
}

div.rider h3#tom-butler, h2#tom-butler{
width: 340px;
background: url(images/dk-surfboards-tom-butler-title.png) no-repeat top;
}

.topquote{
width: 500px;
font-size: 2em;
line-height: 30px;
float: left;
margin: 20px 0 0 0;
}

#topphoto, #topvideo{
float: right;
}

#topvideo{
position: relative;
border-top: 10px solid #000;
margin: 10px 0 0 0;
width: 325px;
}

#topvideo img.more{
position: absolute;
top: -43px;
left: 180px;
}

.topquote .all{
padding: 5px;
margin: 0 0 0 -10px;
background: #000;
color: #fff;
}

.topquote a{
color: #33ef00;
text-decoration: none;
}

.topquote a:hover{
border-bottom: 2px solid #33ef00;
}

.topquote .bigger{
color: #fff;
font-size: 1.2em;
line-height: 20px;
}

#top{
background: #e6e6e6 url(http://www.dksurfboards.co.uk/images/dk-surfboards-top-background.jpg) top left no-repeat;
float: left;
padding: 10px 0 10px 5px;
margin: 0 0 0px 10px;
width: 830px;
}

.topquote .bolder{
color: #fff;
font-size: 1.1em;
font-weight: bold;
}

.topquote .smaller{
color: #fff;
font-size: 0.75em;
}

#topcontact{
float: left;
background: #000;
padding: 10px;
width: 830px;
margin: 0 0 5px 0;
}

#topcontact ul li, 
#topcontact ul li a{
float: right;
color: #666;
padding: 0 10px 0 0;
font-size: 0.9em;
}

h2.mainhead{
width: 319px;
height: 43px;
text-indent: -999px;
top: 15px;
position: relative;
margin-top: -15px;
}

#topcontact ul li a:hover{
color: #fff;
}

h2.mainhead#shortboard{
background: url(images/dk-surfboards-shortboards.png) no-repeat;
}

h2.mainhead#retroboards{
background: url(images/dk-surfboards-retroboards.png) no-repeat;
}

h2.mainhead#beginnerboards{
background: url(images/dk-surfboards-beginnerboards.png) no-repeat;
width: 380px;
}

h2.mainhead#longboards{
background: url(images/dk-surfboards-longboards.png) no-repeat;
}

h2.mainhead#contact{
background: url(images/dk-surfboards-contact-us.png) no-repeat;
}

h2.mainhead#all{
background: url(images/dk-surfboards-all.png) no-repeat;
}

h2#about{
background: url(images/dk-surfboards-about-us-title.png) no-repeat;
}

h2#sprays{
background: url(images/sprays.png) no-repeat;
}

h2.mainhead#riders, h2#riders{
height: 35px;
text-indent: -999px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-team-riders.png) no-repeat;
}

h2.mainhead#home{
background: url(images/dk-surfboards.png) no-repeat;
width: 380px;
}

h2.mainhead#media{
background: url(images/dk-surfboards-media.png) no-repeat;
width: 380px;
}

h2.mainhead#photo{
background: url(images/dk-surfboards-photo-gallery.png) no-repeat;
}

h2.mainhead#videos{
background: url(images/dk-surfboards-videos.png) no-repeat;
}

h2.mainhead#press{
background: url(images/dk-surfboards-hydroflex.png) no-repeat;
}

.innerprofile{
clear: both;
padding: 10px 0px 10px 10px;
}

.innerprofile img{
border: 4px solid #ff00f0;
margin: 5px 5px 5px 0;
}


#mainmenu ul.menu{
background: #000;
float: left;
padding: 20px 10px 0px 60px;
height: 30px;
clear: both;
width: 780px;
margin: 5px 0 0 0;
z-index: 3000;
}

#mainmenu ul.menu{

}

#mainmenu ul.menu#sub{
margin: 5px 0 0 0;
background: #33ef00;
padding: 10px 10px 0px 150px;
height: 20px;
width: 690px;
}

#mainmenu ul.menu li a{
position: relative;
z-index: 150;
text-transform:lowercase;
padding: 5px 8px 19px 10px;
text-decoration: none;
color: #fff;
font-size: 1.3em;
letter-spacing: 1px;
}

#mainmenu ul.menu#sub li a{
position: relative;
z-index: 150;
padding: 5px 5px 16px 5px;
color: #000;
font-size: 1.1em;
text-transform: inherit;
font-style: italic;
font-weight: bold;
}

#mainmenu ul.menu li a:hover, #mainmenu ul.menu#main li a#active{
color: #000;
background: #33ef00;
}

a#active{
color: #000;
background: #33ef00;
}

#mainmenu ul.menu#sub li a:hover, #mainmenu ul.menu#sub li a#active{
color: #000;
background: #fc00ff;
text-decoration: underline;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-arrow.jpg) no-repeat 50% 100%;
}

#mainmenu ul.menu li {
margin: 0 13px 0 0;
float: left;
}

#maincontent{
float: left;

padding: 10px 0 30PX 0;
}

#footer{
position: relative;
float: left;
width: 915px;
background: url(http://www.dksurfboards.co.uk/images/dk-surfboards-footer.png) repeat-y;
padding: 0 86px 0 86px;
left: -512px;
margin: 0 0 0 50%;
color: #fff;
padding: 20px 70px 13px 20px;
font-size: 0.9em;
}

#footer p, 
#footer a{
color: #666;
text-decoration: none;
}

#footer p.right{
padding: 7px 0 0px 0;
float: right;
clear: both;
} 

#footer .right{
float: right;
}

#footer .left{
float: left;
background:url(http://www.dksurfboards.co.uk/images/dk-surfboards-footer-logo.jpg) #000 no-repeat;
padding: 0 0 0 100px;
margin: 0 0 0 60px;
}

#footer .left p{
padding: 0px 0 7px 0;
}


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

#footer a#link{
text-decoration: underline;
}

#footer a:hover{
color: #fff;
}

#footer .right ul li a{
padding: 0 7px 0 7px;
border-left: 1px solid #666;
}

#footer .right ul li a#last{
padding: 0 0 0 7px;
}

#footer a#active{
color: #666;
background: #000;
}sub