/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com                                   	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com ) 				*
*  Modified  :  17th-Nov-2006                                                   *
*                                                                               *
*  Copyright (c) 2006 Phase8. All Rights Reserved.                    		*
*  Use of this code is not permitted without permission!                    	*
*                                                                               *
********************************************************************************/
/* HTML tags */
html,body{height:100%;min-height:101%;margin:0;border:0;padding:0;background-color:#000;font-family:Arial, Helvetica, sans-serif;font-size:100%;}
div,p,table,tr,td,h1,h2,h3,h4,h5,form,img,map,area,a {margin:0;border:0;padding:0;color:#AAA;background-color:transparent;}
* p {line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;}
#nonVisual{display:none;}

/* PAGE STRUCTURE SECTION
========================================================================= */
#wrapper {margin:10px auto;padding:0;width:760px!important;width:770px;}
#wrapper2 {margin:10px auto;padding:0;width:350px!important;width:350px;}
#header {height:248px;width:760px;}
#header-home{height:248px;width:760px;background-image:url(../images/header-home.jpg);background-repeat: no-repeat;}
#container{background-image:url(../images/containerBG.gif);background-repeat: repeat-y;}

.ffborder-fix{border-right:1px solid #555;} /* Use for FF only */

#content-left {
	float: left;
	margin:0;
	padding:0 24px 0 0!important;
	padding:0 0 0 0;
	background-color:transparent;
	width: 500px;
	
	
}
#content-right{
	float: left;
	margin:0;
	padding:0;
	background-color:transparent;
	width: 220px; 
}
#clear {width:760px;background-color:#000000;margin:0 0 0 0;clear:both;border:1px solid red;}
#footer {width:100%;clear:both; background-image: url(../images/footer_image.png);  background-position: top left;  background-repeat: no-repeat; height:38px;border-top:5px solid #000; }
#footer span a{text-decoration:none;padding:0;text-transform:lowercase;font-size:1.2em}
#footer span a:hover{padding:0;text-transform:lowercase;border-bottom:2px solid #ff9900;color:#00ccff;}
/* CONTENT SECTIONS STYLING
========================================================================= */
#content {
	width:500px!important;
	width:490px;
	background-image:url(../images/left_cont_bg.png); background-position:left top; background-repeat:no-repeat;
	padding: 5px 4px 0 10px;background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	
}
#artist_selection{
	margin: 0 0 0 9px;
	width:230px;
	background-image:url(../images/artist_selection.png); background-repeat:no-repeat;
	padding:0 0 22px 0;
	line-height: 1em;font-size: 0.5em;
}
#artist_selection select {
	margin:50px 0 0 18px;
	border:none;
	width:150px;
}
#contactinfo_header {
	margin: 0 0 0 9px;
	width:230px;
	background-image:url(../images/contactinfo_header.jpg); background-repeat:no-repeat;
	height:29px;
}
#latestnews_header {
	margin: 0 0 0 9px;
    padding-top:29px;
	width:230px;
	background-image:url(../images/latestnews_header.jpg); background-repeat:no-repeat;
	
}
#latestpress_header {
	margin: 0 0 0 9px;
    padding-top:29px;
	width:230px;
	background-image:url(../images/latestpress_header.jpg); background-repeat:no-repeat;
	
}
#latest_news1 {
	margin: 0 0 0 9px;
	width:230px;
	background-image:url(../images/latest_news1.png); background-repeat:no-repeat;
    display:block;
}
.latest_news2 {
	margin: 0px 0 40px 9px;
	width:230px;
	background-image:url(../images/latest_news2.png); background-repeat:no-repeat;
	display:block;

}
#latest_news3 {
	margin: 0 0 0 9px;
	width:230px;
	background-image:url(../images/latest_news2.png); background-repeat:no-repeat;
    display:block;
        
}
#calendar {width:290px;padding:0;margin: 0;border-left: 1px solid #333;font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;text-align: center;background-color: #000;border: 1px solid #a46c00;}

.nav, .nav a {font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;text-align: center;text-decoration: none;}	

