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

#page-container {
	width: 1000px;
	margin: auto;

}
#left {
	height: 550px;
	padding-bottom:50px;
	text-align: center;
	width: 139px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #8AC7C8;
	position: relative;
}
#leftboards {
	height: 1150px;
	padding-bottom:50px;
	text-align: center;
	width: 139px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #8AC7C8;
	position: relative;
}
#right {
	height: 550px;
	padding-bottom:50px;
	text-align: center;
	width: 180px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 0px;
	border-left-width: 6px;
	border-right-style: none;
	border-left-color: #FFF;
	background-color: #8AC7C8;
	float: right;
	position: relative;
	top: -600px;
	right: -550px;
	border-left-style: solid;
}
#rightrentals {
	height: 1150px;
	padding-bottom:50px;
	width: 177px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 10px;
	border-left-width: 6px;
	border-right-style: none;
	border-left-color: #FFF;
	background-color: #8AC7C8;
	float: right;
	position: relative;
	top: -1200px;
	border-left-style: solid;
	text-align: center;
	right: 49px;
}
#main1 {
	height: 630px;
	padding-bottom:50px;
	text-align: center;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #1E8226;
	position: relative;
	top: -600px;
	right: 235px;
	float: right;
}
#main2 {
	padding-bottom:50px;
	width: 800px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	top: -800px;
	float: left;
	left: 161px;
}
#main3 {
	padding-bottom:50px;
	width: 790px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	position: relative;
	top: -1200px;
	right: 49px;
	background-color: #FFF;
	
}
#mainrentals{
	width: 558px;
	position: relative;
	top: -1200px;
	float: left;
	left: 165px;
	background-color: #FFF;
	margin: 0px;
	padding: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#bottomb  {
	color:#FFF;
	clear: none;
	height: 400px;
	width: 951px;
	background-color: #333;
	top: -240px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#bottomc  {
	color:#333;
	clear: none;
	height: 400px;
	width: 951px;
	background-color: #333;
	position: relative;
	top :-335px;
}
#bottomd  {
	color:#333;
	height: 200px;
	width: 951px;
	background-color: #333;
	position: relative;
	text-align: center;
	left: 0px;
	top: -213px;
}
#bottome  {
	color:#FFF;
	height: 200px;
	width: 951px;
	background-color: #333;
	position: relative;
	text-align: center;
	top: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#clothesbox1 {
	height: 160px;
	width: 160px;
	background-color: #09F;
	padding: 5px;
	clear: right;
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#clothesbox2 {
	height: 160px;
	width: 160px;
	background-color: #FF3;
	padding: 5px;
	clear: right;
	float: right;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#clothesbox3 {
	height: 160px;
	width: 160px;
	background-color: #9F6;
	padding: 5px;
	margin: 0 auto;
	position: relative;	
	text-align: center;
	
}
#clothesbox4 {
	height: 160px;
	width: 160px;
	background-color: #666;
	padding: 5px;
	clear: right;
	float: left;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
#clothesbox5 {
	height: 160px;
	width: 160px;
	background-color: #390;
	padding: 5px;
	clear: right;
	float: right;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
#clothesbox6 {
	height: 160px;
	width: 160px;
	background-color: #069;
	padding: 5px;
	margin: 0 auto;
	position: relative;	
	margin-top: 15px;
	text-align: center;
}

#boardsbox1 {
	width: 160px;
	background-color: #CC0;
	padding: 5px;
	clear: right;
	float: left;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#boardsbox2 {
	width: 160px;
	background-color: #99F;
	padding: 5px;
	clear: right;
	float: right;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#boardsbox3 {
	width: 160px;
	background-color: #6CF;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	
}
#boardsbox4 {
	width: 160px;
	background-color: #09F;
	padding: 5px;
	clear: right;
	float: left;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
#boardsbox5 {
	width: 160px;
	background-color: #0CC;
	padding: 5px;
	clear: right;
	float: right;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
#boardsbox6 {
	width: 160px;
	background-color: #F00;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
	text-align: center;
}
#boardsbox7 {
	width: 160px;
	background-color: #FC3;
	padding: 5px;
	clear: right;
	float: left;
	position: relative;
	margin-top: 15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#boardsbox8 {
	width: 160px;
	background-color: #F60;
	clear: right;
	float: right;
	position: relative;
	margin-top: 15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#boardsbox9 {
	width: 160px;
	background-color: #FFC;
	padding: 5px;
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.words {color: blue; 
		font-family: Helvetica, sans-serif;
		font-size: 14px;
}
.top {
	position: relative;
	top: 0px;
	left: 0px;
}
.rightsubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #B6E35A;
	width: 180px;
	color: #033;
	position: relative;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding: 5px;
	margin-right: 5px;
}


