body {
margin: 0;
background-color: #000000;
background-image: url(/images/SiteBG.jpg);
background-repeat: repeat-x;
}

a:link {color: #ffffff; text-decoration: underline;}
a:visited {color: #ffffff; text-decoration: underline;}
a:active {color: #ffffff; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}

p{
font-family:Arial, Helvetica, sans-serif;
display:inline;
color: #FFFFFF;
font-size:.8em;
}

div.padded{
padding:.5em;
margin: .5em
}

br.half{
line-height: .5em;
}

#staticheaderwrapper{
width:960px;
margin: 0 auto;
}

#staticlogo{
position:absolute;
top:20px;
margin-left: 60px;
z-index:9;
}

/* header nav */
#header_nav{
position:absolute;
top:0;
width: 160px;
height:28px;
margin-left: 800px;	
padding:0;
border:0;
background-image:url(/images/!header-nav-bg_350.png);
background-repeat:no-repeat;
/*background-position: 100px 0px; */
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
z-index:9;
}
#header_nav ul{
font-size: .8em;
margin:3px 0 0 5px;
padding:0px 0 0 3px;
list-style-type:none;
list-style:none;
}

#header_nav ul li, #footer_nav ul li{
display:block;
float:left;
color:#BDC1A4;
text-decoration:none;
padding:0 5px 0 5px;
height:13px;
border-right: 1px dotted #BDC1A4;
margin-right:.3em;
font-weight: bold;
}
#header_nav ul li a, #footer_nav ul li a{
color:#BDC1A4;
text-decoration:none;
}
#header_nav ul li a:hover, #footer_nav ul li a:hover{
color:#BDC1A4;
text-decoration:underline;
}

#header_nav .last, #footer_nav .last{
border:0;
}
.nav_image{
display:block;
cursor: pointer;
}
#giftcard_tab{
margin: 3px 0 0 10px;
}
/* end header nav */

/* footer nav */
#footer_nav{
margin: 0 auto;
width:960px;
height:33px;
padding:0;
border:0;
background-image: url('/images/footer.png');
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
z-index:9;
}
#footer_nav ul{
font-size: .8em;
margin:3px 25px 0 10px;
padding:8px 0 0 3px;
list-style-type:none;
list-style:none;
float:right;
}

.sub_footer{
width: 960px;
color: #AAA;
clear: both;
float: right;
margin: 4px 0 20px 0;
}
.banner{
width: 468px;
float: left;
}
.copyrite{
width: 100px;
float: right;
font-size: .8em;
}
.bannertext{
background: #c2e1f6;
color: #222;
border: 2px solid #FFF;
float: left;
padding: 2px 2px 2px 10px;
width:360px;
height: 56px;
font-weight: bold;
font-size: 10px;
}

.share-this{
padding-top: 7px;
margin-left:20px;
float: left;
}

/* scroll effect for header also */
#header-wrapper {
margin: 0pt auto;		/* must have auto for centering content */
overflow: hidden;
height: 150px;
width: 960px;
position: relative;
border: none;
z-index:0;
}

#header-inner {
width: 8640px;
height: 100%;
position: relative;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
}

.header-scrolling-content {
width: 960px;
height: 150px;
margin: 0 auto;
text-align: center;
position: absolute;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
}
#header_home{
left: 0;
background-image:url(/images/header1.jpg);
}
#header_difference{
left: 960px;
background-image:url(/images/header2.jpg);
}
#header_sound{
left: 1920px;
background-image:url(/images/header3.jpg);
}
#header_experience{
left: 2880px;
background-image:url(/images/header4.jpg);
}
#header_team{
left: 3840px;
background-image:url(/images/header5.jpg);
}
#header_tour{
left: 4800px;
background-image:url(/images/header6.gif);
}

#header_billofrights{
left: 5760px;
background-image:url(/images/header7.jpg);
}

#header_rates{
left: 6720px;
background-image:url(/images/header8.jpg);
}
#header_contact{
left: 7680px;
background-image:url(/images/header6.gif);
}
/* end header scroll css */

#demo-wrapper {
margin: 0 auto;
overflow: hidden;
height: 450px;
width: 960px;
position: relative;
border: none;
background-image: url("/images/Level1A-A_fade.jpg");
background-color: #000000;
}

#demo-inner {
width: 8640px;
height: 100%;
position: relative;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
}


.scrolling-content {
width: 960px;
height:450px;
text-align: left;
position: absolute;
margin: 0 auto;
padding: 0;
border: none;
overflow: hidden;
}

