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

*{margin: 0; padding: 0;}

img, div { 
	border: none;
	outline: none;
	}

body{
    background: #212121;
   	color: #000000;
    font-size: 11px; 
    }


div#container {
	height: 900px;
	width: 1000px;
	margin: 0 auto;
	}

h1   {
    text-align: left;
    color: #aaaaaa; 
    font-size: 12px; 
    font-style: none;
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }   
    
h2   {
    text-align: left;
    color: #42d52b; 
    font-size: 18px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 0 20px;
    }

h3   {
    text-align: left;
    color: #42d52b; 
    font-size: 13px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 0 0;
    }   

h4   {
    text-align: left;
    color: #555555; 
    font-size: 14px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 5px 10px;
    }   

h5   {
    text-align: left;
    color: #111111; 
    font-size: 18px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 5px 0;
    }   

h6   {
    text-align: left;
    color: #555555; 
    font-size: 14px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 2px 10px;
    }   

/*paragraphs tags----------------------------------------------------------*/

p   {
    text-align: left;
    color: #cccccc; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }    

p.text   {
    text-align: left;
    color: #aaaaaa; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 10px 20px 10px 20px;
    }    

p.lessontrips   {
    text-align: left;
    color: #aaaaaa; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 10px 10px;
    }    

p.highlight   {
    text-align: left;
    color: #777777; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 20px 10px 10px;
    }    

p.details   {
    text-align: left;
    color: #aaaaaa; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 10px;
    }    

p.darkdetails   {
    text-align: left;
    color: #111111; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 2px 0;
    }    

p.darkertext   {
    text-align: left;
    color: #555555; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 10px 20px 10px 20px;
    }    

p.evendarkertext   {
    text-align: left;
    color: #111111; 
    font-size: 12px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 5px 0;
    }    

p.caption   {
    text-align: left;
    color: #555555; 
    font-size: 9px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 2px 0 0 5px;
    }    

p.tvcaption   {
    text-align: center;
    color: #555555; 
    font-size: 11px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 5px 0 0 5px;
    }    

p.shoplink {
    text-align: left;
    color: #cccccc; 
    font-size: 10px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }   

p.shoplinkdark {
    text-align: left;
    color: #111111; 
    font-size: 10px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }   

p.copyright {
    text-align: left;
    color: #333333; 
    font-size: 9px; 
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 0;
    }   

/*paragraphs tags end---------------------------------------------------------*/


ul.darkdetails   {
    text-align: left;
    color: #111111; 
    font-size: 12px;
    list-style: none;
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 10px 0 2px 30px;
    }    

ul.details   {
    text-align: left;
    color: #aaaaaa; 
    font-size: 12px;
    list-style: none;
    font-weight: normal;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    padding: 0 0 0 10px;
    }    

ul.surfsites   {
    list-style: none;
    }    




/*links tags----------------------------------------------------------*/

a.emaillink:link {
	color: #777777;
	font-size: 10px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 20px 10px 10px;
    }


a.emaillink:visited {
	color: #777777;
	font-size: 10px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 20px 10px 10px;
    }

a.emaillink:hover {
	color: #42d52b;
	font-size: 10px;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 20px 10px 10px;
    }

a.emaillink:active {
	color: #42d52b;
	font-size: 10px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	padding: 0 20px 10px 10px;
    }	


a.darker:link {
	color: #111111;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}


a.darker:visited {
	color: #111111;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.darker:hover {
	color: #42d52b;
	font-size: 12px;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.darker:active {
	color: #42d52b;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}	

a.potency:link {
	color: #333333;
	font-size: 9px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}


a.potency:visited {
	color: #333333;
	font-size: 9px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.potency:hover {
	color: #00d8ff;
	font-size: 9px;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a.potency:active {
	color: #00d8ff;
	font-size: 9px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}	

a:link {
	color: #cccccc;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}


a:visited {
	color: #cccccc;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a:hover {
	color: #42d52b;
	font-size: 12px;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}

a:active {
	color: #42d52b;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-weight: normal;
    border: none;
	}	

/*links tags end---------------------------------------------------------*/


/*header -------------------------------------------------------------------*/
	
div#header {
	background-color: #000000;
	position: absolute;
	top: -112px;
	left: 20px;
	height: 112px;
	width: 960px;
	z-index: 4;
	}

div#ultimate-surf-image-logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	}

div#ultimate-surf-text-logo {
	position: absolute;
	top: 20px;
	left: 190px;
	z-index: 5;
	}

div#construction-message {
	position: absolute;
	top: 20px;
	left: 590px;
	height: 100px;
	width: 300px;
	z-index: 5;
	}


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

/*footer --------------------------------------------------------------*/

div#footer {
	position: relative;
	top: 0px;
	left: 20px;
	height: 186px;
	width: 960px;
	z-index: 6;
	}

div#smallbutton {
	position: absolute;
	bottom: 112px;
	left: 30px;
	height: 66px;
	width: 905px;
	}

ul#nav {
	list-style: none;
	height: 65px;
	width: 100%;}
	
ul#nav li{
	display: inline;
	float: left;
	}
	
