/* ——---———RESET——-———-*/

html, body, section,header, footer, div, span, aside, article, figure, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, a, img, dl, dt, dd, ol, ul, li,
form,table, tr, th, td 
{ 

margin: 0;
padding: 0;
border: 0;} 

@import "reSet.css";
@import "fonts.css";

@font-face {
    font-family: "fonts/PacificoRegular";
    src: url("font/Pacifico-webfont.eot?#iefix") format("embedded-opentype"), 
    src: url("font/Pacifico-webfont.woff") format("woff"), 
    	 url("font/Pacifico-webfont.ttf") format("truetype"), 
    	 url("font/Pacifico-webfont.svg#PacificoRegular") format("svg");
	font-style: normal;
    font-weight: normal;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 10, 2012 01:33:54 PM America/New_York */



@font-face {
    font-family: 'fonts/SignikaLight';
    src: url('fonts/Signika-Light-webfont.eot');
    src: url('fonts/Signika-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Light-webfont.woff') format('woff'),
         url('fonts/Signika-Light-webfont.ttf') format('truetype'),
         url('fonts/Signika-Light-webfont.svg#SignikaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SignikaRegular';
    src: url('fonts/Signika-Regular-webfont.eot');
    src: url('fonts/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Regular-webfont.woff') format('woff'),
         url('fonts/Signika-Regular-webfont.ttf') format('truetype'),
         url('fonts/Signika-Regular-webfont.svg#SignikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SignikaSemibold';
    src: url('fonts/Signika-Semibold-webfont.eot');
    src: url('fonts/Signika-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Semibold-webfont.woff') format('woff'),
         url('fonts/Signika-Semibold-webfont.ttf') format('truetype'),
         url('fonts/Signika-Semibold-webfont.svg#SignikaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SignikaBold';
    src: url('fonts/Signika-Bold-webfont.eot');
    src: url('fonts/Signika-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Bold-webfont.woff') format('woff'),
         url('fonts/Signika-Bold-webfont.ttf') format('truetype'),
         url('fonts/Signika-Bold-webfont.svg#SignikaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


#bac{
position: absolute;
width: 100%;
}
.wrapper {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
position: relative;
width: 980px;
}

#wrapper1 {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
position: relative;
width: 980px;
}


body{
background-color:#FFFFFF;
font-size: 16px;
font-family:'SignikaRegular',arial, sans-serif;
line-height: 150%;
text-align: left;
height: 100%
margin: 0;
padding: 0;
width: 100%;
}

header {
	position: relative;
	z-index: 1;
	width: 980px;
}

nav ul, li {
	display: inline;
	width: 980px;
}

nav {
	border-bottom: 9px solid #0875ac;
    height: 30px;
    width: 100%;
    margin-top: -40px;
    padding-left: 53%;
    padding-right: 47%;
    font-family: 'SignikaLight',sans-serif;
    position: relative;
    z-index: 2;
}

nav a {
	background-color: #0875ac;
	border-radius: 12px 12px 1px 1px;
	color: #FFFFFF;
	float:;
	font-family: 'SignikaLight',sans-serif;
	font-size: .8em;
	height: 45px;
	line-height: 1.6em;
	margin: 0 10px 0 0;
	padding: 15px 15px 15px 15px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

nav a:hover {
	background-color: #FE9A2E;
	color: #0875ac;
	text-decoration: none;
}

section a:hover, section a:hover, a:hover {
	color: #0875ac;
	text-decoration: underline;
}

section a, a {
	color: #FE9A2E;
	text-decoration: none;
}

#index a#homenav, #spots a#spotsnav, #parts a#partsnav, #tips a#tipsnav, #contact a#contactnav {
	background-color: #0875ac;
	color: #FFFFFF;
}

#welcome {
	z-index: 1;
	padding-left: 0px;
}

#blueBoard {
	margin-left: -35px;
	margin-bottom: -25px;
}

#blueWavesHome {
	margin-top: 22px;
}

#blueWavesParts {
	margin-top: 30px;
	margin-bottom: -65px;
	margin-left: 25px;
}

#homeimage {
	border: 1px solid #FE9A2E;
    background-image: url("Images/3pplRunning.jpg");
    background-repeat: no-repeat;
    float: left;
 	height: 300px;
 	width: 500px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 35px;
    margin-top: 15px;
    margin-left: 0px;
}

#rightHome {
	border-left: 1px dotted #FE9A2E;
	padding-left: 55px;
    float: right;
    font-size: 1em;
    padding-right: 0;
    padding-top: 0px;
    width: 37%;
    height: auto;
    margin-top: 30px;
    margin-left: 0px;
}

#frontFontTop {
	color: #5D6367;
	position: relative;
	font-family: 'SignikaRegular', arial;
	font-size: 1.15em;
	padding-bottom: 0px;
}

#frontFontBottom {
	color: #5D6367;
	position: relative;
	font-family: 'SignikaRegular', arial;
	font-size: 1.25em;
	padding-bottom: 0px;
}

.topimage {
	font-family: 'Pacifico', cursive, san serif;
	margin-left: -7px;
	margin-top: 30px;
	background-color: #FFFF00;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	width: 175px;
	border:1px solid;
	border-radius: 0 10px 10px 0;
}