.scrolling-content h1 {
color: #156156;
margin: 0;
padding: 0;
border: none;
}

#home {
left: 0;
background-image: url(/images/ContentBG-studio.png);
margin: 0;
padding: 0;
height: 450px;
}

#difference {
left: 960px;
margin: 0;
padding: 0;
background-image: url(/images/ContentBG-diff.png);
}

#sound {
left: 1920px;
background-image: url(/images/ContentBG-yoursound.png);
margin: 0;
padding: 0;
}

#experience {
left: 2880px;
background-image: url(/images/ContentBG-yourexp.png);
margin: 0;
padding: 0;
}
#team {
left: 3840px;
background-image: url(/images/ContentBG-yourteam.png);
margin: 0;
padding: 0;
}
#tour {
left: 4800px;
background-image: url(/images/ContentBG-tour.png);
margin: 0;
padding: 0;
}
#billofrights {
left: 5760px;
background-image: url(/images/ContentBG-rights.png);
margin: 0;
padding: 0;
}

#rates {
left: 6720px;
background-image: url(/images/ContentBG-rates.png);
margin: 0;
padding: 0;
}

#contact {
left: 7680px;
background-image: url(/images/ContentBG-contact.png);
margin: 0;
padding: 0;
}


/* ul style nav */

#menu{
background-image:url(/images/nav-bg.png);
background-repeat:no-repeat;
margin:auto;
width: 960px;
height:57px;
display:block;
padding:0;
border:0;
text-align: center;
}
#menu ul{
margin:0px;
padding:0;
list-style-type:none;
list-style:none;
}

#menu ul li{
display:block;
float:left;
margin:0;
}
#menu ul li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:0;
}
/* end menu */

/* text formatting */
a.join_link {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.7em;
text-decoration:none;
font-style:italic;
color: #E77400;
}

.MainWhiteCopy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
font-weight: normal;
height: 13px;
overflow: visible;
}
.WhiteHeader2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
height: 0px;
width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
}
.FooterText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #BDC1A4;
}
.WhiteHeader1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
.SmallCopy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #E77400;
line-height: 11px;
}
.testimonial {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration:none;
color: #DDD8B7;
}
.testimonial a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration:none;
color: #DDD8B7;
}

.list {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
list-style-position: inside;
list-style-type: decimal;
height: 13px;
color: #FFFFFF;
}
.VStable {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
border: 1px dotted #9E7220;
padding: 1pt;
height: 3px;
}

/* comparison table */
table#comparison_table{
font-family:Arial, Helvetica, sans-serif;
font-size: .7em;
margin-left: 10px;
color:#FFF;
border-collapse:collapse;
margin:5px 0 5px 5px;
}
table#comparison_table td{
padding: 3px 5px 3px 5px;
text-align:center;
}
table#comparison_table .header{
font-size:1.1em;
background-color: #3e2200;
font-weight: normal;
text-align:center;
}

table#comparison_table .alt{
background-color: #504b2b;

}

table#comparison_table .compare{
background-color: #3e2200;
border-bottom: 1px dashed #504b2b;
text-align: left;
font-size:1.1em;

}

/* form formatting */
.formTable {
width: 565px;
font-family:Arial, Helvetica, sans-serif;
font-size: .7em;
margin-left: 10px;

}
.formTable ul {
margin-top: 10px;
}
.formTable li {
line-height: 2em;
margin: 0px 10px 7px 0;
float: left;
list-style:none;
color: #FFF;
}
.formTable input {
width: 283px;
border-style:solid;
border: 1px solid #880000;
padding: 2px 0 3px 0;
color: #788791;
}
.formTable select {
margin-top: 2px;
}
.formTable textarea {
width: 283px;
border-style:solid;
border: 1px solid #880000;
}
.clearLi {
/*float:left;*/
width: 125px;
}

#rightslist li{
margin-right: 10px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: .7em;
}

#rightslist li{
margin-right: 10px;

}

/* faq list */
ul#faqlist{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
color: #FFF;
list-style:none;
}
.question{
font-weight: bold;
padding: 12px 0 3px 5px;
}
.answer{
padding: 2px 0 0 15px;
}

/* tool tips */


.tip {
color: #fff;
z-index: 13000;
}

.tip-title {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
margin: 0;
color: #d7a100;
padding: 8px 8px 4px;
background: url('/images/bubble.png') top left;
}

