/*
	Brian Farrell
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																   >> General Selectors << 
*****************************************************************************************/


@import url("blog.css");



html, body { margin: 0; padding: 0; border: 0;}
body { background: #fff; color: #283138; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: left; }
a:link, a:visited { color: #8c6337; }
a:hover { text-decoration: none; }
p { margin: 0 0 1.7em; line-height: 1.5; }
a img, :link img, :visited img { border: 0; }
ul, ol { margin: 1.7em 20px 1.7em 30px; padding: 0; }
ul li, ol li { margin-bottom: 0.40em; }
ul ul, ol ol { margin-top: 0.40em; margin-bottom: 0.80em; padding-top: 0; padding-bottom: 0; }
table, td { font: 11px Verdana, Arial, Helvetica, sans-serif; }
address, cite { font-style: normal; }
blockquote { margin: 0 10px; padding: 0; font: italic 12px Georgia, "Times New Roman", Times, serif; color: #8c6337; }
blockquote p { margin-bottom: 10px; }
hr { color: #cfcdce; background: #cfcdce; height: 1px; border: 0; }
h1 { font: 500 22px Arial, Helvetica, sans-serif; color: #21262a; margin: 0 0 0.80em; }
h2, h3, h4, h6 { margin: 0 0 0.40em; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #21262a; }
h3, h4, h6 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #8c6337; }
h4, h6 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #6b7a87; }
h5 { font-size: 9px; color: #999; text-align: center; margin-top: 5px; }
h6 { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #8c6337; }
table td table td p, table td table td h1, table td table td h2, table td table td h3, table td table td h4, table td table td h5, table td table td h6 { margin: 0; }
/*---Adjecent Sibling Selectors---*/
h2 + ul, h2 + ol, h3 + ul, h3 + ol, h4 + ul, h4 + ol, h5 + ul, h5 + ol, h6 + ul, h6 + ol { margin-top: 0.20em; }
/****************************************************************************************
																		   >> Structure << 
*****************************************************************************************/
												
/*-------------------------------------------Hide Elements off Screen---*/
.hide { position: absolute; left: -9999px; top: 0; overflow: hidden; width: 0; height: 0; }
/*-------------------------------------------Wrapper---*/
#wrapper { width: 761px; margin: 0 auto; text-align: left; }
/*-------------------------------------------Masthead---*/
#masthead { height: 179px; background: transparent url('../images/mhead-internal-new.jpg') no-repeat 0 0; position: relative; }
#home #masthead { height: 299px; background: transparent url('../images/mhead-home-new.jpg') no-repeat 0 0; }
#creative #masthead { height: 179px; background: transparent url(../images/creative-masthead.jpg) no-repeat 0 0; position: relative; }
#creative-content { float: left; width: 465px; background: #FFF url(../images/grey-bracket.gif) no-repeat; padding-left: 30px; padding-top: 30px; }
#creative-sidebar { float: right; height: 555px; width: 245px; }
#masthead *, #creative #masthead * { margin: 0; padding: 0; }
#masthead h1 { position: absolute; top: 94px; left: 37px; }
#home #masthead h1 { top: 124px; }
#masthead h1 a { display: block; text-indent: -9999px; width: 224px; height: 51px; background: transparent url('../images/logo-internal.jpg') no-repeat 0 0; overflow: hidden; }
#home #masthead h1 a { background: transparent url('../images/logo-home.jpg') no-repeat 0 0; }
#masthead div.quote { width: 213px; position: absolute; top: 94px; right: 49px; }
#masthead div.quote blockquote { margin: 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
#masthead div.quote blockquote p { color: #fff; margin: 0 0 15px; }
/*-------------------------------------------Main Nav---*/


				
#nav { float:right; width:761px; height:35px; background:url(../images/nav.gif) no-repeat left top; position:relative; top:0px; left:0px; text-indent:-9999px; margin:0px; padding:0px; overflow: hidden; }
#nav li { display:block; position:absolute; list-style:none; }
#nav li, #nav a { display:block; height:35px; margin: 0px; padding: 0px; }
#nav a, #nav a:hover { text-decoration:none; }

#nav-home { left:0px; width:59px; }
#nav-about { left:61px; width:94px; }

#nav-creative { left:157px; width:136px; }

#nav-services { left:295px; width:69px; }

#nav-testimonials { left:366px; width:100px; }


#nav-performances { left:468px; width:109px; }

#nav-links { left:579px; width:49px; }

#nav-blog { left:630px; width:52px; }

#nav-contact { left:684px; width:77px; }

#nav-home a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: 0px -35px; }
#nav-about a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -61px -35px; }
#nav-creative a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -157px -35px; }
#nav-services a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -295px -35px; }
#nav-testimonials a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -366px -35px; }
#nav-performances a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -468px -35px; }
#nav-links a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -579px -35px; }
#nav-blog a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -630px -35px; }
#nav-contact a:hover { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: -684px -35px; }
/*-------------------------------------------Main Content---*/
#mainContent { clear: both; min-height: 20px; padding-top: 20px; padding-bottom: 14px; border: 1px solid #21242b; background: #fff url('../images/maincontent-bg.jpg') repeat-x 0 0; }

* html #mainContent { height: 20px; } /* Hack for IE 6 and below */
/*---Table Layouts for Home and Inner pages---*/
	table#homeTable, table#innerTable { border: 0; width: 759px; }
table#homeTable td, table#innerTable td { padding: 0; vertical-align: top; }
table#homeTable td.grey-bracket, table#innerTable td.grey-bracket { width: 34px; background: url('../images/grey-bracket.gif') no-repeat 0 0; }
table#homeTable td.page-copy, table#innerTable td.page-copy { width: 436px; padding-top: 33px; }
table#homeTable td.divider-mid, table#innerTable td.divider-mid { width: 20px; }
table#homeTable td.right-col, table#innerTable td.right-col { padding-top: 33px; }
table#homeTable td.right-col { width: 232px; }
table#innerTable td.right-col { width: 248px; }
table#homeTable td.divider-rght { width: 37px; }
table#innerTable td.divider-rght { width: 21px; }
/*---Right Col [HOME PAGE]---*/
		table.upcoming td { border: 1px solid #e8e8e8; background: url('../images/grey-gradient.jpg') no-repeat 0 0; padding: 20px 20px 5px 20px !important; }
table.upcoming td h1 { font: 500 17px Arial, Helvetica, sans-serif; margin-bottom: 0.80em; }
table.upcoming td p { font-size: 10px; line-height: 1.2; margin-bottom: 15px; }
table.upcoming td h6 { margin-bottom: 2px; }
/*---Right Col [INNER PAGE]---*/
		table#innerTable td.right-col p { margin: 0; }
div.quote2 { background: #fff url('../images/beige-bracket-l.gif') no-repeat 0 0; padding: 15px 0 1.5em 27px; font-size: 10px; margin-top: 2em; }
div.quote2 p { background: #fff url('../images/beige-bracket-r.gif') no-repeat 100% 100%; margin: 0; padding: 0 27px 20px 0; }
/*-------------------------------------------Footer---*/
#footer { clear: both; padding: 0 15px 0; }
#footer * { margin: 0; padding: 0; }
#footer ul { list-style: none; float: left; margin-bottom: 28px; margin-top: 9px; }
#footer ul li { border-right: 1px solid #fff; margin-right: 6px; padding-bottom: 2px; float: left; }
#footer ul li.nav6 { border: 0; margin: 0; }
#footer ul li a { text-decoration: none; color: #fff; font-size: 9px; padding-right: 6px; display: block; float: left; }
#footer ul li a:hover { text-decoration: underline; }
#footer p { color: #fff; font-size: 9px; line-height: normal; float: right; text-align: right; margin-bottom: 28px; margin-top: 8px; }
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/

/*-------------------------------------------CMS Custom Styles---*/
img.style-rightalign-photo { display: block; float: right; margin: 0 0 14px 14px; padding: 3px; border: 1px solid #cfcdce; }
img.style-rightcol-photo { padding: 3px; border: 1px solid #cfcdce; display: block; margin: 0 auto; }
img.style-photo-frame { padding: 3px; border: 1px solid #cfcdce; }
#addthis { margin-top: 20px; margin-bottom: 20px; }
.interview { margin-top: 25px; margin-bottom: 25px; }
p.style-intro-text { font-size: 12px; color: #8c6337; line-height: 1.7; }
p.style-photo-caption { font-size: 9px; color: #999; text-align: center; margin-top: 5px; }
p.style-quote-author { color: #283138; font: 11px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 2.4em; }
p.style-quote-author-brown { color: #8c6337; background: none !important; padding: 0 !important; margin-top: -5px; }
ul#nav li.nav8 a { background-image: url('../images/nav/contact.jpg'); width: 84px; }
ul#nav li.nav9 a { background-image: url(../images/nav/blog.jpg); width: 67px; }
#registration-form { margin-right: 50px; margin-left: 50px; margin-top: 25px; margin-bottom: 25px; }
/*--------------------------------- Forms ------------------ */

form { margin: 0; padding: 0; }
form fieldset { border: 0; margin: 0; padding: 0; }
form fieldset legend { display: none; }
form fieldset div.form-row { margin-top: 2px; clear: both; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 4; margin-left: 0px; }
form fieldset label { width: 125px; float: left; font-weight: normal; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 2px; }
form fieldset textarea { width: 290px; height: 100px; overflow: auto; }
 form fieldset.submit input:hover2, form fieldset.submit input:focus {
 background: none;
 border: 0;
}
.text-area { border: 1px solid #999999; font-size: 12px; padding: 2px; }
.text-area:focus { border: 1px solid #AC8101; body {
 height: 179px;
 background: transparent url('../images/mhead-internal-new.jpg') no-repeat 0 0;
 position: relative;
}
.clear { clear: both; }