/*---- =Global
------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color: #bcc3bb;
	background:#282d27;
	}

a, 
a:visited {
	color:#cb6600;
	text-decoration:none;
	}

a:hover, 
a:active {
	color:#fff;
	text-decoration:none;
	}
	
ul {
	list-style:none;
	}
	
.clear {
	margin:0;
	padding:0;
	height:1px;
	clear:both;
	}
	
img {
	border:none;
	}
	
p {
	margin:0 0 16px 0;
	line-height:17px;
	}

#wrap {
	width:900px;
	margin:0 auto 50px 0;
	}
	
	
/* Headers
------------------------------------------------------------*/

h2 {font-size: 2.2em; color:#fff; margin-bottom: 10px;}	

h3 {font-size: 1.1em; color:#fff; margin:0 0 5px 0;}
	
h4 {color:#fff; margin-bottom: 10px;}	

	

/* Masthead and Nav
------------------------------------------------------------*/

#masthead {
	width:auto;
	height:53px;
	margin:0 auto;
	padding:10px 0;
	background:#212520;
	border-bottom:1px solid #464746;
	}
	
.masthead-content {
	width:900px;
	margin:0 auto;
	}

#masthead h1 {
	width:389px;
	height:53px;
	float:left;
	background:url(/img/cc_masthead.gif) 0 50% no-repeat;
	text-indent:-20000px;
	}

ul#primary_nav {
	display:block;
	float:right;
	height:30px;
	margin:11px 0 0 0;
	background:#081213;
	}

ul#primary_nav li {
	height:30px;
	display:inline;
	line-height:30px;
	padding:0 10px;
	text-align:center;
	}
	
ul#primary_nav li a {
	color:#ddd;
	}
	
ul#primary_nav li a:hover,
ul#primary_nav li a.active {
	color:orange;
	}


/*---- Home Page
------------------------------------------------------------*/

body#home {
	background:#1f241f;
	}

#project-banner-home {
	width:auto;
	background:#282d27;
	border-bottom:1px solid #464746;
	margin:0 auto;
	}
	
#project-banner-home div#banner_container {
	width:900px;
	height:297px;
	margin:0 auto;
	}

#project-banner-home #intro_text {
	position:absolute;
	width:580px;
	height:297px;
	margin:20px 0 0 20px;
	overflow:hidden;
}

#project-banner-home #intro_text p.intro {
	color:#fff;
	font-size:1.75em;
	font-weight:normal;
	margin-top:15px;
}

#project-banner-home #intro_text ul {
	margin-top:30px;
}

#project-banner-home #intro_text ul li {
	float:left;
	font-size:1.15em;
	margin-right:50px;
}

#project-banner-home #intro_text ul li.last {
	margin-right:0;
}

#project-banner-home #intro_text p.more {
	color:#fff;
	font-size:1em;
	font-weight:normal;
}

#project-nav {
	width:auto;
	border-bottom:1px solid #464746;
	}
	
#project-nav div {
	width:900px;
	margin:0 auto;
	}
	
#project-nav div h3 {
	float:left;
	width:213px;
	height:40px;
	margin:0;
	padding:10px 0 0 10px;
	border-left:1px solid #464746;
	}
	
#project-nav div ul {
	float:left;
	border-right:1px solid #464746;
	}
	
#project-nav div ul li {
	float:left;
	width:214px;
	height:40px;
	padding:10px 0 0 10px;
	border-left:1px solid #464746;
	}
	
#project-nav div ul li a {
	color:#ddd;
	}

#project-nav div ul li a:hover {
		color:#ff6600;
		}	

#content {
	width:900px;
	display:block;
	min-height:300px;
	margin:0 auto;
	padding:20px 0 0 0;
	}
	
#content #left-col {
	float:left;
	width:585px;
	padding:20px 20px 0 0;
	background:none;
	border-right:1px dotted #464746;
	}
	
#content #right-col {
	width:255px;
	float:right;
	padding:0;
	}


/*---- Projects Page
------------------------------------------------------------*/

#project-title {
	width:900px;
	margin:0 auto;
	padding:0;
	}
	
