/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* extra elements */
.floatLeft { float:left; }
.floatRight { float:right; }
.noMargins { margin:0px; }


/* Form Controls */
.myField { background:#fff none repeat scroll 0 0; border:solid 1px #C1C7CA; padding:5px; }
.myField:hover { border:solid 1px #999999; }						
.myDDL { padding:5px !important; }
.myCheckbox { margin-bottom:6px; display:block; height:8px; line-height:normal; }
.myCheckbox input { margin-right:3px; float:left; }
.myCheckbox label { margin-top:-1px; float:left; display:block; margin-top:3px; }
.myLabel { margin:0px 10px 5px 0px; display:block; float:left; }
.clear1{ clear:both; }
.regExpVal { display:none; height:0px; width:0px; line-height:0px; font-size:0px; }
.lblHeading { display:block; width:150px; }

/* Other */
.titledText { margin-bottom:14px; }
.titledText div.Title { font-size:12px; font-weight:bold; margin-bottom:4px; }
.titledText div.Text { }
.titledText div.Blue { font-size:15px; color:#2d87c5; }
.titledText div.date { font-size:15px; font-weight:bold; width:70px; color:#aaaaaa; }
.blueBorder { border:solid 1px #b5d6ef; } 
.blueBox { background-color:#f0f8ff; }
.pngFix { behavior: url(iepngfix.htc); }
img { border-width:0px; }
#footer { margin-top:20px; border-top:solid 1px #b5d6ef; }
.smallBox { width:220px; margin:7px 0px 15px 0px; }
.smallBox1 { width:460px; margin:7px 0px 15px 0px; }
div.smallBoxContentMargins { margin:10px 20px 5px 20px;}
.centerMargins { margin:10px auto; }
.blueTitle { font-size:22px; font-weight:bold; color:#2d87c5; margin-top:10px; }
.centerText { text-align:center; }
.leftText { text-align:left; }
.rightText { text-align:right; }
.myCaption { font-size:11px; line-height:14px; margin-top:6px; font-style:italic; }
.grid_gutter { width:20px; float:left; }
.grid_240 { width:260px; float:left; }

/* Schedule Table */
.schedule { }
.schedule td { font-size:12px; padding:3px 12px 3px 0px; text-align:left; }

#dv_errorBox { margin:10px; border:solid 1px #ff0000; width:720px; padding:20px; background-color:#fff3f3; text-align:center; }
#divRegistrationCityAddress { margin:10px 0px; width:300px; padding:15px; text-align:left; }

/* Testimonials */
div.testimonial { position:relative; margin-bottom:40px; font-size:13px; }
div.testimonial img.openQoute { position:absolute; left:-36px; top:-2px; }
div.testimonial img.closeQoute { vertical-align:bottom; }
div.testimonial div.photographerInfo { color:#888888; margin-top:-10px; }

#homeTestimonials div.homeTestimonials_Quotes { margin:11px; }
#homeTestimonials div.homeTestimonials_Quotes blockquote { color:#2d87c5; font-weight:bold; margin:0 0 25px 0; padding:0px; }
#homeTestimonials div.homeTestimonials_Quotes blockquote cite { font-size:12px; margin-top:4px; display:block; font-weight:bold; color:#000000; font-style:italic; }
#homeTestimonials div.Kevin { margin:10px; background-color:#fff; padding:10px; }

/* Header */
#header { background:url('../images/BlueOcean_Banner.jpg'); height:278px; width:940px; position:relative; text-align:center; }
#quickLinks { position:absolute; top:-3px; right:73px; }
#quickLinks a { float:left; text-decoration:none; }
#quickLinks a i { visibility:hidden; }
#btn_TR_BlueOceanHome { width:142px; height:28px; background:url('../images/btn_TR_BlueOceanHome.gif') no-repeat; }
#btn_TR_Testimonials { width:113px; height:28px; background:url('../images/btn_TR_Testimonials.gif') no-repeat; }
#btn_TR_Register { width:78px; height:28px; background:url('../images/btn_TR_Register.gif') no-repeat; }
#btn_TR_BlueOceanHome:hover { background-position:0 -28px; }  
#btn_TR_Testimonials:hover { background-position:0 -28px; }  
#btn_TR_Register:hover { background-position:0 -28px; } 
#btn_TR_LocationDetails { width:139px; height:28px; background:url('../images/btn_TR_LocationDetails.gif') no-repeat; }
#btn_TR_LocationDetails:hover { background-position:0 -28px; }