/* -- [ INIT ] ----------------------------------------------------*/
html { background: #D2E7EF }
body {
	background-color: #D2E7EF;
	/*font:10pt arial, sans-serif;*/
	font:11px/13px Verdana, sans-serif;
	line-height: 10px;
	color:#7E7E7E;
	margin:0 0 5px 0;
}

div.homepage_text
{
	font:9pt Arial;
	color: #0085C3;
	margin:10px 0 10px 14px;
	line-height:17px;
}

h1 {color:#6C5635;font-size:13px; padding:0.2em 0.1em 0.5em 0; height:17px; margin-bottom:10px;}

.sIFR.replaceElement h1 {
  visibility: hidden;
  font-size: 18px;
}

li
{
	padding:2px;
}

a:link {color:#6C5635;text-decoration:underline;}
a:visited {color:#6C5635;text-decoration:underline;}
a:hover {color:#6C5635;text-decoration:none;}

a.newslink:link {color:#FFFFFF;text-decoration:none;}
a.newslink:visited {color:#FFFFFF;text-decoration:none;}
a.newslink:hover {color:#FFFFFF;text-decoration:underline;}

a.sidebarlink:link {color:#FFFFFF;text-decoration:none;}
a.sidebarlink:visited {color:#FFFFFF;text-decoration:none;}
a.sidebarlink:hover {color:#FFFFFF;text-decoration:underline;}

#sidebar a {color:#ffffff;}
#sidebar li {color:#ffffff;}

#footer a:link {color:#82A03C;text-decoration:none; font: 1em arial, sans-serif;	font-weight: bold;}
#footer a:visited {color:#82A03C;text-decoration:none; font: 1em arial, sans-serif;	font-weight: bold;}
#footer a:hover {color:#82A03C;text-decoration:underline; font: 1em arial, sans-serif;	font-weight: bold;}

a.gl_link:link {color:#6C5635;text-decoration:none; font-weight:bold; font-size:14pt;}
a.gl_link:visited {color:#6C5635;text-decoration:none; font-weight:bold; font-size:14pt;}
a.gl_link:hover {color:#6C5635;text-decoration:underline; font-weight:bold; font-size:14pt;}

div.gl_link_box
{
	border:none;
	width:100%;
	padding:3px 3px 3px 3px;
	text-align:center;
}

#content
{
	background: #FFFFFF;
	overflow: hidden;
	border-bottom:1px #FFFFFF solid;
	padding:0;
}


/* -- [ TOP NAV ] -----------------------------------------------------*/
#header {
	width:951px;
	height:164px;
	background: #d5e9e7 url("/img/beachbreak/header.gif") no-repeat;
	}

/* -- [ NEWS AREA / NEWS FORMS ] --------------------------------------*/
#newsbox {

	width:211px; height:232px;
	}
#group-newsbox {

	width:215px; height:210px;
	}

#featurebox {
	background-color: #FDFDFD;
	border-left: 3px solid #DBDBDB;
	border-top: 2px solid #DBDBDB;
	border-bottom: 3px solid #DBDBDB;
	}
#featurebox .seperator { 	border:1px solid #C5C5C5; }
.feature-post { color: #3F3F3F; }
.feature-tagline { color: #6E6E6E; }
.feature-title { color: #3F3F3F; }

#news-archive a {

	width:215px; height:20px;
	}
#news-archive a:hover { background-position: 0 -20px; }

.newspost {
	background-color: #0079AF;
	font-size: 8.5pt;
	font-family: tahoma;
	color: #FFFFFF;
	text-align:left;
}

#newspage
{
	position:relative;
	width: 690px;
	height: 438px;
	left:5px;
	top: 5px;
}



/* -- [ CONTENT ] -----------------------------------------------------*/

#homepage-content-right
{
	float:left;
	width:422px;
}

#get-involved
{
	float:right;
	width:286px;
	margin-right:6px;
}

#newsletter-signup {
	background: url("/img/newsletter_signup_bg.png") no-repeat;
	width:216px; height:134px;
	}
#coming-soon {
	background: #EFEFEF url("/img/say-what.gif") 0 0 no-repeat;
	width:510px; height:20px;
	}
#coming-soon .ticki {font-weight:bold;margin-left:165px;padding-top:3px;}

#book-now-bg {
	background: url("/img/book_now_bg.png") no-repeat;
	width:216px; height:176px;
	}

#gallery #head {
	background: url("/img/gallery_head.gif") no-repeat;
	width:216px; height:41px;
	}
#gallery #body {
	background: url("/img/gallery_body.png") no-repeat;
	width:216px; height:150px;
	}
#gallery .one-image { height:105px; overflow:hidden; }
#gallery .one-image img { border:none; }
#gallery #view_this_gallery a {
	background: url("/img/view_this_gallery.gif") no-repeat;
	width:108px; height:29px;
	}
#gallery #view_all_galleries a {
	background: url("/img/view_all_galleries.gif") no-repeat;
	width:108px; height:29px;
	}

#testimonials a {
	background: url("/img/testimonials.png") no-repeat;
	width:216px; height:116px;
	}
#telluswhatuthink {
	background: url("/img/tell_us_what_u_think.png") no-repeat;
	width:216px; height:156px;
	font-weight: bold;
	color:#333;
	}
#telluswhatuthink ul { list-style-type: none; }
#telluswhatuthink ul li a {
	background: url("/img/bullet.gif") no-repeat 0 0;
	padding-left: 12px;
	font-weight: normal;
	}
#telluswhatuthink ul li a:link {
	color:#333;
	text-decoration:none;
	}
#telluswhatuthink ul li a:visited { color:#333; text-decoration:none; }
#telluswhatuthink ul li a:hover {
	text-decoration:none;
	font-weight: bold;
	font-family: tahoma;
	background: url("/img/bullet_hover.gif") no-repeat 0 0;
	}