ul#nav li a:link, ul#nav li a:visited {
	display: block;
	width: 222px;
	height: 65px;
	padding: 0 2px 0 2px;
	}

ul#nav li a:hover{
	background-position: 0 -65px ;
	}
	
ul#nav li a:active, ul#nav li a.selected{
	background-position: 0 -0px ;
	}
			
ul#nav a.surfboards{
	background: transparent url('images/ultimate-surf-button-surfboards.jpg') top left no-repeat;
	}
	
ul#nav a.accessories{
	background: transparent url('images/ultimate-surf-button-accessories.jpg') top left no-repeat;
	}
	
ul#nav a.snowskate{
	background: transparent url('images/ultimate-surf-button-snow-skate.jpg') top left no-repeat;
	}
	
ul#nav a.tripslessons{
	background: transparent url('images/ultimate-surf-button-trips-lessons.jpg') top left no-repeat;
	}

div#footershapers {
	position: absolute;
	bottom: 25px;
	left: 30px;
	height: 72px;
	width: 900px;
	}

ul#shapers li{
	display: inline;
	float: left;
	padding: 0 1px 0 0;
	}
	
div#copyright {
	position: absolute;
	bottom: 10px;
	left: 30px;
	height: 20px;
	width: 600px;
	}



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

/*Navigation  ---------------------------------------------------------*/

#menuwrapper {
	
	position: absolute;
	top: 72px;
	left: 200px;
	width: 765px;
	z-index: 10;
	}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	}

#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: verdana,arial,helvetica,sans-serif;
	}

#menubar a {
	display: block;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	font-size: 14px;
	color: #CCCCCC;
	font-weight: lighter;
	}

#menubar a.trigger {
	padding: 10px 22px 10px 15px;
	background-color: #000000;
	background-position: right center;
	}

#menubar li {
	float: left;
	width: 15em;
	}

#menubar li ul, #menubar ul li  {
	width: 17em;
	}

#menubar ul li a  {
	color: #000000;
	border-right: 0;
	padding: 5px 25px 5px 15px;
	}

#menubar li ul {
	position: absolute;
	display: none;
	background-color: #000000;
	border-right: 0.5px solid #111111;
	border-bottom: 0.5px solid #111111;
	border-left: 0.5px solid #111111;
	border-top: 0.5px solid #000000;
	}

#menubar li:hover a {
	color: #555555;
	}

#menubar a:focus {
	color: #42d52b;
	} 

#menubar a:active {
	color: #42d52b;
	} 

#menubar li.hvr a {
	color: #555555;
	background-color: #000000;
	}

#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
	}

#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #aaaaaa;
	background-color: transparent;
	}

#menubar ul a:hover {
	background-color: #000000!important;
	color: #555555!important;
	}

#menubar ul a:active {
	background-color: #000000!important;
	color: #42d52b!important;
	}
#menubar li {
	width: auto;
	}

/*Navigation ends ---------------------------------------------------------*/

/*Slideshow ---------------------------------------------------------*/


