/* CSS Document */

/* =============== GENERAL RULES =================== */

* { 
	padding: 0; margin: 0;
	}

html, body { 
	padding: 0; 
	margin: 0;
	border: 0;
	font-family: Arial, Sans-serif;
	}
	
h1, h2, h3, h4, h5, h6, h7, p, pre {
	margin: 0; 
	padding: 2px 0 0 0;
	text-align: left;
	}

/* =============== STYLESWITCH COLOR SCHEMES =================== */

/*
default.css
a #2B85BB (blue)
a:visited #FF7800 (orange)

greenstyle.css
a #80C31E (green)
a:visited #2B85BB (blue)

orangestyle.css
a #FF7A03 (orange)
a:visited #80C31E (green)
*/

	
/* =============== TYPOGRAPHY AND LINKS =================== */

body {
	font-family: Arial, Sans-serif;
	font-size: 11px;
	color: #666;
}

p, pre {
	font-size: 11px;
	line-height: 140%;
	color: #666;
	font-family: Arial, Sans-serif;
	font-size: 11px;
	color: #666;
}

pre {
	 white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
 	_white-space: pre;
}

h1 {
	font-size: 15px;
	color: #fff;
}

h2 {
	font-size: 12px;
	color: #fff;
}

h3 {
	font-size: 12px;
	color: #2B85BB;
}

h4 {
	font-size: 15px;
	color: #2B85BB;
}

h5 {
	font-size: 18px;
	color: #2B85BB;
}


h6 {
	font-weight: normal;
	font-size: 11px;
	line-height: 140%;
	color: #666;
}

h7 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FF7A03;
}

a {
	color: #2B85BB;
	background: none;
	text-decoration: none;
	padding: 2px;
}

a:hover {
	color: #fff;
	background: #2B85BB;
}

a:visited {
	color: #FF7800;
	background: none;
	text-decoration: underline;
}

#hp-manifesto a {
	color: #2B85BB;
	background: none;
	text-decoration: none;
}

#hp-manifesto a:hover {
	color: #fff;
	background: #2B85BB;
	text-decoration: none;
}

.homeHighlight {

	color: #FF7800;
}

.imglink {
	padding: 0;
}

.legal {
	font-size: 9px;
	line-height: 120%;
	padding: 0;
}

.uppercase {
	text-transform: uppercase;
}

ul {
	list-style: none;
	background: none;
}

.white_copy {
	color: #fff;
}

.white_copy a {
	color: #fff;
}

.white_copy a:hover {
	color: #2B85BB;
	background-color: #fff;
}

.bold {
	font-weight: bold;
	color: #000;
}

input.btn { 
	font-family: Arial, Sans-serif;
	font-size: 12px;
	color:#2B85BB; 
	background-color:#fff; 
	border: none;
	border-color: none;
	padding: 2px;
	} 
	
input.btnhov {
	cursor: pointer;
	cursor: hand;
	color:#fff;
	background-color:#2B85BB;
}
	
/* =============== MASTER LAYOUT =================== */

body {
	background: #ccc;
	background: #fff url(/imgs/bg_buttons.jpg) top right no-repeat;
}

#container {
	margin: 0;
	padding: 0;
}

#logo {
	height: 88px;
	padding: 25px 0 25px 34px;
	margin: 0;
}

#nav {
	min-height: 20px;
	padding: 0 0 20px 180px;
	clear: both;
}

#footer {
	padding: 30px 0 30px 180px;
	clear: both;
}

/* =============== PAGE SPECIFIC LAYOUTS =================== */

	/* ==== REEL / ARTISTS PAGES ==== */
	
#reel #content {
	width: 1020px
}
	
#reel_copy {
	background-color: #2B85BB;
	position: absolute;
	top: 178px;
	left: 660px;
	width: 170px;
	padding: 10px 10px 10px 8px;
}	
	
