/*
	Brockton Creative Group
	John Kellyn Resman
	brocktoncg.com

	COLORS
			dark blue rgb(20, 73, 96)
			light blue rgb(0, 150, 214)
			pink rgb(219,47,190)
			green rgb(132, 207, 76)


*/

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body		{ background: rgb(20, 73, 96) url("../images/sv_bg.png") repeat-x; font-family: Lucida Grande, Verdana, sans-serif; font-size: 68.5%; }
ul, ol		{ list-style: none; }
a			{ color: rgb(0, 150, 214); text-decoration: underline; }
a:hover     { background: rgb(0, 150, 214); color: rgb(255,255,255); text-decoration: none; }
a img, a img:hover		{ background: rgb(255,255,255); border: 0 !important; }
img			{  }
table		{  }
strong { font-weight: bold; }

/* utility */

.left		{ float: left;}
.right		{ float: right;}
.clear		{ clear: both;}

.box_shadow { -moz-box-shadow: 0px 2px 4px #000; -webkit-box-shadow: 0px 2px 4px #000; box-shadow: 0px 2px 4px #000; }
  

/* type */

p { font-size: 1.1em; line-height: 1.5em; color: rgb(79,79,79); }

h1 { font-size: 2.5em; letter-spacing: .05em; font-weight: bold; color: rgb(0, 150, 214);}

h2 { font-size: 1.4em; background: rgb(200,239,255); color: rgb(20, 73, 96); padding:3px 10px; margin-bottom: 15px;}

.blue {color: rgb(0, 150, 214);}

/* main structure */

div.wrap { width: 960px; height: 100%; margin: 0 auto; }


/* header */

div#headwrap { width: 1030px; height: 191px; background: url("../images/sv_navBg.png") no-repeat; margin: 0 auto; }
p.logo { width: 211px; height: 65px; padding: 47px 0 0 58px; float: left; }
h2.number { font-family: Georgia, serif; font-size: 2em; background: none; color: rgb(255,255,255); padding-top: 20px; float: right; }

ul.mainnav { height: 21px; margin: -33px 37px 0 0; float: right; }
	ul.mainnav li { display: inline; float: left; }
		ul.mainnav li a { display: block; height: 21px; text-indent: -9999px; }
		
		ul.mainnav li a.about { width: 63px; background: url("../images/nav.png") no-repeat left bottom; }
		ul.mainnav li a.instructors { width: 114px; background: url("../images/nav.png") no-repeat -63px bottom; }
		ul.mainnav li a.rates { width: 73px; background: url("../images/nav.png") no-repeat -177px bottom; }
		ul.mainnav li a.lifegaurds { width: 176px; background: url("../images/nav.png") no-repeat -250px bottom; }
		ul.mainnav li a.methods { width: 92px; background: url("../images/nav.png") no-repeat -426px bottom; }
		ul.mainnav li a.contact { width: 76px; background: url("../images/nav.png") no-repeat right bottom; }
		
		ul.mainnav li a.about:hover { background-position: left top; }
		ul.mainnav li a.instructors:hover { background-position: -63px top; }
		ul.mainnav li a.rates:hover { background-position: -177px top; }
		ul.mainnav li a.lifegaurds:hover { background-position: -250px top; }
		ul.mainnav li a.methods:hover { background-position: -426px top; }
		ul.mainnav li a.contact:hover { background-position: right top; }
		
		body#About #headwrap .wrap ul.mainnav li a.about { background-position: left top; }
		body#Instructors #headwrap .wrap ul.mainnav li a.instructors { background-position: -63px top; }
		body#Rates #headwrap .wrap ul.mainnav li a.rates { background-position: -177px top; }
		body#Lifegaurds #headwrap .wrap ul.mainnav li a.lifegaurds { background-position: -250px top; }
		body#Method #headwrap .wrap ul.mainnav li a.methods { background-position: -426px top; }
		body#Contact #headwrap .wrap ul.mainnav li a.contact { background-position: right top; }
		
/* slider */
		
#slideshow { position:relative; height:257px; width: 576px; }

#slideshow IMG {  position:absolute;  top:0; left:0;  z-index:8; opacity:0.0; }

#slideshow IMG.active {  z-index:10; opacity:1.0; }

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


/* content */

div#content { width: 900px; min-height: 400px; background: rgb(255,255,255) url("../images/contentTop.png") no-repeat; padding: 40px 30px; margin-top: -34px; border-bottom: 3px solid rgb(15, 50,65); overflow: hidden; }

div#maincontent { width: 576px; margin-right: 15px; float: left; overflow: hidden; }

	div.leftside { width: 250px; margin-right: 15px; float: left; overflow: hidden; }
	div.rightside { width: 250px; float: left; overflow: hidden; }

div#sidebar { overflow: hidden; }

	div#featured {margin-top: 23px;}
		
		.profilePic { max-width: 138px; max-height: 187px; margin: 0 10px 0 0; float: left; overflow: hidden; }
		p.name { font-weight: bold; color: rgb(0, 150, 214); }

	div#partners { margin-top: 30px; overflow: hidden;}
	
		ul.aff {width: 300px;}
			ul.aff li {float: left; margin: 10px 0 0 10px;}
				ul.aff li a { display: block; height: 62px; text-indent: -9999px; }
				
				ul.aff li a.colv { width: 75px; background: url("../images/partnerLinks.jpg") no-repeat left bottom; }
				ul.aff li a.rc { width: 152px; background: url("../images/partnerLinks.jpg") no-repeat -75px bottom; }
				ul.aff li a.nevada { width: 70px; background: url("../images/partnerLinks.jpg") no-repeat -227px bottom; }
				ul.aff li a.parks { width: 83px; background: url("../images/partnerLinks.jpg") no-repeat right bottom; }
				
				ul.aff li a.colv:hover { background-position: left top; }
				ul.aff li a.rc:hover { background-position: -75px top; }
				ul.aff li a.nevada:hover { background-position: -227px top; }
				ul.aff li a.parks:hover { background-position: right top; }

/* instructor profile */

.instructorlist { width: 257px; min-height: 350px; background:rgb(200,239,255); padding: 5px; margin: 5px; float: left; }

.individualPic { float: left; margin-right: 30px; overflow: hidden; }
.individualInfo { overflow: hidden; } 
.individualExp { padding:10px; border-bottom: 3px solid rgb(0, 150, 214); }
.individualBio { padding: 15px 10px; }

/* contact */

div#contactform { width: 546px;padding: 0 30px 0 0; margin-right: 15px; float: left; }

div#contactinfo { margin-top: 25px; overflow: hidden; }

form { }
label { font-size: 1em; cursor:pointer; }
label.cd { font-size: 1.5em; color: rgb(132, 207, 76);}
.error {color: red; margin-left: 60px; display:none; }

input.text          { width: 100%; height: 15px; background: #f8f8f8; padding: 7px; margin:10px 0; border: 1px solid rgb(132, 207, 76); }
textarea.statement          { width: 100%; height: 100px; background: #fff; padding: 7px; margin: 10px 0; border: 1px solid rgb(132, 207, 76); }

button { background: rgb(132, 207, 76); color: rgb(255,255,255); padding: 7px 15px; margin-right: -15px; border: none; float: right; }
	button:hover { background: rgb(84,132,48); color: rgb(255,255,255); }

/* footer */

div#footer { margin: 10px 0 100px 0; }

.foot, .foot a { color: rgb(200,239,255); text-decoration: none; }
.foot a:hover { background: none; text-decoration: underline; }

div.copyright { width: 30%; float: left;}

div.bottomnav { float: right; }

a.builtby { display: block; width: 15px; height: 15px; background: url("../images/bcg_builtBy.png") no-repeat center bottom; text-indent: -9999px; overflow: hidden; vertical-align: middle; }
	a.builtby:hover { background-position: center top; }