#slideshow {
    position:absolute;
    height:205px;
    width: 900px;
    left: 50px;
    z-index:8;
    }

#slideshow IMG {
    position:absolute;
    z-index:5;
	top: 0px;
	left: 0px;
	}

#slideshow IMG.active {
    z-index:7;
	}

#slideshow IMG.last-active {
    z-index:6;
	}

/*slideshow ends ---------------------------------------------------------*/

/*Stock listings button -----------------------------------------------*/

div#experiencedstocklink {
	position: absolute;
	top: 380px;
	right: 120px;
	height: 80px;
	width: 100px;
	z-index:6;
	}

div#supstocklink {
	position: absolute;
	top: 470px;
	left: 200px;
	width: 100px;
	Height: 58px;
	z-index:6;
	}

div#skimstocklink {
	position: absolute;
	top: 250px;
	right: 100px;
	width: 100px;
	Height: 58px;
	z-index:6;
	}

div#skatestocklink {
	position: absolute;
	top: 470px;
	left: 465px;
	width: 100px;
	Height: 58px;
	z-index:6;
	}

div#wetsuitstocklink {
	position: absolute;
	top: 270px;
	right: 100px;
	width: 100px;
	Height: 58px;
	z-index:6;
	}

div#triplink {
	position: absolute;
	top: 340px;
	left: 380px;
	width: 100px;
	Height: 58px;
	z-index:20;
	}

div#click {
	position: absolute;
	top: 10px;
	left: -120px;
	width: 120px;
	Height: 20px;
	}

ul#stocklink {
	list-style: none;
	height: 58px;
	width: 100%;
	}
	
ul#stocklink li a:link, ul#stocklink li a:visited {
	display: block;
	width: 100px;
	height: 58px;
	padding: 0 0 0 0;
	}

ul#stocklink li a:hover{
	background-position: 0 -59px ;
	}
	
ul#stocklink li a:active, ul#nav li a.selected{
	background-position: 0 -0px ;
	}
			
ul#stocklink a.allstock{
	background: transparent url('images/ultimate-logo-rollover.png') top left no-repeat;
	}

/*Stock listings button end -----------------------------------------------*/

/*Page content starts here------------------------------------------------*/

/*home content---------------------------------------------------------------*/
	
div#homecontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 830px;
	width: 1000px;
	}

div#homeleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 942px;
	}

div#homerightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 942px;
	}


/*home content end----------------------------------------------------------*/


/*home --------------------------------------------------------------*/

div#homebodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 570px;
	width: 1000px;
	z-index: 1;
	}

div#homevideo {
	position: absolute;
	top: 220px;
	left: 50px;
	height: 300px;
	width: 400px;
	z-index: 3;
	}

div#hometext {
	position: absolute;
	top: 240px;
	left: 470px;
	height: 100px;
	width: 480px;
	z-index: 2;
	}

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

/*surf content---------------------------------------------------------------*/
	
div#surfcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 780px;
	width: 1000px;
	}

div#surfleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 892px;
	}

div#surfrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 892px;
	}


/*surf content end----------------------------------------------------------*/

/*surf -------------------------------------------------------------*/

div#surfbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 520px;
	width: 1000px;
	z-index: 1;
	}

div#surftv {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 300px;
	width: 400px;
	z-index: 3;
	}

div#surftext {
	position: absolute;
	top: 330px;
	left: 50px;
	height: 200px;
	width: 400px;
	z-index: 2;
	}

div#surfbigbuttons1 {
	position: absolute;
	top: 0px;
	left: 500px;
	height: 140px;
	width: 423px;
	z-index: 2;
	}

div#surfbigbuttons2 {
	position: absolute;
	top: 160px;
	left: 500px;
	height: 140px;
	width: 423px;
	z-index: 2;
	}

div#surfbigbuttons3 {
	position: absolute;
	top: 320px;
	left: 500px;
	height: 139px;
	width: 423px;
	z-index: 2;
	}

ul#bignav {
	list-style: none;
	height: 139px;
	width: 100%;}
	
