/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #330099;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding-bottom: 0px;
	font-size: 11px;
	color: #dd0808;
}

p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 12px;
}

/* Divs */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 0;
	width: 900px;
}

#nav {
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding-left: 15px;
	list-style: none;
}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	color: #00ffcc;
	font-size: 11px;
	letter-spacing: 1.5px;
}

#nav a {
	margin: 0;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

#nav a:hover {
	background-color: #006699;
}

#main_report a, #main_report a:hover, #main_contact a {
	color: #00ffcc;
}

#main_contact a, #main_contact a:hover {
	color: #f2c6f1;
}

/* mainWrapper div styles */
#mainWrapper_shopHistory, #mainWrapper_shopStaff, #mainWrapper_surfboardz, #mainWrapper_wetsuitz, #mainWrapper_dvdz, #mainWrapper_sandalz, #mainWrapper_rentalz, #mainWrapper_more, #mainWrapper_report {
	margin: 0;
	padding: 0;
	width: 900px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
}

#mainWrapper_shopHistory {
	background-image: url(../images/bg-shop-history.jpg);
}

#mainWrapper_shopStaff {
	background-image: url(../images/bg-shop-staff.jpg);
}

#mainWrapper_surfboardz {
	background-image: url(../images/bg-surfboardz.jpg);
}

#mainWrapper_wetsuitz {
	background-image: url(../images/bg-wetsuitz.jpg);
}

#mainWrapper_dvdz {
	background-image: url(../images/bg-dvdz.jpg);
}

#mainWrapper_sandalz {
	background-image: url(../images/bg-sandalz.jpg);
}

#mainWrapper_rentalz {
	background-image: url(../images/bg-rentalz.jpg);
}

#mainWrapper_more {
	background-image: url(../images/bg-more.jpg);
}

#mainWrapper_report {
	background-image: url(../images/bg-surf-report.jpg);
}

#mainWrapper_contact {
	margin: 0;
	padding: 0;
	width: 900px;
	background-color: #4830ab;
	clear: both;
}

/* main div styles */
#main_shopHistory {
	margin: 0;
	padding: 220px 10px 10px;
	float: left;
}

#main_shopStaff {
	margin: 0;
	padding: 10px;
	width: 530px;
	float: left;
}

#main_surfboardz {
	margin: 0;
	padding-top: 265px;
	padding-right: 10px;
	padding-bottom: 15px;
	width: 190px;
	float: right;
}

#main_wetsuitz {
	margin: 0;
	padding-top: 170px;
	padding-right: 35px;
	width: 185px;
	float: right;
}

#main_dvdz {
	margin: 0;
	padding-top: 330px;
	padding-right: 50px;
	padding-bottom: 140px;
	width: 170px;
	float: right;
}

#main_sandalz {
	margin: 0;
	padding-top: 120px;
	padding-right: 30px;
	width: 180px;
	float: right;
}

#main_rentalz {
	margin: 0;
	padding-top: 235px;
	padding-right: 30px;
	width: 190px;
	float: right;
}

#main_report {
	margin: 0;
	padding-top: 70px;
	padding-right: 30px;
	padding-bottom: 160px;	
	width: 170px;
	float: right;
}

#main_more {
	margin: 0;
	padding-top: 430px;
	padding-left: 100px;
	padding-bottom: 10px;
	width: 150px;
	float: left;
}

#main_contact {
	margin: 0;
	padding: 0;
}

#main_shopHistory p {
	margin: 0;
	padding-bottom: 10px;
	width: 190px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height: 12px;
}

#main_wetsuitz p {
	margin: 0;
	padding-bottom: 10px;
	width: 190px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height: 12px;
}

#main_dvdz p, #main_sandalz p, #main_rentalz p, #main_report p, #main_surfboardz p, #main_more p {
	margin: 0;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height: 12px;
}

#main_sandalz p, #main_surfboardz p {
	text-align: right;	
}

#main_contact h1 {
	margin: 0;
	padding-top: 0px;
	padding-left: 15px;
	font-size: 12px;
	color: #fff;
	float: left;
}

#main_contact h2 {
	margin: 0;
	padding-top: 30px;
	padding-right: 100px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	font-size: 16px;
	color: #ef61e6;
	float: left;
}

#main_contact address {
	margin: 0;
	padding-left: 15px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height: 18px;
	font-style: normal;
	float: left;
}

#main_contact img {
	float: left;
}

/* caption div styles */
#caption_shopHistory {
	margin: 0;
	padding-left: 50px;
	padding-top: 500px;
	width: 300px;
	float: left;
}

#caption_shopStaff {
	margin: 0;
	padding-right: 50px;
	padding-top: 400px;
	width: 200px;
	float: right;
	text-align: right;
}

#caption_surfboardz {
	margin: 0;
	padding-right: 10px;
	padding-top: 520px;
	padding-bottom: 10px;
	width: 220px;
	float: right;
}

#caption_surfboardz2 {
	margin: 0;
	padding-right: 230px;
	padding-top: 340px;
	width: 160px;
	float: right;
}

#caption_wetsuitz {
	margin: 0;
	padding-right: 150px;
	padding-top: 575px;
	padding-bottom: 10px;
	width: 200px;
	float: right;
}

#caption_dvdz {
	margin: 0;
	padding-right: 20px;
	padding-top: 525px;
	width: 200px;
	float: right;
}

#caption_sandalz {
	margin: 0;
	padding-right: 450px;
	padding-top: 525px;
	padding-bottom: 30px;
	width: 200px;
	float: right;
}

#caption_rentalz {
	margin: 0;
	padding-right: 0;
	padding-top: 50px;
	padding-bottom: 10px;
	width: 500px;
	float: right;
}

#caption_dvdz2 {
	margin: 0;
	padding-right: 75px;
	padding-top: 450px;
	width: 125px;
	float: right;
}

#caption_more {
	margin: 0;
	padding-left: 275px;
	padding-top: 525px;
	padding-bottom: 10px;
	width: 200px;
	float: left;
}

#caption_report {
	margin: 0;
	padding-right: 180px;
	padding-top: 440px;
	padding-bottom: 10px;
	width: 300px;
	float: right;
}

#caption_wetsuitz p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
}

#caption_shopHistory p, #caption_shopStaff p, #caption_dvdz p, #caption_dvdz2 p, #caption_rentalz p, #caption_report p, #caption_surfboardz p, #caption_surfboardz2 p, #caption_more p, #caption_more2 p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1.5px;
}

#caption_report p {
	text-align: right;
}

#caption_surfboardz2 p {
	text-align: center;
}

#footer {
	margin: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 900px;
	text-align: center;
}

/* class styles */
.bio {
	margin-top: 35px;
	padding-right: 15px;
	width: 250px;
	float: left;
}

.bio img {
	float: left;
	padding-right: 10px;
}

.bio p {
	margin: 0;
	padding-top: 5px;
}

#footer a, .bio a {
	color: #FFFFFF;
}

.bio a:hover {
	text-decoration: underline;
}

.blueParaText {
	color: #0e1e6f;
}

.redParaText {
	color: #d70808;
}

.ltBlueParaText {
	color: #abf6d9;
}

.yellowParaText {
	color: #f9ea3e;
}

.pinkParaText {
	color: #f2c6f1;
}

.fusciaParaText {
	color: #ef61e6;
}

.clearer {
	clear: both;
}

.floatImgRight img {
	float: right;
	padding-left: 10px;
}

.floatImgRight p {
	text-align: right;
}

.here {
	background-color: #006699;
}