/* Audiocentric Main stylesheet
------------------------------------------------------------------*/

/* Global
------------------------------------------------------------------*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, {
	margin:0;
	padding:0;
	}

#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0;
	background: url(../images/content_bg2.gif) repeat-y top left;
	}

ul,li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li ul {
margin-left: 20px;
}

ol li {
list-style: decimal;
}

ol.sub_list li {
list-style: lower-alpha;
}

dl {
margin-top: 0;
}

dt {
font-weight: bold;
margin-left: 0px;
padding-left: 20px;
background: url(../images/arrow.gif) no-repeat top left;
}

dd {
margin-left: 20px;
}

#breadcrumb {
font-size: 85%;
}

ul.arrows_plain li {
margin-left: 0px;
padding-left: 20px;
font-size: 0.9em;
background: url(../images/arrow.gif) no-repeat top left;
}

ul.arrows_plain li ul li {
margin-left: 0px;
padding-left: 16px;
background: url(../images/square.gif) no-repeat top left;
}

ul.arrows li {
margin-left: 0px;
padding-left: 20px;
font-weight: normal;
background: url(../images/arrow.gif) no-repeat top left;
}

ul.arrows li a {
color: #fff;
text-decoration: underline;
}

ul.arrows li a:hover {
color: #d3a700;
}

.yellow {
color: #d3a700;
}

body {
font-family: Verdana;
font-size: 0.7em;
background: url(../images/top_shadow.gif) top left repeat-x #2f2f2f;
color: #fff;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.5em;
}

img {
	border:0;
	}	
	
hr {
	clear:both;
	visibility:hidden;
	}
	
.clear {
	clear:both;
	height: 1px;
	width: 100%;
	}

.video {
background: url(../images/icon_video.gif) no-repeat center left;
padding: 0px 0 3px 20px;
}

.link {
background: url(../images/icon_link.gif) no-repeat center left;
padding: 0px 0 3px 20px;
}

.audio {
background: url(../images/icon_audio.gif) no-repeat center left;
padding: 0px 0 3px 20px;
}

.audio_grey {
background: url(../images/icon_audio_grey.gif) no-repeat center left;
padding: 0px 0 3px 20px;
}

.audio_grey {
color: #7f7f7f;
}

p.client {
color: #7f7f7f;
}

/* Links
------------------------------------------------------------------*/

a {
	color: #ffc700;
	text-decoration: none;
	}

a:hover {
	color: #ffe177;
	text-decoration: underline;
	}
	
a:visited {
	color: #b88824;
	text-decoration: none;
	}
	
a:visited:hover {
color: #ffe177;
text-decoration: underline;
}

/* Content frame
------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content {
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 43px;
	}

#content p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: justify;
	}

#content table p {
text-align: left;
}

#content h2 {
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0px 32px 0px 23px;
	font-size: 200%;
	font: normal 18px "lucida grande", verdana, sans-serif;
	background: url(../images/bullet_normal.gif) no-repeat top left;
	background-position: 0px 3px;
	}

#content h3 {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 130%;
	font: bold "lucida grande", verdana, sans-serif;
	}

.column1 {
	display: inline;
	width: 320px;
	float: left;
	}

.column2 {
	display: inline;
	width: 320px;
	float: left;
	margin-left: 20px;
	}

/* Header
------------------------------------------------------------------*/  
#header {
	background: red;
	text-indent: -9999px;
	width: 760px;
	height: 160px;
	background: url(../images/header3.jpg) no-repeat top center;
	}

/* Main navigation
------------------------------------------------------------------*/


#navigation {
width: 738px;
height: 21px;
background: url(../images/nav_bg.gif) repeat-x;
margin-left: 10px;
}

#navigation ul {
list-style: none;
width: 738px;
padding: 0px;
margin: 0px;
}

#navigation ul li {
	padding:0;
	margin:0;
	float:left;
		
}

#navigation ul li a {
border: 0;
float: left;
display: block;
text-decoration: none;
text-indent:-9999px;
background: url(../images/navigation.gif) no-repeat;
}

li#studio a {
	width: 80px;
	height: 21px;
	}
	
li#news a {
	width: 59px;
	height: 21px;
	}
	
li#gear a {
	width: 59px;
	height: 21px;
	}
	
li#services a {
	width: 79px;
	height: 21px;
	}
	
li#personnel a {
	width: 83px;
	height: 21px;
	}

li#showreel a {
	width: 84px;
	height: 21px;
	}
	
li#rates a {
	width: 71px;
	height: 21px;
	}

li#links a {
	width: 62px;
	height: 21px;
	}

li#contact a {
	width: 74px;
	height: 21px;
	}

/* Main navigation "active tabs" created by offsetting respective backgrounds
------------------------------------------------------------------*/

#navigation ul li#studio a {
background-position: -0px -0px;
}

#navigation ul li#news a {
background-position: -85px -0px;
}