.main {
	background-image: url(bgs/bg.gif);
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}
.mainweather {
	background-image: url(bgs/bg.gif);
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.righton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 5px;
	background-color: #B4D1C7;
	height: 562px;
	width: 190px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	left: 764px;
	top: 108px;
	position: relative;
}
.blogtitle {
	width: 180px;
	left: 10px;
	top: 5px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.bolghome {
	position: relative;
	width: 180px;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
}
.weatherhome {
	position: relative;
	width: 180px;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}
.weathertitle {
	position: relative;
	width: 180px;
	left: 10px;
	top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	}
.scroller {
	position: relative;
	left: 160px;
	top: -430px;
}

.rightgraphic {
	left: 8px;
	top: 20px;
	position: relative;
}

.surfergirl {
	left: 30px;
	top: 760px;
	position: relative;
}
itemtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.righttitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	padding: 10px;
}
.bodypages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 165px;
	top: -798px;
	width: 530px;
	border: 1px solid #033;
	height: 240px;
	text-indent: 10px;
}
.rentalsbodypages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 165px;
	top: -798px;
	width: 530px;
	border: 1px solid #033;
	height: 740px;
	text-indent: 10px;
}
.longbodypages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 180px;
	top: 121px;
	width: 530px;
	border: 1px solid #033;
	height: 460px;
	text-indent: 10px;
}
.lowerbodypages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 0px;
	white-space: normal;
	position: relative;
	left: 190px;
	top: 640px;
	width: 530px;
	border: 1px solid #033;
	height: 120px;
}
.homebodypages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: -41px;
	width: 530px;
	border: 1px solid #033;
	height: 230px;
	text-indent: 10px;
}
.boardsbodypages {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 166px;
	top: -798px;
	width: 740px;
	border: 1px solid #033;
	height: 240px;
	text-indent: 10px;
}
.weatherbodypages {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 179px;
	top: 120px;
	width: 745px;
	border: 1px solid #033;
	height: 1840px;
	text-indent: 10px;
}
.manufboardsbodypages {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	background-color: #FFF;
	margin: 4px;
	text-align: left;
	padding: 20px;
	white-space: normal;
	position: relative;
	left: 179px;
	top: 120px;
	width: 745px;
	border: 1px solid #033;
	height: 400px;
	text-indent: 10px;
}
.left {
	background-color: #8AC7C8;
	top: 120px;
	height: 662px;
	width: 154px;
	color: #8AC7C8;
	left: 21px;
	position: relative;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.leftlower {
	background-color: #8AC7C8;
	top: 766px;
	height: 262px;
	width: 150px;
	color: #8AC7C8;
	left: 20px;
	position: relative;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.rightwords {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-align: left;
}
rentals {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	text-indent: 4;
}

.topbanner {
	position: relative;
}
.bottom {
	position: relative;
	top: 870px;
	background-color: #000;
	height: 190px;
	width: 951px;
	left: 20px;
}
.bottompages {
	position: relative;
	top: 770px;
	background-color: #000;
	height: 190px;
	width: 951px;
	left: 20px;
	padding: 20px;
	text-align: center;
}
.bottomweather {
	position: relative;
	top: 2270px;
	background-color: #000;
	height: 190px;
	width: 951px;
	left: 20px;
}

.nav {
	position: relative;
	left: 20px;
	top: 140px;
}

.beginner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #B6E35A;
	border: 4px solid #FFF;
	text-align: center;
	font-weight: bold;
	text-indent: 5;
	padding: 5px;
	margin: 11px;
}
.4boardsbeginner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #B6E35A;
	border: 4px solid #FFF;
text-align: center;
	font-weight: bold;
	text-indent: 5;
	margin: 10px;
}
.intermediate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 190px;
	width: 160px;
	position: relative;
	background-color: #FF3;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	float: right;
	margin: 11px;
}
.4boardsintermediate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	margin: 10px;
	background-color: #FF3;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	
}
.intad{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #0CF;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 11px;
}
.4boardsintad{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #0CF;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.boardslong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 160px;
	width: 745px;
	position: relative;
float: right;
	background-color: #0CF;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.smbox1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #000;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 11px;
}
.4boardssmbox1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	width: 360px;
	position: relative;
	float: none;
	border: 4px none #FFF;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 10px;
}
.ad{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #F63;
	border: 4px solid #FFF;
	text-align: center;
	font-weight: bold;
	margin: 11px;
}
.4boardsad{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #F63;
	border: 4px solid #FFF;
	text-align: center;
	font-weight: bold;
	margin: 10px;
}
.expert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #F00;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 11px;
	clear: right;
}
.4boardsexpert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #F00;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.highpnr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #96F;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 11px;
}
.4boardshighpnr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #96F;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.smbox2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #FFF;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 11px;
}
.4boardssmbox2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px;
	height: 190px;
	width: 160px;
	position: relative;
float: right;
	background-color: #FFF;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
.kids{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	height: 160px;
	width: 160px;
	position: relative;
	float: right;
	background-color: #96F;
	border: 4px solid #FFF;
	font-weight: bold;
	text-align: right;
	margin: 10px;
}
.logo {
	position: relative;
	left: 600px;
	top: 250px;
}
.boardgallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	height: 160px;
	width: 2597px;
	position: relative;
	left: 185px;
	top: 415px;
	background-color: #B6E35A;
	border: 4px solid #FFF;
	text-align: right;
	font-weight: bold;
	text-indent: 5;
}
.boardimages {
}
.boardslogos {
	position: relative;
	left: 375px;
	top: 12px;
}
.secondrow {
	font-family: Arial, Helvetica, sans-serif;
	height: 350px;
	width: 250px;
	padding-left: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-left-color: #333;
	position: relative;
	left: 450px;
	top: 250px;
	font-size: 12px;
}