/*******************/
/* GLOBAL SETTINGS */
/*******************/

/* MARGINS, PADDING */
html, body {
height:100%;	
}

* {
	margin: 0;
	padding: 0;
}
/* IMAGES */
img {
	border-style: none;
}
/* LINKS */
a:active {
	outline: none;
}
a:visited {
	outline: none;
}
/* FLOATS */
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear_float {
	clear:both;
}
.clear_right {
	clear:right;
}
.clear_left {
	clear:left;
}

/* COLORS */
.heading, h1, h2, h3, h4, .social_links_heading, .section_block .rate span, #contact h2, #content a {
color:#EFD279;
}

.current {
	border-bottom:solid 3px #EFD279;
}
#primary_nav a.current:hover {
border-bottom:solid 3px #EFD279;
}




/* HEADINGS */
h1, p.heading, h2, h3, h4 {
	padding-bottom:5px;
	font-weight:normal;
	text-transform:capitalize;
	font-variant:small-caps;
}
label.heading {
	padding-bottom:5px;
	font-weight:normal;
	text-transform:capitalize;
	font-variant:small-caps;
	font-size: 1.6em;
	color:#EFD279;
	padding:0px 0px 5px 0px;
	margin:0px;

}
/* PARAGRAPHS */
p {
	margin-bottom:6px;
}
/* WIDTH CLASSES */

.width_full {
width:745px;	
}
.width_120 {	
	width:120px;
}
.width_160 {	
	width:120px;
}
.width_180 {	
	width:180px;
}
.width_200 {	
	width:200px;
}
.width_220 {	
	width:220px;
}
.width_240 {	
	width:240px;
}
.width_260 {	
	width:200px;
}
.width_280 {	
	width:280px;
}
.width_340 {
	width:340px;
}
.width_350 {
	width:350px;
}
.width_360 {
	width:360px;
}

.width_380 {
	width:380px;
}
.width_390 {
	width:390px;
}
	
.width_410 {
	width:410px;
}
.width_400 {
	width:400px;
}
.width_420 {
	width:420px;
}
.width_440 {
	width:440px;
}
.width_500 {
	width:500px;
}
.width_460 {
	width:460px;
}


/**********/
/* LAYOUT */
/**********/

/* BODY */
body {
	margin: 0;
	padding: 0;
	background-color:#000;
	font: 12px/170% "Arial", Helvetica, sans-serif;
	color:#FFF;
	background-image:url(../images/background.png);
	background-position:top center;
	background-repeat:repeat-y;
}
/* WRAPPER */
#wrapper {
	width: 820px;
	margin: 0 auto;
	background-image:url(../images/wrapper_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* HEAD */
#head_container {
	clear:both;
}
/* HEADER */
#header {
	height: 84px;
	width: 820px;
	position:absolute;
	top:0px;
	background:url(../images/header_bg.jpg) top left #000;
}
/* CONTENT */
#content {
	float:left;
	width:560px;
	background-image:url(../images/content_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	padding:20px;
	margin-top:310px;
	padding-top:28px;
}
/* SIDEBAR */
#sidebar {
	width:220px;
	float:right;
	background-image:url(../images/sidebar_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px;
	margin-top:310px;
	text-align:center;
	position:relative;
	
}
/* FOOTER */
#footer {
	height: 60px;
	width: 820px;
	clear: both;
	background-color:#151515;
	margin-left:auto;
	margin-right:auto;
}


/**********/
/* STYLES */
/**********/

/* FEATURED BLOCK */
#featured {
	width: 820px;
	height:226px;
	position:absolute;
	top: 84px;
	background-color:#000;
	background-image:url(../images/featured_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-top:solid 1px #111;
}
.featured_block {
	background-image:url(../images/140x200_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	height:154px;
	margin:20px 20px 20px 20px;
	padding:14px 16px 14px 20px;
}

.featured_block p {
	font-size:1.3em;
	line-height:1.4em;
	color:#CCC;
}

.featured_block span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:300%;
	float:left;
	padding-right:6px;
	padding-left:2px;
	margin-top:6px;
	color:#FFF;
	line-height:36px;
}