#navigation ul li#gear a {
background-position: -148px -0px;
}

#navigation ul li#services a {
background-position: -206px -0px;
}

#navigation ul li#personnel a {
background-position: -285px -0px;
}

#navigation ul li#showreel a {
background-position: -369px -0px;
}

#navigation ul li#rates a {
background-position: -451px -0px;
}

#navigation ul li#links a {
background-position: -517px 0px;
}

#navigation ul li#contact a {
background-position: -580px 0px;
}

/* Main navigation "hover tabs" created by offsetting respective backgrounds
------------------------------------------------------------------*/

#navigation ul li#studio a:hover {
background-position: -0px -21px;
}

#navigation ul li#news a:hover {
background-position: -85px -21px;
}

#navigation ul li#gear a:hover {
background-position: -148px -21px;
}

#navigation ul li#services a:hover {
background-position: -206px -21px;
}

#navigation ul li#personnel a:hover {
background-position: -285px -21px;
}

#navigation ul li#showreel a:hover {
background-position: -369px -21px;
}

#navigation ul li#rates a:hover {
background-position: -451px -21px;
}

#navigation ul li#links a:hover {
background-position: -517px -21px;
}

#navigation ul li#contact a:hover {
background-position: -580px -21px;
}

/* Main navigation "selected tabs" created by offsetting respective backgrounds and identified from using the class of the wrapper DIV
------------------------------------------------------------------*/

#wrapper.studio li#studio a, #wrapper.studio li#studio a:hover {
background-position: 0px -42px;
}

#wrapper.news #navigation ul li#news a, #wrapper.news #navigation ul li#news a:hover {
background-position: -85px -42px;
}

#wrapper.gear #navigation ul li#gear a, #wrapper.gear #navigation ul li#gear a:hover {
background-position: -149px -42px;
}

#wrapper.services #navigation ul li#services a, #wrapper.services #navigation ul li#services a:hover {
background-position: -206px -42px;
}

#wrapper.personnel #navigation ul li#personnel a, #wrapper.personnel #navigation ul li#personnel a:hover {
background-position: -285px -42px;
}

#wrapper.showreel #navigation ul li#showreel a, #wrapper.showreel #navigation ul li#showreel a:hover {
background-position: -369px -42px;
}


#wrapper.rates #navigation ul li#rates a, #wrapper.rates #navigation ul li#rates a:hover {
background-position: -451px -42px;
}


#wrapper.links #navigation ul li#links a, #wrapper.links #navigation ul li#links a:hover {
background-position: -517px -42px;
}

#wrapper.contact #navigation ul li#contact a, #wrapper.contact #navigation ul li#contact a:hover {
background-position: -580px -42px;
}

/* Changes to header band of graphic text, dependent on wrapper class
------------------------------------------------------------------*/
#wrapper.studio h1 {
background: url(../images/panel_studio.jpg) no-repeat top left;
}

#wrapper.news h1 {
background: url(../images/panel_news.jpg) no-repeat top left;
}

#wrapper.gear h1 {
background: url(../images/panel_gear.jpg) no-repeat top left;

}

#wrapper.services h1 {
background: url(../images/panel_services.jpg) no-repeat top left;
}

#wrapper.personnel h1 {
background: url(../images/panel_personnel.jpg) no-repeat top left;
}

#wrapper.rates h1 {
background: url(../images/panel_rates.jpg) no-repeat top left;
}

#wrapper.showreel h1 {
background: url(../images/panel_showreel.jpg) no-repeat top right;
}

#wrapper.links h1 {
background: url(../images/panel_links.jpg) no-repeat top left;
}

#wrapper.contact h1 {
background: url(../images/panel_contact.jpg) no-repeat top left;
}

/* Footer
------------------------------------------------------------------*/
#footer {
	text-align:left;
	width: 725px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	background: url(../images/footer3.gif) no-repeat top left;
	padding: 25px 0px 10px 35px;
	}
	
.firefox {
	float: right;
	width: 330px;
	text-align: right;
	padding-right: 40px;
	}

.footer_info {
	float: left;
	width: 350px;
	padding-left: 4px;
	}
	
#footer p {
	font-size: 90%;
	color: #838282;
	margin: 0;
	}
	
#footer a {
	text-decoration: none;
	color: #838282;
	}

#footer a:hover {
	text-decoration: underline;
	color: #838282;
	}

#footer img {
	vertical-align:middle;
	margin-right: 3px;
	padding-bottom:2px;
	}

/* Headings
------------------------------------------------------------------*/

h1 {
	height: 60px;
	width: 738px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
	margin-left: 10px;
	}
	
h2 {
	padding: 0;
	margin: 0;
	color: #d3a700;
	}

h4 {
	color:#d3a700;
	padding-bottom:.2em;
	padding-top: 0.5em;
	margin:1em 0 0 0;
	font:bold 1em "Trebuchet MS",Arial,Sans-Serif;
	text-transform:uppercase;
	letter-spacing:2px;
	}
