/* 
Copyright 2005 Tutukaka Surf. All Rights Reserved. 
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
a
{
  outline: none;
}

html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/20px Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #ffffff url(images/overallbg.jpg) top left repeat-x;
text-align: left;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 970px;
margin: 0;
padding: 0;
float: left;
background: #fff;
}
#content {
margin: 0;
padding: 0;
width: 970px; 
float: left;
background: url(images/surfing.jpg) bottom left no-repeat;
}
#left {
width: 250px;
padding: 0;
margin: 0;
float: left;
color: #000;
}
#copy {
width: 720px;
padding: 0;
margin: 0;
float: right;
background: #fff;
}
#masthead {
float: left;
width: 720px;
padding: 0;
margin: 0;
height: 144px;
background: #D3C57C url(images/header720.png) top left no-repeat;
}
/* TYPOGRAPHY */

#nopmargin p{
margin: 0; 
padding: 0 20px 10px; 
}

p {
margin: 0; 
padding: 10px 20px; 
}
h1 {
font: bold 13px/21px Verdana, "Trebuchet MS", sans-serif;
color: #ffffff;
padding: 0px 20px; 
letter-spacing: 1px;
margin: 0;
}
h2 {
font: bold 13px/21px Verdana, "Trebuchet MS", sans-serif;
color: #fff;
padding: 0 20px; 
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
}
h3 {
font: bold 13px/21px Verdana, "Trebuchet MS", sans-serif;
color: #1792AF;
padding: 0 20px; 
text-transform: uppercase;
margin: 0;
}

h4 {
font: bold 13px Verdana, "Trebuchet MS", sans-serif;
color: #668100;
padding: 0 20px; 
margin: 0;
}
.tagline {
font-style:italic;
letter-spacing: 1px;
margin: 0;
background: #32B2D0;
}
.quotename {
	font-weight:normal;
	color:#666666;
	text-align:right;
	padding:0 20px 5px 0;
}

.container {
	border:1px solid #BEAF5F;
	margin:20px;
	padding:20px;
	width:230px;
	background:#fff url(images/container_bg.gif) repeat-y top right;
}
.container h3 {
	font: bold 13px Verdana, "Trebuchet MS", sans-serif;
	color: #1792AF;
	padding: 0; 
	margin: 0 0 10px 0;
	border-bottom:1px solid #1792AF;
}


.container h4 {
	font: bold 13px Verdana, "Trebuchet MS", sans-serif;
	color: #B1A14B;
	padding: 0; 
	margin: 10px 0 0  0;
}



/* LINKS */

.photos {
float: right;
width: auto;
padding: 7px 10px 7px 7px;
}
.thumb {
padding: 0;
margin-top: 10px;
display: block;
border: 3px solid #eee;
}
.display {
border: 3px solid #eee;
padding: 0;
margin: 0;
}
a {
color: #668100;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none
}
dl a {
color: #000;
}
a img {
border: none;
}
span {
display: none;
}
#intro a {
color: #000;
}
/* NAVIGATION */
#chapters {
padding: 0;
margin: 0;
position: relative;
float: right;
background: url(images/nav.gif) no-repeat;
width: 250px;
height: 188px;
}
#chapters li { 
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
}
#chapters li, #chapters a { 
width: 250px;
height: 23px; 
display: block; 
}
#chhome { top: 20px; width: 250px; }
#chsurf { top: 40px; width: 250px; }
#chhire { top: 60px; width: 250px; }
#chschool { top: 81px; width: 250px; }
#chshop { top: 103px; width: 250px; }
#chabout { top: 120px; width: 250px; }
#chgallery { top: 140px; width: 250px; }

#chhome a:hover, #chhome.current { background:url(images/nav.gif) -250px -20px no-repeat; }
#chsurf a:hover, #chsurf.current  { background:url(images/nav.gif) -250px -40px no-repeat; }
#chhire a:hover, #chhire.current  { background:url(images/nav.gif) -250px -60px no-repeat; }
#chschool a:hover, #chschool.current { background:url(images/nav.gif) -250px -81px no-repeat; }
#chshop a:hover, #chshop.current { background:url(images/nav.gif) -250px -103px no-repeat; }
#chabout a:hover, #chabout.current  { background:url(images/nav.gif) -250px -120px no-repeat; }
#chgallery a:hover, #chgallery.current { background:url(images/nav.gif) -250px -140px no-repeat; }

/* FOOTER */
#footer {
clear: both;
height: 80px;
font: normal 9px/17px Verdana, Helvetica, Arial, sans-serif;
padding: 0;
color: #fff;
background: #D3C57C url(images/footerbg970.gif) no-repeat top left;
}
#footer p {
padding: 50px 0 0 75px;
}
#footer a {
font-size: 9px;
text-decoration: underline;
color: #fff;
}
#footer a:hover {
text-decoration: none
}
/* FORMS */
dl {
margin: 0;
padding: 10px 15px 0 0; 
float: right;
}
dt {
margin: 0 0 5px 0;
padding: 0 12px; 
font: bold 11px/15px Arial, sans-serif;
}
dd {
font: normal 11px/15px Arial, sans-serif;
color: #000;
margin: 0 0 5px 0;
padding: 0 12px; 
}

		form#compactForm textarea { font-family: arial, sans-serif; }
		form#compactForm { position: relative; margin-left:20px;}
		form#compactForm fieldset { width: 220px; }
		#comment_input { width: 216px; height: 100px; }
		input { width: 212px; padding: 3px; margin-bottom:2px;}
		label.regLabel { display: block; }
		label.compactLabel { position: absolute; padding: 5px 0px 0px 5px; }
		label.compactLabelShift { position: absolute; left: -9999px; }
		legend { color:#1792AF; font: bold 14px Arial, sans-serif; margin-bottom:7px;}
.eleven {
font-size:11px;
}

.introwrapper {
background-image:url(images/intro_bg.gif);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #F8F8F8;
margin:20px 0 0 20px;
padding:18px 18px 0px;
width:649px;
}

.introwrapper p {
	margin:0pt;
	padding:10px 0;
}

.introwrapper h3 {
	margin:0;
	padding:0;
	text-transform:capitalize;
	font-size: 14px;
}

.introbottom {
background-position:left top;
background-repeat:no-repeat;
margin-left:20px;
}

.quote {
	border:1px solid #EEEEEE;
	background: #F4F7F7;
	margin-top:20px;
}

.quote p {
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#242424;
	background:transparent url(images/openquote.gif) no-repeat 10px 10px;
	margin-left:10px;
	padding-left:40px;

}
.myGallery
{
	width: 350px;
	height: 263px;
	z-index:5;
	border: 1px solid #ccc;
	float:right;
	margin:20px;
	padding:0;
}
.linkcontainer {
background-color:#F3F3DB;
border: 1px solid #D3D0AD;
}