@charset "utf-8";

/*----------------------------------------------------------------------*/
/*	W2 Design common style sheet for Sound Factory						*/
/*	This document is the sole property of Sound Factory					*/
/*	(C) 2009 Sound Factory												*/
/*	Do not modify this document without approval of W2: wayne a wilkes	*/
/*	Do not copy this document!											*/
/*	For information, contact wayne@w2-design.com						*/
/*	Change Log Follows:													*/
/*	051234/2009 Design (AJF)											*/
/*----------------------------------------------------------------------*/

* :focus { outline: 0;}
.hide {display:none;}
div.clear {background:transparent none repeat scroll 0 0; clear:both; margin:0 !important; padding:0 !important;}
body {background-color:#d7d7d7; background-image:url(/common/images/bgBody.png); background-repeat:repeat; color:#000; font-family:arial, sans-serif; margin:0 auto; padding:0;}
a {color:#000; font-weight:bold; text-decoration:underline;}
a:link {color:#000;}
a:visited {color:#000;}
a:active {color:#333;}
a:hover {color:#666; text-decoration:none;}
h1 {color:#ff7f00; font-size:30px; font-weight:normal; line-height:50px; margin:-10px 0 0 0; padding:0;}
h2 {color:#000; font-size:18px; font-weight:bold; line-height:36px; margin:0; padding:0;}
h3 {background-image:url(/common/images/bgHeadlineThree.gif); background-repeat:no-repeat; color:#000; font-size:14px; font-weight:bold; font-style:oblique; line-height:28px; margin:0; padding:0 0 0 8px;}
h4 {color:#ff7f00; font-size:12px; font-weight:bold; line-height:18px; margin:0; padding:0;}
p {font-size:12px; line-height:18px; margin:0 0 12px 0; padding:0;}
ul {margin:0; padding:0;}
li {font-size:12px; line-height:18px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0;}
#pageContainer {height:100%; margin:0; padding:0; width:100%;  z-index:100;}
#centerPageContainer {background-image:url(/common/images/bgCenterPageContainer.png); background-repeat:no-repeat; margin:0 auto; min-height:500px; padding:0; position:relative; text-align:left; width:908px; z-index:200;}
#content {float:left; position:relative; background-image:url(/common/images/bgContent.png); background-repeat:no-repeat; margin:0 0 0 65px; padding:0; width:778px; z-index:300;}
.marquee-home {background-image:url(/common/app/SF_marquee-homeRandom.php); background-repeat:no-repeat; float:left; position:relative; height:293px; margin:-43px 0 0 29px; width:720px; z-index:400;}
.marquee-sub {float:left; position:relative; height:100px; margin:0 0 0 29px; z-index:400;}
#header {height:43px; margin:12px 0 0 16px; padding:0; position:relative; text-align:left; width:746px; z-index:500;}
#brand {height:43px; left:81px; position:absolute; top:12px; width:57px; z-index:1000;}
#fullColumn {background-color:#ccc; float:left; margin:15px 16px 0; position:relative; width:746px;}
#fullColumnSingle {float:left; margin:15px 29px 0; position:relative; width:720px;}
#fullColumnSub {background-image:url(/common/images/bgFullColumn.png); background-position:bottom; background-repeat:no-repeat; float:left; margin:15px 29px 0; position:relative; width:720px;}
#fullColumnSub .primaryColumn {float:left; margin:0; position:relative; width:470px;}
#fullColumnSub .secondaryColumn {float:right; margin:0; position:relative; width:235px;}
#fullColumnStudio {float:left; margin:0 16px; position:relative; width:746px;}
#fullColumnStudio img.floatLeft {float:left; position:relative;}
#fullColumnStudio img.floatRight {float:right; position:relative;}
#fullColumnGutters {float:left; margin:5px 29px 0; position:relative; width:720px;}
#footer {background-image:url(/common/images/bgFooter.png); background-repeat:no-repeat; margin:0 auto; padding:0; position:relative; width:778px;}
#footer .logo {margin:2px 0 -4px;}
#footer p { clear:both; color:#000; float:right; font-size:11px; line-height:22px; margin:16px 14px 0 0; position:relative;}
#footer a {color:#000; text-decoration:underline;}
#footer a:link {color:#000;}
#footer a:visited {color:#000;}
#footer a:active {color:#444;}
#footer a:hover {color:#333; text-decoration:none;}
.indent {margin-left:20px;}
.jumpLeft-350 {background-image:url(/common/images/jumps-thestudio.png); background-repeat:no-repeat; float:left; position:relative; height:100px; margin:15px 0 0 29px; width:350px; z-index:400;}
.jumpLeft-350 p {color:#ff7f00; font-size:14px; line-height:16px; margin:8px 0 0 6px; width:90px;}
.jumpLeft-350 a {color:#ff7f00; font-weight:normal; text-decoration:none;}
.jumpLeft-350 a:link {color:#ff7f00;}
.jumpLeft-350 a:visited {color:#ff7f00;}
.jumpLeft-350 a:active {color:#ff7f00;}
.jumpLeft-350 a:hover {color:#ffcc99; text-decoration:none;}
.jumpRight-350 {background-image:url(/common/images/jumps-booking.png); background-repeat:no-repeat; float:left; position:relative; height:100px; margin:15px 0 0 20px; width:350px; z-index:400;}
.jumpRight-350 p {color:#333; font-size:14px; line-height:16px; margin:8px 0 0 164px; width:200px;}
.jumpRight-350 a {color:#000; font-weight:bold; text-decoration:underline;}
.jumpRight-350 a:link {color:#000;}
.jumpRight-350 a:visited {color:#000;}
.jumpRight-350 a:active {color:#000;}
.jumpRight-350 a:hover {color:#666; text-decoration:none;}
.column195 {float:left; margin:0; padding:0; position:relative; width:195px;}
.column195 h4 {color:#ff7f00; font-size:12px; font-weight:bold; line-height:18px; margin:13px 0 -1px 0; padding:0;}
.column195 p {margin-bottom:0px;}

.column200 {float:right; margin:0; padding:0; position:relative; width:200px;}
.column200 img {margin-top: -10px;}
.column200 h4 {color:#ff7f00; font-size:12px; font-weight:bold; line-height:18px; margin:0 0 -1px 10px; padding:0;}
.column200 p {margin: 5px 0 0 10px;}

.column225 {float:left; margin:0; padding:0; position:relative; width:225px;}
.column225 h4 {color:#ff7f00; font-size:12px; font-weight:bold; line-height:18px; margin:12px 0 0 0; padding:0;}
.column225 p {margin-bottom:0px;}
.column260 {float:left; margin:0; padding:0; position:relative; width:260px;}
.column260 h1 {color:#ff7f00; font-size:30px; font-weight:normal; line-height:30px; margin:0; padding:0;}
.column260 p {margin-bottom:16px;}
.marginLeft10 {margin-left:10px;}
.marginLeft20 {margin-left:20px;}
.container-fullwidth {margin:12px 0 0 16px; padding:0; position:relative; text-align:left; width:746px; z-index:500;}
.container-fullwidth p {color:#333; line-height:18px; margin:15px 13px 2px 13px;}
.viewer .divsliderContainer .section ul {margin:0; text-align:left;}
.initialization {background:#fff; height:347px; overflow:hidden; width:746px;}
.initialization .loading {margin:150px 0 200px; text-align:center}
.viewer {clear:both; height:347px; margin:0; overflow:hidden; position:relative; width:746px;}
.viewer .divsliderContainer {left:0; list-style-type:none; position:relative; top:0; width:100%;}
.viewer .divsliderContainer .section {float:left; height:100%; position:relative; width:746px;}
.divsliderNavP {left:748px; position:absolute; top:263px;}
.divsliderNavP a {background:url("/common/images/bgPreviousNext.png"); background-position:0px 0px; background-repeat:no-repeat; display: block; height: 37px; width: 55px;}
.divsliderNavP a:hover {background-position:0px -80px;}
.divsliderNavP a:active {background-position:0px -160px;}
.divsliderNavP a span {display:none;}
.divsliderNavN {left:748px; position:absolute; top:300px;}
.divsliderNavN a {background:url("/common/images/bgPreviousNext.png"); background-position:0px -37px; background-repeat:no-repeat; display: block; height: 43px; width: 55px;}
.divsliderNavN a:hover {background-position:0px -117px;}
.divsliderNavN a:active {background-position:0px -197px;}
.divsliderNavN a span {display:none;}
.studio1col1 {float:left; position:relative; width:284px;}
.studio1col2 {float:left; position:relative; width:214px;}
.studio1col3 {float:left; position:relative; width:248px;}
.studio2col1 {float:left; position:relative; width:529px;}
.studio2col2 {float:left; position:relative; width:217px;}
.studio3col1 {float:left; position:relative; width:284px;}
.studio3col2 {float:left; position:relative; width:214px;}
.studio3col3 {float:left; position:relative; width:248px;}
.studio4col1 {float:left; position:relative; width:529px;}
.studio4col2 {float:left; position:relative; width:217px;}
.studio5col1 {float:left; position:relative; width:284px;}
.studio5col2 {float:left; position:relative; width:214px;}
.studio5col3 {float:left; position:relative; width:248px;}