h5 {
	color:#94b5c2;
	padding-bottom:.2em;
	margin:1em 0 0 0;
	font:bold 1.1em "Trebuchet MS",Arial,Sans-Serif;
	letter-spacing:2px;
	}
	

/* Images - all images are contained in a div called 'image'
------------------------------------------------------------------*/

#image {
padding: 5px 16px 5px 0px;
float: left;
}

#image ul.caption li {
margin: 3px 0 0 0px;
padding: 0 0 0 0px;
color: #f0bb02;
font-size: 95%;
list-style: none;
}

#content img {
border: solid 10px #242424;
}

#content a:hover img {
border: solid 10px #313131;
}

#content a:hover img.no_padding {
	padding: 0px 6px 0 0;
	margin: 0;
	border: 0;
}

#content img.no_padding {
	padding: 0px 6px 0 0;
	margin: 0;
	border: 0;
	}


#image.last_pic {
padding: 5px 0px 5px 0px;
float: left;
}

.dim {
color: #b1b1b1;
line-height: 100%;
font-size: 90%;
}

/* Voice Over Tables
------------------------------------------------------------------*/
table.vo_artists {
background:;
padding: 7px 0px 7px 0px;
width: 680px;
}

table.controls {
float: right;
margin-left: 30px;
border-left: 1px solid #D3A700;
margin-bottom: 5px;
padding-left: 20px;
}

table.controls tr td {
border-top: 0;
padding: 5px;
}

#content table.controls p {
text-align: left;
color: red;
}

tr.artist {
margin-top: 10px;
padding-top: 10px;
}


tr.artist td {
border-top: dashed 1px #666666;
padding-top: 10px;
}


#content p.vo_title {
font-size: 16px;
margin-bottom: 3px;
}

p.vo_title span.age {
font-size: 12px;
color:#999999;
font-weight: normal;
}

tr.underline {
}

span.description {
font-size: 12px;
text-align: left;
}

span.client_list {
color:#999999;
font-style: italic;
}

span.recent_clients {
color: #F0BB02;
font-style: italic;
}

table.vo_artists th.button {
font-size: 11px;
font-weight: normal;
width: 80px;
text-align: center;
color: #999999;
background: #242424;
border-top: 0;
padding-top: 0px;
}

table.vo_artists td.button {
text-align: center;
background: #242424;
width: 80px;
border-top: 0;
padding-top: 0px;
}


/* Tables
------------------------------------------------------------------*/
.simpletable {
	border:1px solid #a4a4a4;
	border-collapse:collapse;
	width:670px;
	margin:1em 0;
	}
.simpletable td {
	border:1px solid #a4a4a4;
	padding:.5em;
	font:normal 0.9em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
.simpletable td.heading {
	background-color:#384949;
	width: 50px;
	}

.simpletable td.table_cell-wide {
width: 600px;
}
	
#download {
float: right;
font-size: 85%;
margin-top: 10px;
}

#download.left {
float: left;
font-size: 85%;
margin-top: 10px;
}

#download a{
color: #fff;
}

#contact_page {
margin-left: 240px;}

/*------------Java Script Photo Loader css--------------------------*/

			}
			.highslide {
				cursor: url(../highslide/graphics/zoomin.cur), pointer;
			    outline: none;
			}
			.highslide img {
				border: 2px solid gray;
			}
			.highslide:hover img {
				border: 2px solid white;
			}
			
			.highslide-image {
			    cursor: pointer; /* opera */
				cursor: url(../highslide/graphics/zoomout.cur), pointer;
			    border: 10px solid #242424;
			}
			.highslide-image-blur {
			    cursor: pointer;
			    cursor: hand;
			}
			.highslide-caption {
			    display: none;
			    
			    border: 2px solid white;
			    border-top: none;
			    font-family: Verdana, Helvetica;
			    font-size: 10pt;
			    padding: 5px;
			    background-color: white;
			}
			.highslide-display-block {
			    display: block;
			}
			.highslide-display-none {
			    display: none;
			}
			.highslide-loading {
			    display: block;
				color: white;
				font-style: 'MS Sans Serif';
				font-size: 9px;
				font-weight: bold;
				text-transform: uppercase;
			    text-decoration: none;
				padding: 3px;
				opacity: 0.60; /* w3c */
				filter: alpha(opacity=60); /* ie */
				border-top: 1px solid white;
				border-bottom: 1px solid white;
			    background-color: black;
			    
			    padding-left: 22px;
			    background-image: url(../highslide/graphics/loader.gif);
			    background-repeat: no-repeat;
			    background-position: 3px 1px;
			    
			}
			a.highslide-credits,
			a.highslide-credits i {
			    padding: 2px;
			    color: silver;
			    text-decoration: none;
				font-size: 10px;
			}
			a.highslide-credits:hover,
			a.highslide-credits:hover i {
			    color: white;
			    background-color: gray;
			}