/* Reset Defaults
--------------------------------------------------------------- */
body { margin: 0; padding: 0; font: 76%/1.5em Helvetica, Arial, sans-serif; color: #77672C; }
body * { margin: 0; padding: 0; font-size: 1em; }
h1, h2, h3, h4, h5, h6,
p, blockquote, ul, ol, dl,
fieldset, address { margin-bottom: 1em; }
address { margin-left: 1.6em; }
address, abbr, acronym { font-style: normal; }
a:link , a:visited { color: #FFC608; text-decoration: none; }
a:hover , a:active { color: #FFF; text-decoration: underline; }
abbr { border: none; font-style: normal;}
img { border: none; }

/* Default Styles
--------------------------------------------------------------- */
h1 { font-size: 2.0em; margin: 0.4em 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; letter-spacing: .2em; } 
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
h1, h2, h3 { color: #FFC608; font-weight: normal; }
h4, h5, h6 { color: #77672C; font-weight: bold; }
h2, h3, h4, h5, h6 { margin: 1.2em 0 .5em; line-height: 1.2em; }
table, th, td { font-weight: normal; vertical-align: top; text-align: left; font-size: 1.0em; }
ul, ol { padding: 0 0 0 1.6em; }
li { padding: 0 0 1em 0; font-size: .96em; line-height: 1.2em; }
dl { margin-bottom: 3em; }
dl dt { color: #FFF; font-weight: bold; }
dt { margin-top: 0; }
dd { margin-bottom: 1em; }
blockquote { margin-left: 2em; }
.italic { font-style: italic; }
.small { font-size: .87em; }
.first { margin-top: 0; }
.last { margin-bottom: 0; }
.hidden { position: absolute; left: -3000px; }
.production_note { color: #F00; }


/* Structure
--------------------------------------------------------------- */
body {
	background: #000 url("../images/bg_body.jpg") center top no-repeat fixed;
	text-align: center;
	}
#container {
	width: 988px;
	margin: 0 auto;
	}
#header {
	height: 169px;
	background: transparent url("../images/bg_header.jpg") center top no-repeat;
	}
#header_top {
	height: 86px;
	padding: 0 17px;
	}
#nav {
	height: 36px;
	padding: 0 26px;
	text-align: left;
	}
#content {
	height: auto;
	margin: 0 10px 72px 8px;
	padding: 12px 63px 36px;
	background: #000;
	text-align: left;
	}
/* 2 Column Layouts */
#main_content {
	margin: 0 0 0 300px;
	}
#side_content {
	float: left;
	width: 240px;
	padding: 18px 20px 18px 0;
	border-right: 1px dotted #77672C;
	}
#column_container #left_content {
	float: left;
	width: 390px;
	margin-right: 30px;
	text-align: left;
	}
#column_container #right_content {
	float: left;
	width: 400px;
	padding-left: 20px;
	border-left: 1px dotted #77672C;
	text-align: left;
	}
#footer { 
	clear: both;
	height: 5px;
	overflow: hidden;
	}


/* Header Styles
--------------------------------------------------------------- */
a#btn_home {
	display: block;
	float: left;
	width: 238px;
	height: 86px;
	background: transparent url("../images/btn_home.png") left top no-repeat;
	text-indent: -5000px;
	}
a#btn_beheard {
	display: block;
	float: right;
	width: 196px;
	height: 86px;
	background: transparent url("../images/btn_beheard.png") left top no-repeat;
	text-indent: -5000px;
	}
a#btn_home:hover, a#btn_home:active {
	background-position: left bottom;
	}
a#btn_beheard:hover, a#btn_beheard:active {
	background-position: left bottom;
	}
a#btn_home:focus, a#btn_beheard:focus { outline: none; }

#news_scroller {
	padding: 35px 224px 0 266px;
	color: #FFF;
	font-size: 1.25em;
	}

#header h2 {
	display: block;
	height: 31px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/h2_header_banner.png") 18px top no-repeat;
	text-indent: -5000px;
	}



/* Navigation Styles
--------------------------------------------------------------- */
#nav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0;
	}
#nav ul li {
	display: block;
	float: left;
	padding: 0 40px 0 0;
	font-size: 1.05em;
	}
#nav ul li a:link, #nav ul li a:visited {
	color: #57470C;
	}
#nav ul li a:hover, #nav ul li a:active {
	color: #ffc608;
	text-decoration: none;
	}
#nav ul li.btn_contact { float: right; padding: 0; }
#nav ul li a:focus { outline: none; }