#reel #content, #samples #content, #news #content {
	padding: 0;
}

#reel-copy {
	padding: 10px 0 0 180px;
}

#artists-reel-copy {
	padding: 10px 0 0 0;
}

#samples_menu ul {
	padding: 2px 0 0 12px;
}

#reel_menu li, #artists_menu li, #samples_menu li, #news_menu li {
	padding: 0;
	border-bottom: 1px solid #2B85BB;
}

#reel_menu li a, #samples_menu li a, #artists_menu li a, #news_menu li a {
	font-size: 10px;
	font-weight: bold;
	color: #2B85BB;
	background: none;
	text-decoration: none;
	padding: 8px 0 8px 2px;
	display: block;
	text-transform: uppercase;
}

#reel_menu li a, #artists_menu li a, #news_menu li a {
	padding-left: 28px;
}

#samples_menu li a:visited, #news_menu li a:visited {
	color: #80C31E;
}

#reel_menu li a:hover, #samples_menu li a:hover, #artists_menu li a:hover, #news_menu li a:hover {
	color: #fff;
	background: #2B85BB;
	text-decoration: none;
}

#artist_landing {
	position: absolute;
	top: 178px;
	left: 180px;
	width: 600px;
}

.arrow_down {
	padding: 0 0 0 12px;
	size: 12px;
	font-weight: bold;
	background: url(/imgs/arrow_down.gif) top left no-repeat;
}

.arrow_down a {
	font-size: 14px;
	font-weight: bold;
	color: #FF7A03;
	text-decoration: none;
}

.arrow_down a:hover {
	color: #fff;
	background: #FF7A03;
}

.arrow_right {
	padding: 0 0 0 12px;
	size: 12px;
	font-weight: bold;
	background: url(/imgs/arrow_right.gif) top left no-repeat;
}

.arrow_right a {
	font-size: 14px;
	font-weight: bold;
	color: #FF7A03;
	text-decoration: none;
}

.arrow_right a:hover {
	color: #fff;
	background: #FF7A03;
}

#reel_menu, #artists_menu, #news_menu {
	width: 180px;
	float: left;
	border-top: 1px solid #2B85BB;
	height: 300px;
}

#artist_center {
	width: 480px;
	padding: 0;
	float: left;
}

.artist_image {
	float: left;
}

.news_image_div {
	float: left;
}

.artist_image .image, news_image_div .news_image {
	display: block;
}

.caption_overlay, .news_caption_overlay {
	padding: 10px;
	background-color: #FF7A03;
	margin-top: -48px;
	position: absolute;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

#artist_player {
	width: 220px;
	position: absolute;
	top: 178px;
	left: 444px;
}

#artist_player div, #artist_player h3 {
	padding: 0 0 5px 0;
}

#artist_player h4 {
	padding: 5px 0 0 0;
}

#artist_quicktime {
	width: 220px;
	text-transform: uppercase;
}

#artist_text {
	width: 220px;
}

#artist_copyright {
	padding: 0;
}

#samples_menu {
	width: 180px;
	position: absolute;
	top: 178px;
	left: 680px;
}

#samples_menu h4, #samples_menu h3 {
	padding: 0 0 8px 2px;
}

	/* ==== NEWS PAGE ==== */
	
#news #content {
	padding: 0;
}

#news #newsMenu {
	float: left;
	width: 180px;
}

#news #newsPage {
	float: left;
	width: 480px;
}

#newsInset {
	padding: 10px 0 0 20px;
	clear: left;
}

	/* ==== CLIENTS PAGE ==== */
	
#clients #content {
	padding: 30px 0 0 100px;
}

#clients-text {
	float: left;
	width: 220px;
}

#clients-img {
	float: left;
	padding: 4px 0 0 0;
}

#login-div {
	width: 200px;
}

#login-div div {
	padding: 15px 5px 2px 0;
}

	/* ==== ABOUT PAGE ==== */
	