#record-box {
	background: url("/img/record_box.png") no-repeat;
	width:216px; height:173px;
	}

#what-is-sb {
	background: url("/img/what_is_sb.png") no-repeat;
	width:290px; height:55px;
	}
#whatissb-crowd {
	background: url("/img/what_is_sb_crowd.jpg") no-repeat;
	width:290px; height:156px;
	}

#telebox {
	background: url("/img/telebox.jpg") no-repeat 0 0;
	width:290px; height:173px;
	}


/* == [ SIDEBAR CONTENT ] =========================================*/
#sidebar {
	width:211px;
	float:left;
	background-color: #0085c3;
	margin-right: 0px;
	margin-left: 4px;
	margin-top:1em;
	text-align:center;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	padding-top:2px;
}

#sidebar h4 {font-size:14px;font-weight:bold;color:#ffffff;padding:4px;}

#sidebar ul li {color:#ffffff;}
#sidebar ul li a {text-decoration:underline;}
#sidebar ul li a:hover {text-decoration:none;}

#group-leader-login a {
	background: #FFF url("/img/group-leader-login.png") no-repeat 0 0;
	width:216px; height:132px;
	}

#upload-ya-fotos a {
	background: #FFF url("/img/upload-ya-fotos.jpg") no-repeat 0 0;
	width:216px; height:132px;
	}

#download-promo a {
	background: #FFF url("/img/download-promo.jpg") no-repeat 0 0;
	width:216px; height:132px;
	}

/* == [ CONTENT PAGE CONTENT..S... ] ==============================*/
#content-page-with-sidebar {
	width:720px;
	padding:1em 5px 0.1em 0; z-index:0;
	background-color:#FFF;
	color:#6C5635;
	line-height:1.3em;
	/*width: 703px;
	margin-top:1em;
	padding-right:3px;
	margin-right:0.1em;*/
	min-height: 300px;
	float:right;
	}

#content-page-with-sidebar h1 {color:#6C5635;}
#content-page-with-sidebar h2 {font:bold 14px Arial, sans-serif;padding:0.2em 0 0.5em 0;line-height:1.3em;}
#content-page-with-sidebar h3 {font-size:110%; font-weight:bold;padding:0.6em 0 0.6em 0;line-height:1.3em;display:inline;}
#content-page-with-sidebar h4 {font-size:120%; font-weight:bold;color:#6C5635;padding:0.2em 0 0.5em 0;}

#content-page-with-sidebar a:link, #full-width-page a:link {
	text-decoration:underline;
	}
#content-page-with-sidebar a:visited, #full-width-page a:visited {
	text-decoration:underline;
	}
#content-page-with-sidebar a:hover, #full-width-page a:hover {
	text-decoration:underline;
	}

#content-page-with-sidebar .comp-entry {
	background: #fff;
	width: 713px;
	height: 1008px;
	text-align: center;
}
#content-page-with-sidebar .comp-entry #comp-vote-yes { padding-right: 10px }
#content-page-with-sidebar .comp-entry #comp-vote-no { padding-left: 10px }
#content-page-with-sidebar .comp-entry.bblgt { background: #fff url(/img/beachbreak/bg-bblgt-entry.jpg) no-repeat; }
#content-page-with-sidebar .comp-entry.bblgt h2 { padding-top: 420px; }
#content-page-with-sidebar .comp-entry.almost-famous { background: #fff url(/img/beachbreak/bg-almost-famous-entry.jpg) no-repeat; }
#content-page-with-sidebar .comp-entry.almost-famous h2 { padding-top: 500px; }

#group-links {
	background: #FFF url('/img/group-links-box.jpg') no-repeat 0 0;
	width:215px; height:250px;
	}