#rightHomeBottom {
    float: right;
    font-size: 1em;
    padding-left: 0%;
    padding-right: 1%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 35%;
    height: auto;
    background-color: #5D6367;
    border-radius: 15px 15px 15px 15px;
    margin-top: -20px;
    margin-left: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
}

#leftHomeBottom {
	border-right: 1px dotted #FE9A2E;
	padding-right: 44px;
    font-size: 1em;
    height: auto;
    padding-left: 0;
    width: 53%;
    float: left;
    margin-top: -15px;
}

.rightsectionfront {
color: #FFFF00;
font-size: 1.9em;
font-family: 'Pacifico', cursive;
text-align: center;
}

.sideRules {
	color: #FE9A2E;
	font-size: 1.15em;
	font-family: 'SignikaBold', arial;
}

.bodyFont {
	color: #5D6367;
}

.linksFont {
	color: #5D6367;
	padding-left: 15px;
}


#replyimage {
	background-image: url("Images/2surfboards.jpg");
	background-repeat: no-repeat;
	height: 400px;
	width: 600px;
	margin-top: 15px;
	float: left;	
	
}

#rightReply {
	float: right;
	width: 38%;
	margin-top: 120px;
	font-size: 1.5em;
}

.backimage {
	font-family: 'SignikaSemibold';
	margin-left: -7px;
	margin-top: 80px;
	background-color: #FFFF00;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	width: 150px;
	border:1px solid;
	border-radius: 0 10px 10px 0;
}


.equipAside {
	background-color: #E6E6E6;
	border-radius: 8px 8px 8px 8px;
	float: left;
	font-size: 1.2em;
	height: auto;
	padding: 15px;
	position: relative;
	width: 200px;
	margin-top: 40px;
}

#partsAside {
	background-color: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	padding-right: 20px;
}

#partsAsideTitle {
	color: #0875ac;
}

#nose {
	float: left;
	height: auto;
	position: relative;
	width: 33%;
	margin-top: 20px;
	margin-left: 30px;
}

#deck {
	float: right;
	width: 33%;
	position: relative;
	margin-top: 20px;
	border-left: 1px dotted #FE9A2E;
	padding-left: 18px;
}

ul, menu, dir {
	height: auto;
	padding-left: 20px;
	list-style-type: none;
}

aside {
	background-color: #E6E6E6;
	border-radius: 20px 20px 20px 20px;
	float: left;
	font-size: .8em;
	height: auto;
	padding: 10px;
	position: relative;
	width: 25%;
	margin-top: 30px;	
}



.titleAside {
	color: #FE9A2E;
	text-align: center;
	font-size: 2.5em;
	padding-top: 10px;
	font-family: 'Pacifico', cursive, arial;
	padding-bottom: 20px;
}

li.board {
	list-style-type: none;
	background: url(Images/boardbullet.png) no-repeat;
	height: 400px;
	padding-left: 35px;
	font-size: 1.4em;
	line-height: 250%;
	margin-left: 20px;
}

li.contactBullet {
	list-style-type: none;
	background: url(Images/contactBullet.png) no-repeat;
	height: 400px;
	padding-left: 35px;
	font-size: 1.1em;
	line-height: 100%;
	margin-left: 20px;
	color: #FE9A2E;
}

li.sun {
	list-style-type: none;
	background: url(Images/sunBullet.png) no-repeat;
	height: 400px;
	font-size: 1em;
	padding-left: 35px;
	line-height: 200%;
	margin-left: 0px;
	color: #FFFFFF;
	margin-right: 25px;
}


h1 {
color: #FE9A2E;
position: relative;
font-family: 'Pacifico', cursive;
font-size: 2em;
padding-bottom: 0px;
}


h2 {
color: #0875ac;
position: relative;
font-family: 'SignikaRegular', arial;
font-size: 1.65em;
padding-bottom: 0px;
}

#infoAside {
	color: #0875ac;
	font-family: font-family: 'SignikaRegular', arial;
}


.rightsection {
	font-size: .9em;
	line-height: 100%;
	padding-top: -25px;
	padding-left: 30px;
}

#mid {
width: 980 px;
position: relative;
}

figure{
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}


figcaption {
background-color: #FE9A2E;
color: #0875ac;
font-family: 'Pacifico', cursive;
font-size: 2em;
position: relative; 
top: -20px;
z-index: 2;
height: 25px;
text-align: center;
padding-top: 30px;
}

figcaption1 {
background-color: #FFFF00;
color: #0875ac;
font-family: 'Pacifico', cursive;
font-size: 2em;
position: relative; 
top: -20px;
z-index: 2;
height: 25px;
text-align: center;
padding-top: 30px;
}

section a, a {
    color: #FE9A2E;
    line-height: 1em;
    text-decoration: ;
}



#left {
    border-right: 1px dotted #000000;
    float: left;
    font-size: 1em;
    padding-right: 5.5%;
    padding-top: 0px;
    width: 37%;
    height: auto;
    margin-top: 14px;
    margin-left: 0px;
}