.featured_item {
	background-image:url(../images/140x200_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	padding:17px 8px 11px 10px;
	margin:20px 6px 20px 6px;
}
.featured_item_current {
	background-image:url(../images/140x200_bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	padding:17px 8px 11px 10px;
	margin:20px 6px 20px 6px;
}
.featured_item:hover {
	background-image:url(../images/140x200_bg.png);
	background-position:bottom;
}

.featured_photo {
	background-image:url(../images/140x200_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	height:154px;
	margin:20px 10px 20px 10px;
	padding:14px;
}





/* IMAGE FLAGS 
.flag_start_project {
	position:absolute;
	left: 224px;
	bottom: 8px;
	width:130px;
	height:30px;
	background-image:url(../images/online-mixing-mastering-services.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	padding-top:6px;
}
.flag_start_project:hover {
	background-image:url(../images/online-mixing-mastering-services.png);
	background-position:-130px 0px;
}
*/
.sidebar_start_project {
	position:absolute;
	left:14px;
	top:0px;
	width:195px;
	height:35px;
	background-image:url(../images/start_studio_project.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:24px;
	color:#FFF;
	}
.sidebar_start_project:hover {
	background-image:url(../images/start_studio_project.png);
	background-position:-196px 0px;
}


.client_login {
	background-image:url(../images/flag_client_login.png);
	background-position:0px -4px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:10px;
	width:106px;
	height:36px;
}
.client_login:hover {
	background-position:0px 0px;
}


.start_new_project {
	background-image:url(../images/flag_start_new_project.png);
	background-position:0px -4px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	right:124px;
	width:126px;
	height:36px;
}
.start_new_project:hover {
	background-position:0px 0px;
}

/* CONTENT LINKS */
#content a {
	text-decoration:none;
	font-weight:normal;
}
#content a:hover {
	text-decoration:underline;
}

/* CONTENT PHOTOS */
.content_photo_right {
	border-color:#CCC;
	border-style:solid;
	border-width:2px;
	margin:5px 0px 5px 10px;
	float:right;
}
.content_photo_left {
	border-color:#CCC;
	border-style:solid;
	border-width:2px;
	margin:5px 10px 5px 0px;
	float:left;
}
.content_photo_left:hover, .content_photo_right:hover {
	
border-color:#FFF;	
}

/* SECTION_INTRO */
.section_paragraph h1 {
	float:left;
	font-size: 1.65em;
	line-height:18px;
	padding-right:10px;	
	padding-left:7px;
	padding-top:5px;
	background-image:url(../images/title_fade.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

.section_paragraph h1 span {
	color:#FFF;
	font-size:.8em;
	letter-spacing:normal;
	display:block;
	padding-left:2px;
	text-align:right;

}
.section_paragraph p {
	margin-left:1px;
	margin-bottom:22px;
	font-size:1.25em;
	line-height:1.35em;
	color:#FFF;
	float:right;
	padding:0px;
	padding-top:0px;
	position:relative;
}

/* SECTION_BLOCK */
.section_block {
	float:right;
	background-image:url(../images/section_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	padding:16px;
}
.section_block h2 {
	font-size: 1.6em;

	line-height:18px;
	float:left;
	font-weight:normal;
	padding-bottom:6px;
	text-transform:capitalize;
}
.section_block h2 span {
	letter-spacing:normal;
	display:block;
	text-align:left;
}
.section_block p {
	font-size:1.13em;
	line-height:1.35em;
	color:#FFF;
	padding-bottom:6px;
	clear:left;
}

.section_block p.contact {
font-size:1.4em;
padding-left:10px;
}

#contact_link {
color:#FFF;
}

#contact_link:hover {
color:#FFF;	
}


.section_block .rate {
	font-size:1.6em;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	top:-5px;
}

.section_block .rate span {
	font-size:1.3em;
}

.section_block .rate_heading {
width:380px;
}

.section_block ul {
	font-size:1.13em;
	line-height:1.35em;
	color:#FFF;
	clear:left;
margin-left:16px;
}


.section_start_project {
float:right;	
font-size:1.6em;

}



/*SIDEBAR P */
.sidebar_paragraph {
	color:#999;
	font-size:1.2em;
	line-height:1.3em;
	font-style:italic;
	padding:5px 20px 5px 20px;
	text-align:left;
}

/* Sidebar Photos */
.sidebar_photo {
	border-color:#666;
	border-style:solid;
	border-width:2px;
	text-align:center;
	margin-top:14px
}
.sidebar_photo:hover {
	border-color:#CCC;
}


#social_links {
margin-left:22px;
text-align:left;
margin-top:15px;
position:relative;
margin-top:80px;
}

.social_links_heading {
	float:left;
	font-size: 1.65em;
	line-height:16px;
	padding-right:12px;	
	padding-left:7px;
	padding-top:3px;

}

.social_links_heading span {
	color:#FFF;
	font-size:1em;
	letter-spacing:normal;
	display:block;
	padding-left:2px;
	padding-top:4px;
	text-align:right;
}

#social_links_list {
 margin:0px 20px 0px 0px;
 padding:0;
 float:right;
 width:100px;
}
#social_links_list li {
list-style:none;
font-style:italic;
font-size:1.1em;
font-weight:bold;
padding-left:26px;
margin-right:34px;
margin-top:3px;
margin-bottom:3px;
}