/* Active Nav Links */
body#about #nav ul li.btn_about a { color: #FFF; }
body#artists #nav ul li.btn_artists a { color: #FFF; }
body#services #nav ul li.btn_services a { color: #FFF; }
body#casestudies #nav ul li.btn_casestudies a { color: #FFF; }
body#videos #nav ul li.btn_videos a { color: #FFF; }
body#contact #nav ul li.btn_contact a { color: #FFF; }


/* Content Styles
--------------------------------------------------------------- */
#content h3.first { margin-top: 0; }
#content p { text-align: justify; }
#content p.intro { line-height: 1.8em; }
#flash {
	margin: 0;
	padding: 0;
	}
#content img.inline_left {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #312500;	
	}
#side_content { font-size: .91em; line-height: 1.15em; }
#side_content div.side_picture {
	display: block;
	margin-bottom: 2em;
	padding: 8px;
	border: 1px solid #312500;
	}
#side_content div.side_picture img {
	border: 1px solid #312500;
	}
#side_content .caption {
	padding-top: 10px;
	color: #ffc608;
	}

/* Inline Buttons */
a.btn_arrow {
	padding-left: 14px;
	background: #000 url("../images/btn_arrow.png") left top no-repeat;
	}
a.btn_arrow:hover, a.btn_arrow:active { text-decoration: none; }

/* List Styles */
#content ul {
	list-style: none;
	padding: 0 0 0 0.6em;
	}
#content li { 
	padding: 0 0 1em 1em;
	background: #000 url("../images/bullet.png") 0 2px no-repeat;
	}

/* Forms */
form input, form textarea {
	padding: 1px 2px;
	background: #000;
	border: 1px solid #77672C;
	color: #77672C;
	font-size: 10px;
	* font-size: 12px;
	font-weight: normal;
	}
form input.btn {
	background: #B00 url("../images/bg_btn.gif") left top repeat-x;
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0 9px;
	border-width: 3px;
	border-style: double;
	border-top-color: #A22;
	border-right-color: #600;
	border-bottom-color: #600;
	border-left-color: #A22;
	color: #FBC700;
	font-family: Verdana;
	font-size: .91em;
	font-weight: bold;
	letter-spacing: 1px;
}
.required { color: #F00; font-weight: bold; }
.unrequired { color: transparent; font-weight: bold; }


/* Special and Page Specifc Styles
--------------------------------------------------------------- */
/* Short Body Background */
body#home, body#artists, body#videos, body#contact 
{ background: #000 url("../images/bg_body_home.jpg") center top no-repeat fixed; }

/* Home */
body#home #content { display: none; }
body#home #flash { width: 988px; height: 593px; }


/* Artists */
body#artists #column_container {
	*margin-right: -17px; /* For IE */
	}
body#artists #column_container p {
	float: left;
	width: 190px;
	margin-right: 30px;
	text-align: left;
	}
body#artists #column_container ul {
	list-style: none;
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
	padding: 3px 0 9px;
	}
body#artists #column_container ul.first {
	padding-left: 20px;
	border-left: 1px dotted #77672C;
	}
body#artists #column_container ul li {
	padding: 0 0 5px 0;
	background: none;
	font-size: .91em;
	line-height: 1.2em;
	}

/* Services */
body#services #column_container #left_content {
	width: 300px;
	}
body#services #column_container #right_content {
	width: 490px;
	}

/* Case Studies */
body#casestudies h4 {
	color: #FFC608;
	}
body#casestudies .case_container {
	clear: both;
	}
body#casestudies .case_intro,
body#casestudies .casestudy {
	margin: 0 0 0 300px;
	padding: 0 0 2em;
	}
body#casestudies .casestudy {
	border-top: 1px dotted #77672C;
	}
body#casestudies .case_picture {
	float: left;
	width: 250px;
	margin: 1.5em 0 2em;
	border: 1px solid #312500;
	text-align: center;
	}
body#casestudies .case_picture img {
	border: 1px solid #312500;
	margin: 9px auto;
	}
body#casestudies .case_picture .caption {
	padding: 0 9px 10px;
	color: #ffc608;
	font-size: .91em;
	line-height: 1.15em;
	text-align: left;
	}
	
/* Contact Page */
body#contact #form_container { 
	float: right;
	width: 540px;
	padding: 0 0 20px 24px;
	border-left: 1px dotted #77672C;
	}
body#contact table#contact_form { width: 300px; }
body#contact table#contact_form td {
	padding-bottom: 1em;
	font-size: .96em;
	font-weight: bold;
	}
body#contact table#contact_form td.left { width: 25%; text-align: left; }
body#contact table#contact_form td.right { width: 75%; text-align: left; }