ul#bignav li a:link, ul#bignav li a:visited {
	display: block;
	width: 423px;
	height: 139px;
	padding: 0 0 0 0;
	}

ul#bignav li a:hover{
	background-position: 0 -139px ;
	}
	
ul#bignav li a:active, ul#bignav li a.selected{
	background-position: 0 -0px ;
	}
			
ul#bignav a.bigsurfboards{
	background: transparent url('images/ultimate-surf-large-button-surfboards.jpg') top left no-repeat;
	}
	
ul#bignav a.bigwetsuits{
	background: transparent url('images/ultimate-surf-large-button-wetsuits.jpg') top left no-repeat;
	}
	
ul#bignav a.bigaccessories{
	background: transparent url('images/ultimate-surf-large-button-accessories.jpg') top left no-repeat;
	}
	
/*surf end----------------------------------------------------------*/

/*virgin content-----------------------------------------------------------*/
	
div#virgincontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1060px;
	width: 1000px;
	}

div#virginleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1172px;
	}

div#virginrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1172px;
	}


/*virgin content end--------------------------------------------------------*/

/*virgin --------------------------------------------------------------*/


div#virginbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 800px;
	width: 1000px;
	z-index: 1;
	}

div#boardrange {
	position: absolute;
	top: 225px;
	left: 50px;
	height: 430px;
	width: 400px;
	z-index: 4;
	}

div#mallinkimage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 117px;
	height: 422px;
	}

ul#malboard {
	list-style: none;
	height: 422px;
	width: 100%;}
	
ul#malboard li a:link, ul#malboard li a:visited {
	display: block;
	width: 117px;
	height: 422px;
	padding: 0 3px 0 0;
	}

ul#malboard li a:hover{
	background-position: 0  -421px ;
	}
	
ul#malboard li a:active, ul#malboard li a.selected{
	background-position: 0 -0px ;
	}
			
ul#malboard a.mal{
	background: transparent url('images/mal.png') top left no-repeat;
	}

div#gunimagelink {
	position: absolute;
	top: 1px;
	left: 128px;
	}

ul#gunboard {
	list-style: none;
	height: 364px;
	width: 100%;}
	
ul#gunboard li a:link, ul#gunboard li a:visited {
	display: block;
	width: 113px;
	height: 363px;
	padding: 0 0 0 0;
	}

ul#gunboard li a:hover{
	background-position: 0 -366px ;
	}
	
ul#gunboard li a:active, ul#gunboard li a.selected{
	background-position: 0 -0px ;
	}
			
ul#gunboard a.gun{
	background: transparent url('images/gun.png') top left no-repeat;
	}

div#fishimagelink {
	position: absolute;
	top: 0px;
	left: 254px;
	}

ul#fishboard {
	list-style: none;
	height: 344px;
	width: 100%;}
	
ul#fishboard li a:link, ul#fishboard li a:visited {
	display: block;
	width: 115px;
	height: 344px;
	padding: 0 3px 0 0;
	}

ul#fishboard li a:hover{
	background-position: 0 -345px ;
	}
	
ul#fishboard li a:active, ul#fishboard li a.selected{
	background-position: 0 -0px ;
	}
			
ul#fishboard a.fish{
	background: transparent url('images/fish.png') top left no-repeat;
	}

div#shortimagelink {
	position: absolute;
	top: 0px;
	left: 377px;
	}

ul#shortboard {
	list-style: none;
	height: 329px;
	width: 100%;}
	
ul#shortboard li a:link, ul#shortboard li a:visited {
	display: block;
	width: 110px;
	height: 329px;
	padding: 0 3px 0 0;
	}

ul#shortboard li a:hover{
	background-position: 0 -330px ;
	}
	
ul#shortboard li a:active, ul#shortboard li a.selected{
	background-position: 0 -0px ;
	}
			
ul#shortboard a.short{
	background: transparent url('images/short.png') top left no-repeat;
	}

div#virginboardstext {
	position: absolute;
	top: 225px;
	left: 540px;
	height: 200px;
	width: 410px;
	z-index: 2;
	}