.error {border:1px solid #CB0000; background-color:#F9D6D6; color:#840000; padding:6px;}
.info {border:1px solid #98EA89; background-color:#E6FFE2; color:#366C2C; padding:6px;}
.required {font-size:16px; color:#cb0000;padding:6px;}

table {width: 100%;}
.label
{
	font-size:12px;
	color:#6C5635;
	border:none;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
	padding:6px;
	text-align:right;
	background-color: #e4dec6;
	width: 30%;
}

.field
{
	background-color:#e4dec6;
	padding:6px;
	border:none;
	border-bottom:1px solid #ffffff;
	width: 70%;
}

.thead {background-color:#e4dec6;padding:5px;color:#6C5635; text-align:left;font:12px Verdana, sans-serif;font-weight:bold;}
.bold_head {background-color:#EFEFEF;padding:5px;font-weight:bold;font-size:16px;color:#333;}
.head {background-color:#6C5635;padding:5px;font-weight:bold;color:#e4dec6;}
.cell {background-color:#e4dec6;color:#6C5635;border-left:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF;padding:5px;}
.help {font-style:italic;}
.left-border {border-left:1px solid #333; margin-left:10px;}
.right-border {border-right:1px solid #333; margin-right:10px;}
.price-label {font-size:14px; color:#333; font-weight:bold;}

.week_bold_head {background-color:#2BA5ED;padding:5px;font-weight:bold;font-size:16px;color:#ffffff;}
.week_cell {border-left:1px solid #2BA5ED; border-bottom:1px solid #2BA5ED; border-right:1px solid #2BA5ED;padding:5px;}

.smallprint {font-size:11px; background-color:#e4dec6;}

.centertext
{
	text-align: center;
}

#booking-form {
	width: 316px;
	height: 271px;
	float: right;
	margin-top: 15px;
	padding: 102px 0 0 25px;
	background: #fff url(/img/beachbreak/bg-booking-form.png) no-repeat;
}
#booking-form fieldset { color: #fff; border: 0; background: transparent; padding: 0; margin: 0; width: 267px; }
#booking-form fieldset input { padding: 0; border: 0; }


/* -- [ FOOTER ] --------------------------------------------------*/
#footer span {
	color:#7D7D7D;
	display:block;
	}
#footer a {
	color:#7D7D7D;
	font-weight:bold;
	}
#footer a:hover { text-decoration:underline; }
#footer #copyright {
	color:#18809e;
	font-size:10px;
	padding:10px;
	text-align:center;
	}

.grass
{
	padding:0px 0px 0px 0px;
	padding-top: 100%;
	margin-bottom: -3px;
	margin-left: -2px;
	margin-right: -3px;
	margin-top: -3px;
	border:0px;
	z-index: 1;
	display:none;
}

.cow
{
	padding:0px 0px 0px 0px;
	margin-top: -30px;
	position: absolute;
	border:0;
	z-index: 100;
	display:none;
}

.white_bar
{
	padding:0px 0px 0px 0px;
	margin-top: -30px;
	position: absolute;
	border:0;
	z-index: 2;
	/*display:none;*/
}

.job_footer
{
	width:950px;
	text-align:right;
	background-color: #d5e9e7;
	padding-top:0.2em;
}

div.menubar
{
	position: relative;
	padding-top:136px;
	margin-left: 230px;
	text-align:left;
}

a.menubar:link
{
	color: #00AEEF;
	text-decoration: none;
	font:11pt arial, sans-serif;
	font-weight: bold;
}

a.menubar:visited
{
	color: #00AEEF;
	text-decoration: none;
	font:11pt arial, sans-serif;
	font-weight: bold;
}

a.menubar:hover
{
	color: #00AEEF;
	text-decoration: none;
	font:11pt arial, sans-serif;
	font-weight: bold;
}

div.bluebar
{
	position:absolute;
	top:133px;
	left: 376px;
	height:20px;
	background: #00AEEF;
	width:730px;
	z-index:0;
}

.header-image
{
	position: absolute;
	top:0;
	z-index:0;
}

#sponsors {
	margin-top:10px;
}


/*
* BeachBreak has talent
*/
a.watch_talent { display: block; background: #0085C3; text-decoration: none !important; color: #fff; border: 1px solid #B5C7E6; padding: 3px 4px; margin: 5px; float: right; width: 65px; }
div#content-page-with-sidebar ul.has_talent_entries { list-style: none; }
div#content-page-with-sidebar ul.has_talent_entries li { display: block; background: #D2E7EF; margin-bottom:5px; padding:10px; }
div#content-page-with-sidebar ul.has_talent_entries li img { display:block; width:150px; float: left; }
div#content-page-with-sidebar ul.has_talent_entries li p { display: block; margin-left: 170px; max-width:200px; }
div#content-page-with-sidebar ul.has_talent_entries li a.watch_talent { display: block; background: #0095BD; text-decoration: none !important; color: #fff; border: 1px solid #B5C7E6; padding: 6px 8px; margin: 5px 5px 0 0; float: right; }

div#video_info{ background: #D2E7EF; padding:10px}
div#video_info a#voteup{ background: #8FAA5F; padding:5px; text-decoration: none; color: #fff; }
div#video_info a#votedown{ background: #DA3E38; padding:5px; text-decoration: none; color: #fff;}


/*
* Use full classes
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
