/* GLOBAL Styles */
/*=================================================================================*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body { background: black url(recording-studio-img/pres/studio-main-bg.png) repeat; font: 0.85em verdana; }


/* PARAGRAPH Styles */
/*=================================================================================*/

p { color: #555; font: 1em verdana; }

p.form { color: #1C1C1C; }

p.red { color: #d31f34; }

p.green { color: #00994b; }

/* CLASS & ID Styles */
/*=================================================================================*/

/* --- GENERAL PAGES --- */

.background { background-image: url(recording-studio-img/pres/studio-cyan-bg.gif); background-repeat: repeat; }

.contentbackground { background-image: url(recording-studio-img/pres/studio-content-bg.gif); background-repeat: repeat; }
	
.content-wrapper { height: 100%; width:740px; padding:10px;}

.cta { margin: 0 15px 5px 0; text-align: right;	}

.footer-call-text {	font: bold 1em verdana;	color:#fff;	}

.main-content { background: url(recording-studio-img/pres/v-sep.gif) repeat-y right; float: left; padding-right: 10px; width: 470px; }	

.long-side-content { background: url(recording-studio-img/pres/v-sep.gif) repeat-y left; float: right; padding-left: 10px; width: 250px; }

.short-main-content { background: none; float: left; padding-right: 10px; width: 470px; }

.findoutmore { border: solid 0px red; margin:10px 0 0 13px; width: 130px;}

.more-label { float: left; }

.more-arrow { float: left; margin: 4px 10px 0 10px;}

.findoutmore-case { border: solid 0px red; margin:8px 0 0 80px; width: 140px;}


.nav_on { background-image: url(recording-studio-img/pres/menu/bg_on.gif); border: 0px;	font: 12px arial; text-align: center; vertical-align: center; }

.nav_off { background-image: url(recording-studio-img/pres/menu/bg_off.gif); border: 0px; font: 12px arial;	text-align: center;	vertical-align: center;	}

.nav_off:hover { background-image: url(recording-studio-img/pres/menu/bg_on.gif); border: 0px; font: 12px arial; text-align: center; vertical-align: center; }

.line { background-image: url(recording-studio-img/pres/h-sep.gif); background-repeat: repeat-x; display: block; height:1px; margin: 15px 0 15px 0; }	

.side-content {	float: right; padding-left: 10px; width: 250px; }	

.error { background-color: #f7d7da; border: solid 1px #d31f34; color: #d31f34; padding:10px;}

.success { background-color: #c2e7d4; border: solid 1px #00994b; color: #00994b; padding:10px;}

/* --- SERVICE DETAIL PAGES --- */

.audio-reel { background:white; padding: 10px 10px 10px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; opacity:0.6;filter:alpha(opacity=60); }

.findoutmore-right { float: left; margin:15px 10px 0 15px; text-align:right; }

.grad-box { background: #d1d1d1 url(recording-studio-img/pres/grad-cornr-grad.gif) repeat-x top left; margin: 15px 0 15px 0; padding: 15px 10px 15px 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.l-comma { display: block; float:left; padding-right:10px; width:25px; }

.pop-box { float:left; margin-left:5px; width:250px;}

.quote-left { display: block; float: left; margin-right: 0.5em;	padding-bottom: 10px; text-align: right; width:252px; }

.quote-right { display: block; float: left; margin-right: 0.5em; padding-bottom: 10px; text-align: right; width:200px; }

.quote-requirement { display: block; float:left; border: solid 0px red; margin-left: 11px; padding: 0 0 10px 0; text-align: left; width:114px; }

.quote-textarea { display: block; float: left; border: solid 0px red; padding: 0 0 10px 0; text-align: right; }

.quote-button { margin-right: 0.5em; text-align: right;	width:450px; }

.r-comma { display: block; float: right; margin-top:-10px; width:27px; }

.service-container { background-color: #fff; margin-bottom:15px;}

.service-list { float:right; padding-left:15px; width: 190px;}

#service-middle { width:470px;}

.service-menu-item-off { background: white url(recording-studio-img/pres/h-sep.gif) repeat-x bottom; padding:10px 0 10px 10px; }
	
.service-menu-item-off a:link { color:#333;	}
		
.service-menu-item-off:hover { background:#222;	color:white; }
		
.service-menu-item-off:hover a:link { background:#222; color:white;	}	
	
.service-menu-item-off:hover a:visited { background:#222; color:white; }
		
.service-menu-item-off:hover a:hover { background:#222;	color:white; }
	
.service-menu-item-off img { float:left; margin-top: 6px; padding-right: 10px; }

.service-menu-item-off p { float:left; }

.service-menu-item-on { background: url(recording-studio-img/pres/h-sep.gif) repeat-x bottom; padding: 10px 0 10px 10px; }
	
.service-menu-item-on a:link { color:#fff; }	
	
.service-menu-item-on a:visited { color:#fff; }
		
.service-menu-item-on a:hover { color:#fff; }	
	
.service-menu-item-on a:active { color:#fff; }	
	
.service-menu-item-on { background: #222; }

.service-menu-item-on img { float:left; margin-top: 6px; padding-right: 10px; }

.service-menu-item-on p { float:left; }

.testimonial{ margin-top:10px; width: 250px;	}

.testimonial-content { display: block; float: left; width: 200px; }


/* --- SERVICE OVERVIEW PAGE --- */

.service-1 { background: url(recording-studio-img/pres/v-sep.gif) repeat-y right; float:left; padding: 0 10px 10px 3px;	width: 231px; }

.service-2 { background: url(recording-studio-img/pres/v-sep.gif) repeat-y right; float: left; padding: 0 10px 10px 10px; width: 231px;	}

.service-3 { float: left; padding: 0 0 10px 10px; width: 231px; }

.service-blurb { height: 90px;	padding: 5px 0 0 13px; width:200px;	}


/* --- EQUIPMENT PAGE --- */

.facility-icon { float: left; padding:20px 10px 0 0;}

.facility-blurb {float: left; padding-top: 20px; width: 190px;}

/* --- CONTACT PAGE --- */

.address { width: 80px; border: solid 0px red; float: left; text-align: left; padding: 0 10px 0 10px; font-weight: bold; }


/* --- FAQ PAGE --- */


.accordion_headings { padding:5px; background: #777; color:#FFFFFF; border-bottom:1px dotted #FFF; cursor:pointer; }

.accordion_headings:hover {	background:#EB097C; }

.accordion_child { padding:10px; background:#EEE; color:#555;}

.header_highlight {	background: #EB097C; }


/* --- AUDIO SAMPLES PAGE --- */

.audio-wrapper { background: url(recording-studio-img/pres/v-sep.gif) repeat-y center; }

.audio-music{ border: solid 0px red; float: left; width: 350px;	}

.audio-corp { border: solid 0px green; float: right; width: 350px; }

.portfolio-img { float: left; padding: 0 10px 20px 0;}

.portfolio-blurb { height: 125px; padding-bottom:10px; }

.genre { background:#aaa;}


/* --- BOOKING PAGE --- */

.booking-icon { float: left; padding-right: 15px; border: solid 0px green;}

.booking-method {float: left; border: solid 0px red;}

.form-container { }

.booking-label { margin: 10px 0 5px 0; border: solid 0px green;  color: #555;}

.booking-input { margin:-15px 0 10px 0; border: solid 0px red;}

fieldset { margin: 10px;  padding: 0 25px 25px 25px; border: solid 1px #555; background:url(recording-studio-img/pres/forms/booking-grad-bg.png) repeat-x bottom; }  

legend { margin-left: 1em; color: #555; font-weight: bold; }  

input, textarea, select { border: solid 1px #555; background: #fff; color:#555; padding: 4px;}

.submit input {  background: #555; color:#fff;}

/* --- GALLERY PAGE --- */


/* --- PRESS PAGE --- */

.press-image {float: left; padding-right: 15px;}




/* HEADER Styles */
/*=================================================================================*/

h1 { color: rgb(49,49,49); font: 1.8em arial; letter-spacing: -0.06em; margin: 0 0 8px 0; text-transform: uppercase; }

#footer h1 b { color: #688587; font: normal 7pt verdana; letter-spacing: 0; margin-bottom: 8px; }

h1.red { color:#d31f34; }

h1.green { color:#00994b; }

h2 { color: rgb(49,49,49); font: 1.3em verdana;	letter-spacing:-0.07em;	margin-bottom:5px; text-transform:uppercase; }

.promo>h2 { margin: 2px 0 10px 0; }

h3 { color: rgb(49,49,49); font: 1em verdana; letter-spacing:-0.07em; padding: 0 0 0 10px; margin: 0 0 10px 0; text-transform:uppercase; }
	
h4 { background-color: #ec008c; color: #fff; font: 1.1em verdana; letter-spacing:-0.07em; padding: 5px 0 5px 10px; text-transform:uppercase; }

h5 { background-color: #ec008c; color: #fff; font: 1.1em verdana; letter-spacing:-0.07em; margin: 10px 0 10px 0; padding: 5px 0 5px 10px; text-transform:uppercase; }
       	

/* LINK Styles */
/*=================================================================================*/

a:link { color: #EB097C; text-decoration: none; }

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

a:hover, a:active { color: #000; text-decoration: underline; }
		
/* --- PRIMARY NAVIGATION LINKS --- */
		
a.menu:link { color: #fff; text-decoration: none; }

a.menu:visited { color: #fff; text-decoration: none; }

a.menu:hover, a:active { color: #fff; text-decoration: underline; }		

/* --- FOOTER LINKS --- */

a.footer:link { color: #d5d5d5; font-size:inherit; padding: 2px 6px; text-decoration: none; }

a.footer:visited { color: #d5d5d5; font-size:inherit; padding: 2px 6px; text-decoration: none; }

a.footer:hover, a.footer:active { background-color: #EB097C; color: #d5d5d5; font-size:inherit; padding: 2px 6px; text-decoration: underline; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			
/* --- CTA LINKS --- */
		
a.ctalink:link { background-color: rgb(79,99,102); color:#fff; font-size: 1.75em; letter-spacing: -0.08em; padding: 2px 6px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a.ctalink:visited { background-color: rgb(79,99,102); color:#fff; font-size: 1.75em; letter-spacing: -0.08em; padding: 2px 6px;	text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a.ctalink:hover, a.ctalink:active { background-color: #EB097C; color:#fff; font-size: 1.75em; letter-spacing: -0.08em; padding: 2px 6px; text-decoration: none;	-moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* --- NEWS LINKS --- */

a.news:link { color: #EB097C; font-weight: bold; text-decoration: none; }

a.news:visited { color: #EB097C; font-weight: bold; text-decoration: none; }

a.news:hover { color: #111111; font-weight: bold; text-decoration: none; }


/* LIST Styles */
/*=================================================================================*/

.plain li { color: #555; margin-left:25px; padding-bottom:10px; }

.arrow-list li { color: #555; line-height:150%;	list-style-image: url(recording-studio-img/cont/icons/arrow.gif); margin-left: 20px;}
	
.tick-list li { color: #555; line-height:150%; list-style-image: url(recording-studio-img/cont/icons/tick.png); margin-left:25px; }

#footer li { color: #d5d5d5; font-size:0.85em; list-style-image: url(recording-studio-img/pres/footer/arrow.png); margin: 4px 0 0 25px; }

#navlist li { color: #555; list-style-image: url(recording-studio-img/cont/icons/arrow.gif); }

#listprofiles li { color: #555;	line-height:200%; list-style-image: url(recording-studio-img/cont/icons/profile.gif); margin-left: 27px; }

#listnews li { color: #555;	list-style-image: url(recording-studio-img/cont/icons/news.gif); padding: 5px 0 5px 0; margin: 0 10px 0 20px; }


/* Mailing list */
/*=================================================================================*/

#response { border: solid 0px #555; background: ; color:#fff; font-size:0.85em; margin: 8px 0px 8px 0px; padding: 0px;}

.footer-text { color: #d5d5d5; font-size:0.85em; margin: -13px 5px 5px 8px;}