div#virginshapers {
	position: absolute;
	top: 445px;
	left: 50px;
	height: 300px;
	width: 900px;
	z-index: 3;
	}

div#virginbear {
	position: absolute;
	top: 0px;
	right: 210px;
	}

div#virginjimmy {
	position: absolute;
	top: 108px;
	right: 25px;
	}

div#virginplacebo {
	position: absolute;
	top: 240px;
	left: 240px;
	}

div#virginchilli {
	position: absolute;
	top: 210px;
	right: 30px;
	}

div#virginlost {
	position: absolute;
	top: 110px;
	left: 460px;
	}

div#virginrazor {
	position: absolute;
	top: 220px;
	left: 440px;
	}

div#virginfirewire {
	position: absolute;
	top: 0px;
	right: 10px;
	}

div#virginbarron {
	position: absolute;
	top: 135px;
	left: 280px;
	}

div#virginnaish {
	position: absolute;
	top: 200px;
	left: 30px;
	}

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

/*experienced content--------------------------------------------------------*/
	
div#experiencedcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 780px;
	width: 1000px;
	}

div#experiencedleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 892px;
	}

div#experiencedrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 892px;
	}


/*experienced content end----------------------------------------------------*/

/*experienced ------------------------------------------------------------*/


div#experiencedbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 520px;
	width: 1000px;
	z-index: 1;
	}

div#experiencedimage {
	position: absolute;
	top: 225px;
	left: 50px;
	height: 244px;
	width: 900px;
	z-index: 2;
	}

div#experiencedtext {
	position: absolute;
	top: 250px;
	right: 90px;
	height: 200px;
	width: 260px;
	z-index: 3;
	}


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

/*sup content---------------------------------------------------------------*/
	
div#supcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 880px;
	width: 1000px;
	}

div#supleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 992px;
	}

div#suprightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 992px;
	}


/*sup content end----------------------------------------------------------*/

/*sup --------------------------------------------------------------*/


div#supbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 620px;
	width: 1000px;
	z-index: 1;
	}

div#supcollage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 228px;
	width: 910px;
	z-index: 2;
	}

div#suptext {
	position: absolute;
	top: 243px;
	left: 50px;
	height: 200px;
	width: 480px;
	z-index: 2;
	}

div#suptv {
	position: absolute;
	top: 253px;
	left: 550px;
	height: 300px;
	width: 400px;
	z-index: 3;
	}

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

/*skimbody content-----------------------------------------------------------*/
	
div#skimbcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1580px;
	width: 1000px;
	}

div#skimbodyleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1692px;
	}

div#skimbodyrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1692px;
	}


/*skimbody content end------------------------------------------------------*/

/*skim and body --------------------------------------------------------------*/


div#skimbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 1320px;
	width: 1000px;
	z-index: 1;
	}

div#skimbodyimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 205px;
	width: 900px;
	z-index: 2;
	}

div#skimbodytitle {
	position: absolute;
	top: 235px;
	left: 50px;
	width: 560px;
	Height: 60px;
	z-index: 2;
	}

div#skimboardone {
	position: absolute;
	top: 333px;
	left: 50px;
	height: 360px;
	width: 299px;
	z-index: 2;
	}

div#skimboardonetext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

div#skimboardtwo {
	position: absolute;
	top: 333px;
	left: 350px;
	height: 360px;
	width: 299px;
	z-index: 2;
	}

div#skimboardtwotext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

div#skimboardthree {
	position: absolute;
	top: 333px;
	left: 650px;
	height: 360px;
	width: 299px;
	z-index: 2;
	}

div#skimboardthreetext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

div#bodyboardone {
	position: absolute;
	top:780px;
	left: 50px;
	height: 430px;
	width: 299px;
	z-index: 2;
	}

div#bodyboardonetext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

div#bodyboardtwo {
	position: absolute;
	top: 780px;
	left: 350px;
	height: 430px;
	width: 299px;
	z-index: 2;
	}

div#bodyboardtwotext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

div#bodyboardthree {
	position: absolute;
	top: 780px;
	left: 650px;
	height: 430px;
	width: 299px;
	z-index: 2;
	}