.tip-text {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px 8px 8px;
background: url('/images/bubble.png') bottom right;
}

/* accordian */


#accordion{
width: 270px;
text-align:left;
}

.toggler {
margin: 0;
padding: 0px 5px 0 3px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
display: block;
height: 13px;
background-color: #600000;
border-top: 1px solid #8d0101;
border-bottom: 1px solid #4c0000;
color: #ddd;
cursor:pointer;
}

.element {
padding: 4px;
font-size: .85em;
}

#accordion .subhead{
font-weight: bold;
padding-left: 5px;
color: #fccc3b;
font-size: .7em;
}

/* studio site specifics */
.text_block{
padding: .5em;
}

.simple-list{
font-family:Arial, Helvetica, sans-serif;
font-size: .8em; 
color: #FFFFFF;
list-style:none;
list-style-image: url('/images/bullet1.gif');
margin:.6em 0 .9em 1em; 
padding: 0 0 0 1em;
}

#expect_list{
list-style:none; 
list-style-image: url('/images/bullet.gif');
list-style-position: outside;
font-size:.80em; 
line-height:1.1em; 
padding: 1em; 
margin:0 0 2em 2em;
text-indent: -.5em;
text-align: left;
}
#expect_list li{
padding-top:.7em;

}

#expect_pane{
width: 270px; 
float: right; 
font-family:Arial, Helvetica, sans-serif; 
font-size: .95em; 
color: #FFFFFF;
}

.poloroid_pane{
float:right; 
height: 450px; 
width: 216px; 
margin-top: 86px; 
padding: 0;
text-align: center;
}

.poloroid_low{
margin: 30px 0 0 10px;
text-align: left;
}

.poloroid_low #sound_icon{
margin-right: 5px;
}

.sound_poloroid_low{
margin-top:5px;
}

#yoursound_poloroid{
margin-bottom: 5px;
}

.player_ctr_pane{
float:right; 
height: 377px; 
width: 222px;
margin-top: 236px; 
padding: 0;
text-align: center;
}

.content_grid{
height: 450px;
width:468px;
margin: 85px 0 0 0;
text-align: left;
}

.content_grid_full{
height: 450px;
width:665px;
margin: 80px 0 0 10px;
text-align: left;
}

.button_grid_left{
width: 227px;
float: left;
margin: 0 0 8px 8px;
}

.button_grid_right{
width: 227px;
float: right;
}

.button_grid .rollover{
margin:2px;
}

.your_quoteblock{
text-align: left;
margin: 0 10px 0 10px;
width: 450px;
clear:left;
}

.team_image, .rollover{
cursor:pointer;
}

.quote{
font-family:Arial, Helvetica, sans-serif; 
font-size: .75em; 
color: #FFFFFF;
line-height: 1.1em;
font-style:oblique;
margin:0;
padding:0;
color: #CCCCCC;
}

.team_quote{
text-align: center;
text-justify: newspaper;
line-height: 1.2em;
}

.info_text{
font-family:Arial, Helvetica, sans-serif; 
font-size: .85em; 
color: #FFFFFF;
line-height: 1.1em;
margin-top: 8px;
padding:0;
color: #EFEFEF;
}

/* progress bar */
#prog-wrapper{ 
margin: auto;
width: 960px; 
height: 500px;
}

#prog-content{
padding:2em; 
width: 960px;
}

#prog-content p{
font-size: 1.7em;
color: #cccccc;
}

#prog-box{
margin-top: 20px;
border:1px inset #000;
width:950px;
height:40px;
}

#prog-percent{
background:#730101;
height:40px;
}

#prog-text{
font-size: 1.9em;
color: #222;
float:left;
padding:3px 0 0 10px;
}
/* end progress bar styles */

#ccoptin4{
margin-top:-4px;
}

/* gift card pane */
#giftcard {
left: 8640px;
background-image: url(/images/ContentBG-giftcard.jpg);
margin: 0;
padding: 0;
}

#gclinks{
padding:0;
width: 230px;
margin-bottom:7px;
text-align: right;
}
#gclinks div{
display: block;
}
.gclinkimg{}
#gc_content_wrap{
width: 445px;
height: 363px;
overflow: hidden;
}

.gc_content_slides{
width: 445px;
height: 3267px;
}

.gc_slide{
width: 445px;
height: 363px;
}

.gc_nav_pane{
float:right; 
height: 450px; 
width: 230px; 
margin-top: 86px; 
padding-right: 10px;
text-align: right;
}