#social_links_list a {
	text-decoration:none;
	color:#CCC;
}

#social_links_list a:hover {
	color:#FFF;
	margin-left:3px;
}

.facebook {
background-image:url(../images/social_icons.gif);
background-repeat:no-repeat;
background-position:0px 0px;
height:18px;
}
.myspace {
background-image:url(../images/social_icons.gif);
background-repeat:no-repeat;
background-position:0px -18px;
height:18px;
}
.twitter {
background-image:url(../images/social_icons.gif);
background-repeat:no-repeat;
background-position:0px -36px;
height:18px;
}

/* FOOTER MENU NAV */
#footer_nav {
	margin: 12px;
	padding:0px;
	list-style: none;
	float:right;
	font-size:.9em;
	color:#666;
	width:160px;
	line-height:17px;
}
#footer_nav li {
	float: left;
	margin:0px;
	padding:0px 4px 2px 4px;
}
#footer_nav li a {
	text-decoration:underline;
	padding: 0px 0px 0px 0px;
	position:relative;
	color:#666;
}
#footer_nav a:hover {
	color:#999;
}
#footer_nav img {
	float:left;
	padding-right:3px;
}

/* PRIMARY MENU NAV */
#primary_nav {
	position:absolute;
	top:46px;
	right:0px;
}
#primary_nav {
	margin: 0px;
	padding:0px;
	list-style: none;
	float: left;
	clear: left;
	margin-right: 20px;
}
#primary_nav li {
	float: left;
	margin:4px;
	padding:0px 10px 0px 10px;
}
#primary_nav li a {
	text-decoration: none;
	padding: 0px 0px 3px 0px;
	color:#FFF;
	font: 900 13px "Arial", Helvetica, sans-serif;
	position:relative;
}
#primary_nav a:hover {
	border-bottom:solid 3px #CCC;
	}


/* TITLE */
#header .title {
	position:relative;
	top: 15px;
	left: 24px;
}

/* CONTACT */
#contact{
padding:0px;
}
#contact h1 {
	padding:0px 0px 0px 0px;	
}
#contact p {
	font-size:1.4em;	
}
#contact p.padded {
font-size:1.4em;	
padding-bottom:20px;
}

#contact p.error{
	padding:10px;
	background-color:#FFF;
	margin-top: 10px;
	margin-right:10px;
	color:#000;
}

#contact p.success{
	padding:10px;
	background-color:#FFF;
	margin-top: 10px;
	margin-right: 10px;
	color:#000;
}

#contact h2 {
line-height:18px;
}
#contact_left{
float:left;
width:180px;
margin-top:20px;
padding:20px;
margin-right:35px;
background-image:url(../images/section_bg.png);
background-position:top left;
background-repeat:repeat-x;
margin-left:20px;
}
#contact_right{
float:right;
width:220px;
margin-top:20px;
background-image:url(../images/section_bg.png);
background-position:top left;
background-repeat:repeat-x;
padding:10px 10px 20px 20px;
margin-right:20px;

}
/* CONTACT FORM */

#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform .input {
	padding:2px;
	font-size:16px;
	color:#333;
	width:200px;
}
form#contactform .btn{
	padding:2px;
	font-size:16px;
	color:#333;
}
form#contactform .textarea {
	font-size:14px;
	padding:0.6em 0.5em 0.7em;
	width:190px;
}

.error {

}

/* IMAGE GALLERY */
#gallery {
}
#gallery ul {
list-style:none;
}
#gallery ul li {
float:left;
margin-left:8px;
margin-bottom:8px;
}
#gallery img {
border-color:#666;
	border-style:solid;
	border-width:2px;
	text-align:center;
}
#gallery img:hover {
		border-color:#CCC;
}

#gallery h1 {
	font-size:1.6em;
	margin-left:8px;
	margin-bottom:4px;
}


ul.equipment{
	list-style:none;
	padding-top:4px;
}

ul.equipment ul
{
	padding-left:20px;	
	list-style:circle;
	padding-top:4px;
}

ul.equipment ul li {
padding:2px;	
}

ul.equipment li {
padding-top:4px;	
}

#contact a {
	color:#FFF;
}
p.heading {
font-size: 1.6em;
color:#EFD279;
	padding:0px 0px 5px 0px;
	margin:0px;
	font-weight:normal;
	text-transform:capitalize;
	font-variant:small-caps;
}