div#bodyboardthreetext {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 60px;
	width: 289px;
	}

/*skim and body end----------------------------------------------------------*/

/*wetsuit content---------------------------------------------------------*/
	
div#wetsuitcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1750px;
	width: 1000px;
	}

div#wetsuitleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1862px;
	}

div#wetsuitrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1862px;
	}


/*surf content end----------------------------------------------------------*/

/*wetsuits --------------------------------------------------------------*/


div#wetsuitbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 1550px;
	width: 1000px;
	z-index: 1;
	}

div#wetsuitmainimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 240px;
	width: 900px;
	z-index: 2;
	}

div#wetsuittitle {
	position: absolute;
	top: 260px;
	left: 50px;
	width: 500px;
	Height: 60px;
	z-index: 2;
	}

div#wetsuitone {
	position: absolute;
	top: 370px;
	left: 50px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittextone {
	position: absolute;
	bottom: 0px;
	left: 20px;
	height: 60px;
	width: 290px;
	}

div#wetsuittwo {
	position: absolute;
	top: 370px;
	left: 360px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittexttwo {
	position: absolute;
	bottom: 0px;
	left: -10px;
	height: 60px;
	width: 290px;
	}

div#wetsuitthree {
	position: absolute;
	top: 370px;
	left: 650px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittextthree {
	position: absolute;
	bottom: 0px;
	left: 20px;
	height: 60px;
	width: 259px;
	}

div#wetsuitfour {
	position: absolute;
	top: 960px;
	left: 50px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittextfour {
	position: absolute;
	bottom: 0px;
	left: 20px;
	height: 60px;
	width: 259px;
	}

div#wetsuitfive {
	position: absolute;
	top: 960px;
	left: 380px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittextfive {
	position: absolute;
	bottom: 0px;
	left: 20px;
	height: 60px;
	width: 259px;
	}

div#wetsuitsix {
	position: absolute;
	top: 960px;
	left: 650px;
	height: 421px;
	width: 300px;
	z-index: 2;
	}

div#wetsuittextsix {
	position: absolute;
	bottom: 0px;
	left: 20px;
	height: 60px;
	width: 259px;
	}

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

/*access content-----------------------------------------------------------*/
	
div#accesscontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 820px;
	width: 1000px;
	}

div#accessleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 932px;
	}

div#accessrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 932px;
	}


/*access content end-----------------------------------------------------*/

/*accessories ------------------------------------------------------------*/


div#accessoriesbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 560px;
	width: 1000px;
	z-index: 1;
	}

div#accessoriestext {
	position: absolute;
	top: 240px;
	left: 470px;
	height: 100px;
	width: 480px;
	z-index: 2;
	}

div#accessoriestv {
	position: absolute;
	top: 230px;
	left: 50px;
	height: 300px;
	width: 400px;
	z-index: 2;
	}

div#accessoriesbigbuttons1 {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 82px;
	width: 295px;
	z-index: 2;
	}

div#accessoriesbigbuttons2 {
	position: absolute;
	top: 0px;
	left: 353px;
	height: 82px;
	width: 295px;
	z-index: 2;
	}

div#accessoriesbigbuttons3 {
	position: absolute;
	top: 0px;
	right: 49px;
	height: 82px;
	width: 295px;
	z-index: 2;
	}

div#accessoriesbigbuttons4 {
	position: absolute;
	top: 105px;
	left: 50px;
	height: 82px;
	width: 295px;
	z-index: 2;
	}

div#accessoriesbigbuttons5 {
	position: absolute;
	top: 105px;
	left: 353px;
	height: 82px;
	width: 295px;
	z-index: 2;
	}

div#accessoriesbigbuttons6 {
	position: absolute;
	top: 105px;
	right: 49px;
	height: 97px;
	width: 295px;
	z-index: 2;
	}

ul#accessnav {
	list-style: none;
	height: 82px;
	width: 100%;}
	
ul#accessnav li a:link, ul#accessnav li a:visited {
	display: block;
	width: 295px;
	height: 97px;
	padding: 0 0 0 0;
	}