#about #content {
	padding: 30px 0 0 130px;
}

#about-text {
	float: left;
	width: 220px;
}

#about-img {
	float: left;
	padding: 4px 0 0 0;
}


	/* ==== CONTACT PAGE ==== */
	
#contact #content {
	padding: 30px 0 0 100px;
}

#contact-text {
	float: left;
	width: 220px;
}

#contact-img {
	float: left;
	padding: 4px 0 0 0;
}

	/* ==== POPUP VIEW ==== */

#popupBody {
	margin: 20px 0 0 10px;
	text-align: center;
}

#popupLogo {
	padding: 0 0 15px 0;
}

#popupQTlink {
	padding: 10px 0 0 0;
	text-align: center;
}

#popupFooter {
	padding: 10px 0 10px 0;
	text-align: center;
	clear: both;
}

/* =============== SYNDICATION LINKS =================== */

#shareLinks {
	padding: 8px 0 12px 0;
	font-size: 11px;
	font-weight: bold;
}

#shareLinks div {
	float: left;
	padding: 0 2px 0 0;
}


/* =============== NAVIGATION =================== */

#nav ul {
	position: absolute; 
	list-style: none;
	width: 500px;
}

#nav li {
	float: left;
	margin: 0 20px 0 0;
}

#nav li ul {
	display: none;
	top: 0;
	left: 0;
	margin-left: 8px;
}

#nav li ul li {
	margin: 0 2px 10px 2px;
}

#nav a {
	font-size: 10px;
	font-weight: bold;
	color: #2B85BB;
	background: none;
	text-decoration: none;
	padding: 4px;
}

#nav a:hover {
	color: #fff;
	background: #2B85BB;
	text-decoration: none;
}

#nav ul li ul li a {
	font-size: 9px;
	font-weight: bold;
	color: #FF7800;
	background: none;
	text-decoration: none;
	padding: 2px;
}

#nav ul li ul li a:hover {
	color: #fff;
	background: #FF7800;
	text-decoration: none;
}


/* =============== SUB-NAVIGATION =================== */

#musicians #nav #navTwoSub {
	position: absolute;
	top: 25px;
	display: block;
	text-transform: uppercase;
}

#reel #nav #navThreeSub {
	position: absolute;
	top: 25px;
	display: block;
}

#samples #nav #navFourSub {
	position: absolute;
	top: 25px;
	display: block;
	text-transform: uppercase;
}

.menu-headline {
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	background: #FF7800;
	text-decoration: none;
	padding: 2px;
}

.alterNav a {
	color: #FF7800;
	background: none;
}

.alterNav a:hover {
	color: #fff;
	background: #FF7800;
}


/* =============== NAVIGATION ON STATES =================== */

#home #nav #navOne {
	color: #fff;
	background: #2B85BB;
}

#musicians #nav #navTwo {
	color: #fff;
	background: #2B85BB;
}

#reel #nav #navThree {
	color: #fff;
	background: #2B85BB;
}

#samples #nav #navFour {
	color: #fff;
	background: #2B85BB;
}

#news #nav #navEight {
	color: #fff;
	background: #2B85BB;
}

#clients #nav #navFive {
	color: #fff;
	background: #2B85BB;
}

#about #nav #navSix {
	color: #fff;
	background: #2B85BB;
}

#contact #nav #navSeven {
	color: #fff;
	background: #2B85BB;
}


/* =============== SAMPLES MENU ===================

#samples-menu ul {
	list-style: none;
}

#samples-menu ul li {
	padding: 2px 0 2px 0;
}

#samples-menu a:hover {
	color: #fff;
	background: #2B85BB;
}
*/

/* =============== CLIENTS MENU =================== */

#clients-text ul {
	list-style: none;
	
}

#clients-text ul li {
	padding: 10px 0 2px 0;
	font-size: 13px;
}

.clientLookLinks {
	font-size: 13px;
}