caption {margin: 0;padding: 0;width: 290px;background: #000;color: #fff;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: center;border-top:1px solid #a46c00; border-right:1px solid #a46c00; border-left:1px solid #a46c00;}

th {font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;background: #000;border-right: 1px solid #333;border-bottom: 1px solid #333;} /* Lists Days of the Week */

.today, td.today a, td.today a:link, td.today a:visited {color:#7aecf9;font-weight: bold;background: #000;}

td {border-right: 1px solid #333;border-bottom: 1px solid #333;width: 20px;height: 20px;text-align: center;background: url(images/bg_calendar.gif) no-repeat left top;}

td a {text-decoration: none;font-weight: bold;display: block;}

td a:link, td a:visited {color:#a46c00;}

td a:hover, td a:active {color: #ff9900;background: url(images/bg_calendar.gif) no-repeat right top;}

#calendar_details{width:200px;padding:0;margin:0;border-left:1px solid #333;font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;text-align: center;background-color: #000;border: 1px solid #a46c00;}
#calendar_details caption {margin: 0;padding: 4px;width: 200px;background: #000;color: #fff;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: center;border-top:1px solid #a46c00; border-right:1px solid #a46c00; border-left:1px solid #a46c00;}
#calendar_details th  {font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;background: #000;border-right: 1px solid #333;border-bottom: 1px solid #333;} /* Lists Days of the Week */
#calendar_details td  {border-right: 1px solid #333;border-bottom: 1px solid #333;width: 20px;height: 20px;text-align: center;background: url(images/bg_calendar.gif) no-repeat left top;}

/* ARTISTS PAGE 
========================================================================= */
.statustype {color:#00ccff;float:right;font-size:0.65em;margin-top:-14px;}

/* SUBMIT DEMO PAGE
========================================================================= */

#BtnRecordDemo {margin:10px 0 10px 0;}
.req {color:#ff0000;}
#contactformContainer #verticalForm legend {color:#ff9900;}
#content span.alt {font-size:0.8em;padding:2px 0 2px 0;color:#ff9900;margin: 0 20px 0 110px;vertical-align:top;line-height:2.5em;}
.breaker {border-bottom:1px dotted #555;margin:10px 0 0 0px;}

#submit-demo2-inst {margin:20px 0;text-align:center;}
#submit-demo2-inst p {color:#ff9900;}

/* CONTENT SECTIONS STYLING
========================================================================= */
#content #heading{width:500px;position:relative;}
#content h1#syd {font-size:2.0em; color:#ccc;display:inline;line-height:1.5em;margin:20px 0 0 0;font-family:Arial Black, Arial, Helvetica, sans-serif;
	/*background-image:url(../images/h1_syd.jpg); background-position: center right; background-repeat:no-repeat;
	width:500px;background-color: transparent;*/
}
#content #headingBTN {position:relative;margin:-42px 0 0 255px!important;margin:-50px 0 0 78px;}

#content h2{font-size:0.8em;padding:2px 0 2px 0;color:#ff9900;background-color:transparent;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;}
#content p.headingSub {color:#fff;padding-top:5px;background-color:transparent;letter-spacing:1px;}
#content .sub {color:#f0f0f0;}
#content img.floatRight {float: right;margin:0 0 0 0!important;margin:0 -10px 0 0;}
#content_text {width:495px;font-family:Arial, Helvetica, sans-serif;}
#content_subdiv {width:100%;font-family:Arial, Helvetica, sans-serif;}


#calendar_content{width:500px;margin:10px 0 10px 0;padding:0;display:block;overflow:auto;}
#calendar_section{float:left;width:290px;margin:0;padding:0;display:block;}
#calendar_breakdown{float:right;width:200px;margin:0px;padding:0;display:block;}

#advert {width:100%;clear:both;padding: 20px 0 20px 0;}
#advert .ad_push_left{float:left;margin: 0 0 0 0;}
#advert .ad_push_right{float:right;margin:0 0 0 0;}
img#AdStudioDays {margin-right:18px;}

#artist_advert{width:100%;margin:10px 0 0 -10px;clear:both;padding:0;}

/* LATEST NEWS 1 and LATEST NEWS 3 was taken out of HTML */

/*#latest_news1 h2{font-size:0.9em;padding:0;color:#ff9900;}
#latest_news1 .sub {color:#ffffff;}
#latest_news1 img.floatLeft {float:left;margin:40px 0 0px 6px;}
#latest_news1_content {width:130px;padding: 40px 0 0 92px!important;padding: 40px 0 0 10px;}*/

.latest_news2 h2{font-size:0.9em;padding:0;color:#ff9900;}
.latest_news2 .sub {color:#ffffff;}
.latest_news2 img.floatLeft {float:left;margin:15px 0 0px 6px;}
.latest_news2_content {width:130px;padding: 15px 0 0 92px!important;padding: 14px 0 0 10px;}

.latest_news2 h2.legal{font-size:0.9em;padding:15px 0 0 10px;;color:#ff9900;}
.latest_news2 p.legal {color:#fff;padding:0 0 0 10px;}
.latest_news2 p.legalDetail {padding:0 0 0 10px;}


/*#latest_news3 h2{font-size:0.9em;padding:0;color:#ff9900;}
#latest_news3 .sub {color:#ffffff;}
#latest_news3 img.floatLeft {float:left;margin:15px 0 0px 6px;}
#latest_news3_content {width:130px;padding: 15px 0 0 92px!important;padding: 14px 0 0 10px;}*/

.more_info{margin:20px 0 0 0;}
.more_info a {display:block;background-image:url(../images/more_infoBtn.png); background-position:top left;width:78px;height:20px; }
.more_info a:hover {display:block;background-image:url(../images/more_infoBtn.png); background-position:bottom left;width:78px;height:20px; }

#footer p  {text-align:left;padding:14px 0 0 0; font-size:0.6em;}
#footer p .emp {color:#fff;}
#footer p a:hover{padding:0;border-bottom:2px solid #ff9900;color:#00ccff;}

img#phase8 {float:right;margin:-40px 0 0 0;}

.hidden {display: none;}
img.thumb{margin:0;padding:0;border:0px;padding-right:6px;float:left;clear:left;}
div.thumb{width: 130px; height:100px; display:inline;overflow:hidden;}
.thumb_news{margin:0;padding:0;border:0px;padding-right:6px;float:left;clear:left;}
.floatleft{vertical-align:top;border:0px;}

.headingSub {color:#fff;font-size:0.7em;margin-bottom:6px;}
.headingSub a{color:#fff;}
.headingSub a:hover{color:#00ccff;}

.content_subdiv{margin:0;padding:0;}
.newsitemwrapper{margin:0 0 30px 0;padding:0 0 20px 0;}
.ndiv{margin:0px 0 -40px 82px;clear:right;padding-top:6px;}

table.newsitemwrapper tr td {border-style:none;text-align:left;vertical-align:top;}
table.newsitemwrapper {margin:15px 0 0 0;width:100%;border-style:none;}
.newsitemwrapper td tr {border:1px solid red;}
td.newsitemimage {width:75px;margin:0;padding:0;border-style:none;text-align:left;}
div.newsitem_title {width:420px;border-style:none;text-align:left;font-size:0.9em;margin-left:5px;padding:0;color:#ff9900;}
div.newsitem_summary:first-line {color:#fff;}
div.newsitem_summary {width:420px;border-style:none;text-align:left;font-size:0.7em;margin-left:5px;padding:0;}
div.newsitem_fulltext{display:none;border-style:none;text-align:left;margin-left:5px;padding:0;}


/* CONTACT PAGE SPECIFIC STYLING */

#contactdetails_header {
	margin: 0 0 0 9px;
        padding-top:29px;
	width:230px;
	background-image:url(../images/contact_details.png); background-repeat:no-repeat;
	
}

.contactdetails {
	margin: 0px 0 0px 9px;
	width:230px;
	background-image:url(../images/latest_news2.png); background-repeat:no-repeat;
	display:block;

}

.contactdetails h2{font-size:0.9em;padding:0;color:#ff9900;}
.contactdetails .sub {color:#ffffff;}
.contactdetails {width:225px;padding: 0px 0 15px 0px!important;padding: 14px 0 0 10px;}

.contactdetails h2.legal{font-size:0.9em;padding:15px 0 0 10px;;color:#ff9900;}
.contactdetails p.legal {color:#fff;padding:0 0 0 10px;}
.contactdetails p.legalDetail {padding:0 0 0 10px;}


/* NEW BUY ONLINE SECTION
========================================================================= */
.floatleft-album {float:left;margin-right:10px;}

.buy-now-solution ul {margin-top:-1px;}
.buy-now-solution ul li {margin:0 0 0 -40px;padding:0;list-style-type:none;font-size:11px;line-height:1.5em;}

.album-details {display:block;overflow:auto;}
.download-section ul {margin:0;padding:0;list-style-type:none;}

.download-section ul li {margin:0;padding:0;list-style-type:none;float:left;}

/* FORM SECTION AND STYLING 
========================================================================= */
#contactformContainer {margin-top:-15px;}

/* STUDIO DAYS FORM */

#hideinputs{display:none;}
#verticalForm {margin:0px 0 0 0;padding:0;}
#verticalForm legend {
	color:#fff;
}

#horizontalForm {
	margin:10px 0 0 0;
	padding:0;	
	clear:both;
	width:100%;
}


#verticalForm #formsection1
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	margin: 10px 20px 10px 0px;
	padding: 10px 20px 10px 0px;
	border:0px solid #ff9900;
	vertical-align:top;
	width: 40%;
	float: left;
}
#verticalForm #formsection2
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	margin: 10px 0px 10px 0px;
	padding: 10px 18px 11px 0px;
	border:0px solid #ff9900;
	vertical-align:top;
	width: 40%;
	float: right;
}
#verticalForm #formsection2contact
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	margin: 10px 0px 0px 0px;
	padding: 10px 18px 30px 0px;
	border:0px solid #ff9900;
	vertical-align:top;
	width: 40%;
	float: right;
}


#verticalForm #formsection3
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	margin: 10px 0px 10px 0px;
	padding: 0 18px 8px 0px;
	border:0px solid #ff9900;
	vertical-align:top;
	width: 40%;
	float: right;
}
#verticalForm #formsection4
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	margin: 10px 0px 10px 0px;
	padding: 20px 18px 17px 0px;
	border-style:none;
	vertical-align:top;
}
#verticalForm #newsletterform
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	margin: 10px 20px 10px 0px;
	padding: 10px 20px 10px 20px;
	border:0px solid #ff9900;
	vertical-align:top;
	width: 90%;
	float: left;
}
#verticalForm #formsection4 label {height: 30px; width: 400px;}
#verticalForm #formsection4 input {display:inline;margin:0 0 5px 0px;}

.filestyling{padding:0 40px 0 0;}
.filestyling2{
	float: left;
}
/* CHANGED 12-01-07 by GM
#verticalForm fieldset
{
	line-height: 1.3em;font-size: 0.7em;background-color:transparent; font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;
	display: inline;
	width:17em;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 10px 10px;
	border:1px solid #ff9900;
	vertical-align:top;
}
*/
#verticalForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}
#chexbox {
	width:5px;
	height:5px;
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	color:#000;
}
#verticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#verticalForm fieldset.radio label
{
	font-weight: normal;
}

#verticalForm input.textbox
{
	display: block;
	width: 15em;
	border:1px solid #333;
	background-color:#fff;
	color:#000;
}

#verticalForm input.textbox2
{
	display: block;
	width: 15em;
	float: right;
	margin-right: 20px;
	border:1px solid #333;
	background-color:#fff;
	color:#000;
}

#verticalForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select
{
	display: block;
}
#verticalForm textarea
{
	display:block;
	width:15em;
border:1px solid #333;
	background-color:#fff;
	color:#000;
	height:134px;
}
#verticalForm select {
	display:block;
	width:15em;
	border:1px solid #333;
	background-color:#fff;
	color:#000;
}

#horizontalForm file
{
	display: block;
	width: 20em;
	border:1px solid #333;
	background-color:#fff;
	color:#000;
}

/* GALLERY STYLES - JT 13/01/07
========================================================================= */
/*#gallery {
	width: 100%;
	float: left;
}
#gallery .forcebreak {
	clear:both;
	width: 100%;
	display: block;
	float: none;
	border-bottom: 0px solid #FF6600;
	padding: 0;
	margin: 0 1px 0 1px;
}
#gallery a{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0 !important;
	text-decoration: none;
}
#gallery ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#gallery li {
	display: inline;
	width: 30%;
	text-align: center;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}
#track_listing{
	width: 40%;
	float: left;
}
#media_player{
	width: 55%;
	border:1px solid #ff9900;
	color:#ff9900;
	margin-left:5px;
	float:right;
}
*/

.hidden {display: none}

#gallery {
/*    border: green 1px solid;*/
    width: 400px
}

#gallery div.thumb {
/*    border: solid 1px red;*/
    float:left;
    display: block;
    min-width: 130px;
    min-height: 100px;
    position: relative;
/*    top: 50%;
    left: 50%;*/
}

#gallery a {
/*    border: yellow 1px solid;*/
}

#gallery div.thumb img {
/*    border: blue 1px solid;*/
/*    margin: 25%;*/
}


.newsitemwrapper{margin-bottom:10px;}
.artistimage {float:left;margin-right:10px;}
.options{}
.divider {height:1px;clear:both;}

.idiv {margin:10px 0 0px 0px;background:transparent url(../images/artist-tabbox.gif) no-repeat 0 0;}
.gdiv {margin:10px 0 0px 0;position:relative;display:none;height:400px;}
.adiv {margin:10px 0 0px 0;}
.vdiv {margin:10px 0 0px 40px;}

 dt{
	display: none;
}
 dd{
	margin-top: 24px;
	float: left;
	height:90px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}
 dd.end{
	margin-right: 0;
}
 dd a{
	padding-bottom: 2px;
	font-size: 1px;
	line-height: 0;
	display: block;
	margin-bottom: 9px;
}
 dd a:hover{
	background: #000;
}
 dd img{
	background: #000;
}
 dd br{
	display: none;
}
 dl {
	width:100%;
	margin:0 0 10px 0;
}
.image-block{
	display: block;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	letter-spacing: -9999px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
     border: 0;
}