ul#accessnav li a:hover{
	background-position: 0 -97px ;
	}
	
ul#accessnav li a:active, ul#accessnav li a.selected{
	background-position: 0 -0px ;
	}
			
ul#accessnav a.biggrip{
	background: transparent url('images/ultimate-surf-large-button-grips.jpg') top left no-repeat;
	}
	
ul#accessnav a.bigbags{
	background: transparent url('images/ultimate-surf-large-button-bags.jpg') top left no-repeat;
	}
	
ul#accessnav a.bigfins{
	background: transparent url('images/ultimate-surf-large-button-fins.jpg') top left no-repeat;
	}
	
ul#accessnav a.biglegropes{
	background: transparent url('images/ultimate-surf-large-button-leggies.jpg') top left no-repeat;
	}
	
ul#accessnav a.bigessentials{
	background: transparent url('images/ultimate-surf-large-button-essentials.jpg') top left no-repeat;
	}
	
ul#accessnav a.bigdvds{
	background: transparent url('images/ultimate-surf-large-button-dvds.jpg') top left no-repeat;
	}
	
/*accessories end----------------------------------------------------------*/

/*snow content---------------------------------------------------------------*/
	
div#snowcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 820px;
	width: 1000px;
	}

div#snowleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 932px;
	}

div#snowrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 932px;
	}


/*snow content end----------------------------------------------------------*/

/*snow and skate ------------------------------------------------------------*/


div#snowskatebodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 560px;
	width: 1000px;
	z-index: 1;
	}
	
div#snowboardimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 450px;
	width: 240px;
	z-index: 2;
	}

div#snowskatetv {
	position: absolute;
	top: 0px;
	left: 300px;
	height: 300px;
	width: 400px;
	z-index:1;
	z-index: 2;
	}

div#snowskatetext {
	position: absolute;
	top: 320px;
	left: 300px;
	height: 200px;
	width: 400px;
	z-index: 2;
	}

div#skateboardimage {
	position: absolute;
	top: 0px;
	left: 720px;
	height: 450px;
	width: 240px;
	z-index: 2;
	}

div#freebordimage {
	position: absolute;
	top: 380px;
	left: 660px;
	height: 450px;
	width: 400px;
	z-index: 2;
	}

/*snow and skate end----------------------------------------------------------*/

/*trip content---------------------------------------------------------------*/
	
div#tripcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1530px;
	width: 1000px;
	}

div#tripleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1642px;
	}

div#triprightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1642px;
	}


/*trip content end----------------------------------------------------------*/

/*trips and lessons ---------------------------------------------------------*/


div#tripsbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 1290px;
	width: 1000px;
	z-index: 1;
	}

div#longwaveimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 141px;
	width: 900px;
	z-index: 2;
	}


div#lessonmaintext {
	position: absolute;
	top: 170px;
	left: 50px;
	height: 180px;
	width: 430px;
	z-index: 2;
	}


div#blacksandsurf {
	position: absolute;
	top: 180px;
	right: 288px;
	height: 180px;
	width: 199px;
	z-index: 2;
	}


div#surfsafari {
	position: absolute;
	top: 180px;
	right: 50px;
	height: 180px;
	width: 238px;
	z-index: 2;
	}

div#pointbreak {
	position: absolute;
	top: 415px;
	left: 50px;
	height: 150px;
	width: 442px;
	z-index: 2;
	}

div#beginnertext {
	position: absolute;
	top: 390px;
	left: 550px;
	height: 200px;
	width: 400px;
	z-index: 2;
	}

div#surfcamp {
	position: absolute;
	top: 905px;
	right: 80px;
	height: 110px;
	width: 400px;
	z-index: 2;
	}

div#longboarding {
	position: absolute;
	top: 590px;
	left: 80px;
	height: 300px;
	width: 400px;
	z-index: 2;
	}

div#longboardingimage {
	position: absolute;
	top: 820px;
	left: 50px;
	height: 110px;
	width: 400px;
	z-index: 2;
	}

