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

body{
margin:0px;
padding:0px;
overflow:scroll;
background-color:#FFFFFF;
}

.Sharebutton {
width:55px;
height:55px;
background-color:#FFFFFF;
position:absolute;
top:15px;
left:15px;
z-index:25;
}

.ShareMenu {
width:70px;
height:55px;
position:absolute;
top:20px;
left:70px;
z-index:25;
visibility:hidden;
border:0;
}

.ShareMenu img {
border:0px;
}

.wrapper {
width:800px;
min-height:700px;
position:absolute;
top:0px;
left:50%;
z-index:1;
margin-left:-400px;
overflow:visible
}

.topbar {
width:800px;
height:100px;
float:right;
}

.bigimage {
width:800px;
height:480px;
float:right;
}

.navbar {
width:800px;
height:14px;
padding-top:10px;
padding-bottom:5px;
float:left;
color:#000000;
font-family:Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
text-align:right;
}

.nav {
padding-left:25px;
float:right;
}


.navbar a:link {text-decoration:none;color:#000000;}
.navbar a:visited {text-decoration:none;color:#000000;}
.navbar a:active {text-decoration:none;color:#000000;}
.navbar a:hover {text-decoration:none;color:#000000;}

.blogcontentarea {
margin:0px;
padding-top:35px;
width:800px;
float:right;
overflow:visible;
font-family:Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
border-top:10px solid #FFFFFF;
}

.text{}

.MainFooter {
width:800px;
height:100px;
float:left;
margin-top:30px;
color:#aeaeae;
font-size:10px;
background-color:#FFFFFF;
}

.MainFooter a:link {text-decoration:none;color:#aeaeae;}
.MainFooter a:visited {text-decoration:none;color:#aeaeae;}
.MainFooter a:active {text-decoration:none;color:#aeaeae;}
.MainFooter a:hover {text-decoration:none;color:#000000;}

.blogcontentarea .text a:link {text-decoration:none;color:#000000;}
.blogcontentarea .text a:visited {text-decoration:none;color:#000000;}
.blogcontentarea .text a:active {text-decoration:none;color:#000000;}
.blogcontentarea .text a:hover {text-decoration:underline;color:#000000;}

.BlackBar {
width:100px;
height:24px;
float:left;
}

.Contact {
font-size:12px;
line-height:16px;
}


/*
-----------------------------------------------
Code for artists page
*/

.ArtistBox {
width:800px;
height:180px;
float:left;
margin-bottom:50px;
}

.ProfilePic {
width:180px;
height:180px;
float:left;
margin-right:15px;
}

.ArtistName {
font-size:22px;
font-weight:bold;
margin-bottom:10px;
}

.ArtistDescription {
font-size:12px;
line-height:14px;
margin-bottom:10px;
}

.ArtistThumbs {
width:40px;
height:40px;
margin-right:15px;
float:left;
}

/*
-----------------------------------------------
Code for surfboards page
*/


.Surf_Title {
width:800px;
height:60px;
float:left;
font-size:24px;
font-weight:bold;
letter-spacing:-0.1em;
font-family:Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
color:#000000;
text-align:left;
border-bottom:1px solid #b3b3b3;
}

.Surf_SubTitle {
width:800px;
height:60px;
float:left;
font-size:24px;
font-weight:bold;
letter-spacing:-0.1em;
font-family:Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
color:#000000;
text-align:left;
border-bottom:1px solid #b3b3b3;
margin-top:20px;
}

.Surf_Column {
width:248px;
height:inherit;
font-size:12px;
line-height:14px;
text-align:left;
float:left;
padding-right:28px;
padding-top:20px;
}

.Surf_Column h1 {
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}

.Surf_Column_R {
width:248px;
height:inherit;
font-size:12px;
line-height:14px;
text-align:left;
float:left;
padding-top:20px;
}

.Surf_Column_R h1 {
font-size:14px;
font-weight:bold;
margin-bottom:20px;
}

.Surf_BuyBox {
width:800px;
height:inherit;
padding-top:30px;
padding-bottom:50px;
background-color:#f2f2f2;
float:left;
margin-bottom:-30px;
}

.Surf_BuyBox .Surf_Column {
text-align:center;
}

.Surf_BuyBox .Surf_Column_R {
text-align:center;
}







/*
-----------------------------------------------
Code for index.html page
*/

.Index_Wrapper {
width:376px;
height:140px;
position:absolute;
top:200px;
left:50%;
z-index:1;
margin-left:-188px;
}

.Index_Button {
width:55px;
height:55px;
position:absolute;
top:85px;
}

#Index_Home {
left:0px;
}
#Index_Surfboards {
left:80px;
}
#Index_Artists {
left:160px;
}
#Index_Music {
left:240px;
}
#Index_Contact {
left:320px;
}

.Index_Logo {
width:375px;
height:55px;
position:absolute;
top:0px;
left:0px;
background-image:url(images/Index_Logo.gif);
background-position:left;
background-repeat:no-repeat;
}