@import url(reset.css);

html,body {height:100%;
}
body {
	background: url('../images/bg_green40.gif') repeat-x top;
}
#home {
	background: url('../images/bg_green75.gif') repeat-x top;
}
#container {
	width:800px;
	margin:0 auto;
	height:100%;
	color:#003366;
}
#header {
	height:75px;
	background:#336633;
	text-align:center;
	margin-left:155px;
}
#header img {
	margin-top:8px;
}

#home #nav {
	width:155px;
	background:url('../images/bg_nav.jpg') no-repeat top;
	z-index:50;
	margin-top:-75px;
	float:left;
}
#nav {
	width:155px;
	background:url('../images/bg_nav-int.jpg') no-repeat top;
	z-index:50;
	margin-top:-40px;
	float:left;
}
#nav ul {
	padding-top:100px;
	margin-bottom:1.5em;
}
#nav ul li {
	text-indent:-3000px;
	height:38px;
	width:155px;
}
#nav ul li a {
	display:block;
	height:38px;
	width:155px;
}
#nav ul li.home {background-image:url('../images/n_home.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.reporters {background-image:url('../images/n_reporters.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.streaming {background-image:url('../images/n_stream.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.drafts {background-image:url('../images/n_drafts.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.videoconf {background-image:url('../images/n_vconf.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.videography {background-image:url('../images/n_vid.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.raves {background-image:url('../images/n_raves.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.contact {background-image:url('../images/n_contact.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.scheduling {background-image:url('../images/n_schedule.gif');background-repeat:no-repeat;background-position:0 0;}

#nav ul li.experience {background-image:url('../images/n_experience.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.founders {background-image:url('../images/n_founders.gif');background-repeat:no-repeat;background-position:0 0;}
#nav ul li.management {background-image:url('../images/n_management.gif');background-repeat:no-repeat;background-position:0 0;}


#nav ul li:hover,#nav ul li.home.current,#nav ul li.experience.current,#nav ul li.founders.current,#nav ul li.management.current,#nav ul li.reporters.current,#nav ul li.streaming.current,#nav ul li.drafts.current,
#nav ul li.videoconf.current,#nav ul li.videography.current,#nav ul li.raves.current,#nav ul li.contact.current,
#nav ul li.scheduling.current {background-position:-155px 0;}

#content {
	padding-top:45px;
	margin-left:200px;
	padding-right:60px;
}
#home #content {
	padding-top:35px;
}
#content h1 {
	font-size:14px;
	margin-bottom:14px;
}
#content p {
	font-size: 14px;
	line-height:20px;
	margin-bottom:14px;
}

/* PAGE DIFFERENCES */
#founders #content h2 {
	font-size:14px;
	font-weight:bold;
	margin-top:1em;
	display:inline;
}
#founders #content img, #management #content img {
	float:left;
/*	display:block;*/
	margin:5px 20px 5px 0;
}
#management #content p.new {
	height:180px;
}
#founders #content p.new, #management #content p.new {
	margin-top:2.5em;
}

/* INTERNAL Differences */
#header-int {
	height:40px;
	background:#336633;
	text-align:right;
	margin-left:155px;
}
#header-int img {
	margin-top:8px;
}

a {
	color:#003366;
	
}
#schedule img.datepick-trigger {
	margin-bottom:3px;
}


/* FOOTER */
#footer {
	text-align:center;
	font-family:Helvetica, Arial,sans-serif;
	font-size:0.5em;
	color:#336633;
	margin-top:40px;
	padding-bottom:1em;
	letter-spacing:0.15em;
	clear:both;
}
#footer p {
	margin-bottom:12px;
	font-size:9px;
	line-height:11px;
}
#footer a {
	color:#336633;
}
small {
	color:#718ba5;
}


/* CONTACT page */
#contact-form {
	float:right;
	font-size:14px;
	width:300px;
	border-left: 1px solid #003366;
	padding-left:30px;
	margin-bottom:2em;
}
#contact-form form {
	margin-top:-0.5em;
}
#contact-form legend {
	font-weight:bold;
	line-height:1em;
	padding-bottom:0.5em;
}
#contact-form label {
	line-height:18px;
}
#contact-form .text {
	width:290px;
}
#contact-form textarea {
	width: 295px;
	height:12em;
}
#contact-form li {
	margin-top:0.5em;
}

#contact-form .notice, #schedule #content .notice {
	font-weight:bold;
	background-color:#363;
	color:white;
	text-align:center;
	padding:0.2em;
}

#contact-form form li.error label {
	color:red;
	font-weight:bold;
}
#contact-form form li.error input,
#contact-form form li.error textarea
{
	border:1px red solid;
}

#referral {
	clear:right;
	background:#D8E3D5;
	padding:1.25em;
	margin-top:1em;
}
/* SCHEDULING PAGE */
#schedule #content form ol li {
	margin:5 0px;
	height:32px;
}
#schedule #content form ol li label {
	display:block;
	float:left;
	width:195px;
	text-align:right;
	margin:2px 5px 0 0;
}
#schedule #content form ol li.checkboxes {
	text-align:center;
}
#schedule #content form ol li.checkboxes label {
	float:none;
	display:inline;
}
#schedule #content form ol li.checkboxes input {
	margin:0 1.5em 2px 0;
}

#schedule #content form ol li#new-loc {
	height:64px;
}
#schedule #content form ol li.location {
	height:auto;
	margin-bottom:5px;
}

#schedule #content form ol li.video span{
	text-align:right;
	float:left;
	width:195px;
	margin:2px 5px 0 0;
}
#schedule #content form ol li.video.error span{
	color:red;
	font-weight:bold;
}

#schedule #content form ol li.video label,#schedule #content form ol li.video input {
	display: inline;
	width:inherit;
	float:none;
}
#schedule #content form ol li.video label {
	margin-right:1em;
}

#schedule #content form ol li.diff-loc {
	margin-top:1.25em;
}

/*#schedule #content form ol li.diff-loc label {
	width:100%;
	text-align:left;
}

#schedule #content form ol li.diff-loc textarea {
	margin-left:;
}

#schedule #content form ol li.checkboxes {
	height:46px;
}*/

#schedule form li.error input {
	border: 1px red solid;
}
#schedule form li.error label {
	color:red;
	font-weight:bold;
}
#schedule form input[type='submit']{
	margin-left:205px;
}

/*RAVES PAGE*/
.ravequote {
	background:url('../images/bg_lftqt.gif') no-repeat 10px left;
}
#content .ravequote p{
	border-top:1px solid #eeeeee;
	padding:	10px 50px 0;
	background: url('../images/bg_rgtqt.gif') no-repeat right bottom;
	font-size:18px;
	line-height:1.2em;
	color:#003366;
}
#content .ravequote p.quoteauthor {
	border:none;
	background:none;
	margin:0 0 50px 0;
	padding:0;
	border-top:1px solid #eeeeee;
	font-size: 14px;
	color:#666666;
	text-align:right;
	line-height:2em;
}