div#customtrips {
	position: absolute;
	top: 955px;
	left: 80px;
	height: 300px;
	width: 400px;
	z-index: 2;
	}

div#photoclinic {
	position: absolute;
	top: 1040px;
	left: 550px;
	height: 300px;
	width: 400px;
	z-index: 2;
	}

div#surfphotography {
	position: absolute;
	top: 1150px;
	left: 50px;
	height: 110px;
	width: 400px;
	z-index: 2;
	}


/*trips and lessons end-----------------------------------------------------*/

/*tv content---------------------------------------------------------------*/
	
div#tvcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1645px;
	width: 1000px;
	}

div#tvleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1757px;
	}

div#tvrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1757px;
	}


/*tv content end----------------------------------------------------------*/

/*tv --------------------------------------------------------------*/

div#tvbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 1385px;
	width: 1000px;
	z-index: 1;
	}

div#tv1 {
	position: absolute;
	top: 20px;
	left: 127px;
	height: 413px;
	width: 746px;
	z-index: 2;
	}

div#tv2 {
	position: absolute;
	top: 463px;
	left: 127px;
	height: 413px;
	width: 746px;
	z-index: 2;
	}

div#tv3 {
	position: absolute;
	top: 906px;
	left: 127px;
	height: 413px;
	width: 746px;
	z-index: 2;
	}



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

/*contact content-----------------------------------------------------------*/
	
div#contactcontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1050px;
	width: 1000px;
	}

div#contactleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1162px;
	}

div#contactrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1162px;
	}


/*contact content end---------------------------------------------------*/

/*contact --------------------------------------------------------------*/

div#contactbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 850px;
	width: 1000px;
	z-index: 1;
	}

div#maincontactimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 402px;
	width: 900px;
	z-index: 2;
	}

div#contacttext {
	position: absolute;
	top: 30px;
	left: 550px;
	height: 250px;
	width: 350px;
	z-index: 3;
	}

div#shophours {
	position: absolute;
	top: 460px;
	left: 120px;
	height: 80px;
	width: 170px;
	z-index: 2;
	}

div#shoplocation {
	position: absolute;
	top: 560px;
	left: 120px;
	height: 80px;
	width: 160px;
	z-index: 2;
	}

div#postaladdress {
	position: absolute;
	top: 660px;
	left: 120px;
	height: 80px;
	width: 160px;
	z-index: 2;
	}

div#googlemap {
	position: absolute;
	top: 422px;
	right: 50px;
	height: 400px;
	width: 600px;
	z-index: 2;
	}

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

/*links content-----------------------------------------------------------*/
	
div#linkscontent {
	background: #000000;
   	position: relative;
	top: 112px;
	left: 0px;
	height: 1050px;
	width: 1000px;
	}

div#linksleftshadow {
	background: #000000 url('images/left-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	left: 0px;
	width: 20px;
	height: 1162px;
	}

div#linksrightshadow {
	background: #000000 url('images/right-shadow.jpg') repeat-y center top;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 20px;
	height: 1162px;
	}


/*links content end---------------------------------------------------*/

/*links --------------------------------------------------------------*/

div#linksbodycontent {
	background:  url('images/ultimate_surf_background_logo.png') repeat-y center top;
	position: relative;
	top: 10px;
	left: 0px;
	height: 850px;
	width: 1000px;
	z-index: 1;
	}

div#mainlinksimage {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 210px;
	width: 900px;
	z-index: 2;
	}


div#linksinfotext {
	position: absolute;
	top: 250px;
	left: 40px;
	height: 100px;
	width: 250px;
	z-index: 2;
	}

div#linksinfologos {
	background-color: #ffffff;
	position: absolute;
	top: 374px;
	left: 60px;
	height: 350px;
	width: 152px;
	padding: 30px;
	z-index: 2;
	}

div#buoyweathereast {
	position: absolute;
	top: 250px;
	left: 310px;
	height: 540px;
	width: 300px;
	z-index: 2;
	}

div#buoyweatherwest {
	position: absolute;
	top: 250px;
	left: 650px;
	height: 540px;
	width: 300px;
	z-index: 2;
	}


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