#project-title h2 {
	font-size:24px;
	margin:10px 0 0 0;
	}
	
ul#project-nav {
	width:900px;
	margin:5px auto 10px auto;
	padding:0;
	border:none;
	}
	
ul#project-nav li {
	display:inline;
	font-weight:bold;
	}
	
ul#project-nav li a {
	color:#fff;
	}
	
ul#project-nav li a:hover,
ul#project-nav li a.active {
	color:orange;
	}
	
#project-banner {
	width:auto;
	background:#212520;
	border-top:1px solid #464746;
	border-bottom:1px solid #464746;
	}
	
#project-banner div {
	width:900px;
	height:260px;
	margin:0 auto;
	padding:0;
	}
	
#project-banner div.ssp {
	width:696px;
	height:464px;
	margin:10px auto 0 auto;
	padding:0;
	}
	
#project-content {
	width:900px;
	margin:0 auto;
	overflow:hidden;
	}
	
.block {
	display:block;
	width:100%;
	float:left;
	margin:40px 0 0 0;
	}
	
.block h3 {
	margin:5px 0 10px 0;
	}
	
.block:hover {
	background:#212520;
	}
	
.block a img {
	float:left;
	margin:0 15px 0 0;
	padding:5px;
	background:#212520;
	}
	
/* Left Column */
	
#left-col {
	float:left;
	width:605px;
	margin:0 0 -20000px 0;
	padding:10px 10px 20000px 10px;
	background:#212520;
	}
	
p.intro {
	font-size:20px;
	font-weight:bold;
	line-height:115%;
	}
	
/* Right Column */
	
#right-col {
	width:255px;
	float:right;
	padding:10px;
	}
	
.module {
	margin:0 0 25px 0;
	}

p.credits {
		font-size:10px;
		font-weight:normal;
		margin-top: 20px;
		}
		
			
/*---- Music Pages
------------------------------------------------------------*/

h1.bigtitle	{font-size: 42px; color: #fff; font-weight: normal;	
}	

h3.sidebar	{font-size: 14px;}
p.sidebar	{font-size: 11px;}


	
.mflash	{margin-top: 15px; margin-bottom: 30px;}
	
#project-content-music {
	width:900px;
	margin:0px auto 0 auto;
	overflow:hidden;
	}
	
#project-content-music h2 {
	margin:0 0 10px 0;
	}
	
#project-banner-music #music-player {
	width:480px;
	height:20px;
	margin:0 auto;
	padding:0;
	}
	
#project-content-music #left-col {
	float:left;
	width:585px;
	margin:0 0 -20000px 0;
	padding:20px 20px 20000px 20px;
	background:#212520;
	}
	
#project-content-music #right-col {
	width:255px;
	float:right;
	padding:20px 10px 0 10px;
	}
	
.music-module a {
	display:block;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	}
	
.music-module a:hover p {
	color:#fff;
	}
	
.music-module a:hover h4 {
	color:orange;
	}
	
.music-module img {
	float:left;
	margin:0 10px 0 0;
	}

.music-module h4 {
	color:#fff;
	}
	
.music-module p {
	color:#aaa;
	}
	
	
/*---- Cotact Page
------------------------------------------------------------*/

#contact-content {
	width:900px;
	margin:50px auto 0 auto;
	}
	
#contact-content h2 {
	margin:0 0 20px 0;
	}
	
#contact-content h3 {
	margin:0 0 10px 0;
	}
	
#contact-content #left-col {
	background:none;
	}
	
	
#footer {
	clear:both;
	width:900px;
	margin:50px auto;
	padding:10px 0;
	font-size:11px;
	border-top:1px solid #464746;
	}
	
#footer p {
	float:left;
	}
	
#footer a,
#footer a:link {
	color:#fff;
	}
	
#footer a:hover,
#footer a:active {
	color:#cb6600;
	}
	
#footer ul {
	float:right;
	}
	
#footer ul li {
	display:inline;
	padding:0 5px;
	border-left:1px solid #464746;
	}
	
#footer ul li:first-child {
	border:none;
	}