#leftspot {
	float: left;
	width: 18%;
	padding-right: 7%;
	padding-left: 7%;
	margin-top: 20px;
	height: auto; 
	border-right: 2px dotted #FE9A2E;
}

#rightspot {
	float: right;
	width: 18%;
	padding-right: 7%;
	padding-left: 7%;
	height: auto; 
	margin-top: 20px;
	border-left: 2px dotted #FE9A2E;
}

#centerspot {
	float: right;
	width: 20%;
	margin-left: 5%;
	height: auto; 
	margin-top: 20px;
	padding-right: 7%;
}

#mapHeader {
	margin-bottom: 25px;
}

#leftBottom {
    float: left;
    font-size: 1em;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom:1%;
    width: 28%;
    height: auto;
    background-color: #FE9A2E;
    border-radius: 15px 15px 15px 15px;
    margin-top: -75px;
    margin-left: 2%;
}


#leftTip{
	float: left;
	width: 35%
	height: auto;
	padding-right: 0%;
	padding-top: 25px;
	margin-left: 20px;
}

#rightTip{
	float: right;
	width: 45%;
	margin-top: 110px;
	margin-right: 20px;
	
}

#centerTip{
	float: center;
	width: 100%;
	border-bottom: 2px dotted #FE9A2E;
	padding-bottom: 15px;
}


.clearFloat {
clear: both;
position: relative;
}

table {
    background-color: #FE9A2E;
    border-radius: 7px 7px 7px 7px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 10px 0;
}

td.beach {
	text-align: left;
	background-color: #FE9A2E;
	border: none;
}

thead, td.beach {
	color: #666666;
	font-family: 'SignikaRegular', cursive;
	font-size: 1em;
	text-align: center;
}

td {
border: 1px solid #000000;
width: 15%;
font-size: 0.9em;
text-align: center;
color: #0875ac;
background-color: #FFFFFF;
}


#weather {
	float: left;
	height: auto;
	position: relative;
	width: 33%;
	margin-top: 20px;
	margin-left: 30px;
}

.tipsClouds {
	height: 85px;
	width: 140px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-radius: 10px 10px 10px 10px;
}

.tipsWaves {
	height: 80px;
	width: 127px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-radius: 10px 10px 10px 10px;
}

#otherSurfers {
	float: right;
	width: 33%;
	position: relative;
	margin-top: 20px;
	border-left: 1px dotted #FE9A2E;
	padding-left: 22px;
}

.tipsOthers {
	height: 88px;
	width: 140px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
	border-radius: 10px 10px 10px 10px;
}

.tipsSwim {
	height: 85px;
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
	border-radius: 10px 10px 10px 10px;
}

.tipsJelly {
	height: 90px;
	width: 115px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
	border-radius: 10px 10px 10px 10px;
}



footer {
display: block;
width: 100 %;
font-size: 1em;
position: relative;
text-align: center;
padding-top: 1px;
margin-top: -75px;

}

footer ul {
margin-left: auto;
margin-right: auto;
width: 30%

}

footer ul li a{
color: #FFFFFF;
font-size: 1em;
text-align: center;
text-decoration: none;
width: 30%;
}

footer ul li a: visted{
color: #FE9A2E;
}

#myForm {
height: 100%;
font-style: bold;
border-width: 2px;
border-color: #FE9A2E;
border-style: solid;
background-image: url("Images/water.jpg");
text-align: left;
width: 100%;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 5px;
float: left;
}

.forms {
	color: #FFFFFF;
	font-size: 1.25em;
}

.fontContact {
	font-family: 'SignikaBold', arial, sans-serif;
	color: #0875ac;
	margin-top: 15px;
	margin-bottom: 15px;
}

#rightContact {
	float: right;
	width: 40%;
	margin-top: 0px;
	line-height: 215%;
	
}

.contactFont {
	color: #5D6367;
	font-size: 1.2em;
	line-height: 125%;
}


#leftContact {
	width: 42%; 
	line-height: 215%;
	float: left;
}

input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 0;
background-color: #FFFFFF;
border: solid 2px #FE9A2E;
}

input:focus {
outline: 0px;
background-color: #FFFF00;
}


#Submit { 
background-color: #FFFFFF;
color: #0875ac;
}

#Reset {
background-color: #FFFFFF;
color: #0875ac;
}

.headerTitleCredits {
	margin-top: 0px;
}

.photoCredit {
	width: 25%;
	height: auto;
	float: left;
	margin-left: 10%;
}

.infoCredit {
	width: 50%;
	height: auto;
	float: left;
	margin-right: 0%;
	border-left: 2px dotted #FE9A2E;
	padding-left: 5px;
}
.creditsPhoto {
	height: 125px;
	width: 125px;
	float: left;
	border-right: 2px solid #FE9A2E;
	border-bottom: 2px solid #FE9A2E;
	padding-right: 5px;
	padding-bottom: 5px;
}

.creditFont {
	color: #5D6367;
	font-family: 'SignikaBold', arial;
	font-size: 1em;
	margin-bottom: 90px;
	margin-top: 45px;
	
}