/* @group Globals
------------------------------------------------------*/
body { font:62.5% helvetica, arial, sans-serif; background:#fff url(../images/bg-body.gif) center top no-repeat; color:#000; }
.wrapper { width:960px; margin:0 auto; }
.hidden { display:none; }
/* @end */




/* @group Containers
------------------------------------------------------*/
#container { min-width:960px; }
#content { background:url(../images/bg-content.jpg) center top no-repeat; height:357px; }
#helper { background:url(../images/bg-footer.gif) center 356px repeat-x; height:502px; }
#flashcontainer { width:386px; height:357px; float:left; margin-left:38px; }
#flash { width:386px; height:357px; background:url(../images/flash_placeholder.jpg) no-repeat; }
#pagecontent { width:535px; float:right; height:256px; margin-top:34px; }
/* @end */




/* @group Header
------------------------------------------------------*/
#header { background:url(../images/bg-heading.gif) center top no-repeat; height:127px; }
#linkhome { width:280px; height:90px; margin-top:30px; float:left; }
#linkhome a { display:block; height:90px; overflow:hidden; text-indent:-9999px; }
#nav { width:405px; float:right; padding-top:46px; }
#nav li { float:left; }
#nav li#nav_about { width:72px; }
#nav li#nav_life_coaching { width:125px; }
#nav li#nav_music { width:120px; }
#nav li#nav_contact { width:82px; }
#nav li a { display:block; height:75px; overflow:hidden; text-indent:-9999px; background:url(../images/nav_active.gif)0 -300px no-repeat; }
#nav li#nav_about a:hover, #nav li#nav_about a#active { background-position:-1px -1px; }
#nav li#nav_life_coaching a:hover, #nav li#nav_life_coaching a#active { background-position:-73px -1px; }
#nav li#nav_music a:hover, #nav li#nav_music a#active { background-position:-198px -1px; }
#nav li#nav_contact a:hover, #nav li#nav_contact a#active { background-position:-318px -1px; }
/* @end */




/* @group HTML Area
------------------------------------------------------*/
.htmlarea { width:485px; float:right; color:#fff; font-size:1.1em; line-height:1.4em; text-align:justify; }
.htmlarea h2 { font-size:1.4em; margin-bottom:0.5em; margin-top:0.5em; }
.htmlarea h3 { font-size:1.4em; margin-bottom:0.5em; }
.htmlarea h4,.htmlarea h5,.htmlarea h6 { font-size:1.4em; margin-bottom:0.5em; }
.htmlarea p { margin-bottom:1em; }
.htmlarea ul { padding:0 0 1em 3em; overflow:hidden; list-style:disc; }
.htmlarea ol { padding:0 0 1em 3em; overflow:hidden; list-style:decimal; }
.htmlarea li { margin-bottom:0.4em; }
.htmlarea img.headshot { display:block; float:left; margin:0 1.2em 0.6em 0; }
.htmlarea a { text-decoration:none; color:#7bccea; }
/* @end */




/* @group Forms
------------------------------------------------------*/
textarea { resize:none; font:1em helvetica, arial, sans-serif; padding:3px; }
/* @end */




/* @group Footer
------------------------------------------------------*/
#footer { color:#a0a0a0; font-size:1.1em; padding-top:16px; }
#footer p { line-height:1.4em; }
#footer p span { color:#6c6c6d; }
#footer p#address { font-style:italic; }
/* @end */




/* @group Newsletter
------------------------------------------------------*/
#newsletter { width:481px; height:45px; float:right; margin:35px 5px 0 0; background:url(../images/bg-newsletter.gif) no-repeat; padding-top:2px; }
#newsletter p { font-size:1.1em; font-style:italic; color:#5f6062; line-height:1.4em; }
#newsletter form { height:46px; }
#newsletter legend, #newsletter label { display:none; }
#newsletter .textfield { width:390px; float:left; }
#newsletter input { display:block; margin:4px 0 0 160px; width:215px; padding:6px 3px 3px 3px; border:0; background:transparent; font-size:13px; color:#5f6062; }
#newsletter .buttons { width:83px; float:right; }
#newsletter button { display:block; background:transparent; border:0; overflow:hidden; text-indent:-9999px; width:83px; height:30px; cursor:pointer; }
#slogan { clear:both; float:right; width:275px; height:30px; background:url(../images/slogan.png) right bottom no-repeat; }
/* @end */




/* @group Page Headings
------------------------------------------------------*/
#pageheading { background:url(../images/hr_large.png) -10px 30px no-repeat; height:42px; }
#pageheading h1 { width:45%; float:left; height:30px; overflow:hidden; text-indent:-9999px; margin:3px 0 0 50px; }
#indexpg #pageheading h1 { background:url(../images/heading_home_page.png) left top no-repeat; width:442px; }
#indexpg #pageheading a { display:block; float:right; width:442px; height:32px; background:url(../images/btn_hear_james_speak.gif) no-repeat; overflow:hidden; text-indent:-9999px; }

#aboutpg #pageheading h1 { background:url(../images/heading_about_us.png) left top no-repeat;  }
#aboutpg #pageheading a { display:block; float:right; width:137px; height:30px; background:url(../images/btn_hear_james_speak.gif) no-repeat; overflow:hidden; text-indent:-9999px; }

#grand_openingpg #pageheading h1 { background:url(../images/heading_grand_opening.png) left top no-repeat; }

#musicpg #pageheading h1 { background:url(../images/heading_music.png) left top no-repeat; }
#musicpg #pageheading a { display:block; float:right; width:168px; height:29px; background:url(../images/btn_listen_to_music.gif) no-repeat; overflow:hidden; text-indent:-9999px; }

#contactpg #pageheading h1 { background:url(../images/heading_contact_us.png) left top no-repeat; }

#pageheading a { margin-right:40px; }

#life_coachingpg #pageheading h1 { background:url(../images/heading_home_page.png) left top no-repeat; width:442px; }
#life_coachingpg #pageheading a { display:block; float:right; width:442px; height:32px; background:url(../images/btn_hear_james_speak.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
/* @end */




/* @group Scrollers
------------------------------------------------------*/
.scrollers li a { overflow:hidden; text-indent:-9999px; }
.scrollers li, .scrollers li a { display:block; width:35px; height:35px; padding:0; margin:0; }
.scrollers li { margin-bottom:4px; }
.scrollers li.scrollup { background:url(../images/scroll_up.png) 5px 0 no-repeat; margin-bottom:130px; }
.scrollers li.scrolldown { background:url(../images/scroll_down.png) 4px 0 no-repeat; }
/* @end */




/* @group Grand Opening
------------------------------------------------------*/
form#register legend { display:none; }
form#register div { width:40%; float:left; overflow:hidden; padding-bottom:6px; }
form#register label { display:block; width:90%; font-size:1em; }
form#register input { display:block; width:90%; }
form#register #txtemail { width:60%; }
form#register .buttons { width:100px; padding-top:11px; }
form#register .buttons button { display:block; background:url(../images/btn-register.gif) no-repeat; width:83px; height:29px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer; }
#grand_openingpg .scrollable { padding-right:15px; }
/* @end */




/* @group Contact
------------------------------------------------------*/
form#frm_email legend { display:none; }
form#frm_email div { width:185px; float:left; overflow:hidden; padding-bottom:4px; }
form#frm_email label { display:block; width:90%; font-size:1em; }
form#frm_email input { display:block; width:90%; }
form#frm_email #txtemail { width:357px; }
form#frm_email #txtemail input { width:100%; }
form#frm_email .textarea { clear:left; float:none; width:100%; }
form#frm_email textarea { display:block; height:45px; width:90%; }
form#frm_email .buttons { width:100px; padding-top:3px; }
form#frm_email .buttons button { display:block; background:url(../images/btn-submit.gif) no-repeat; width:83px; height:29px; overflow:hidden; text-indent:-9999px; border:0; cursor:pointer; }
/* @end */


span.title { font-style:italic; font-weight:bold; }
#dvdpreview { width:476px; height:121px; background:url(../images/bg-dvd-preview.png) right top no-repeat; }
#dvdpreview a { display:block; width:476px; height:121px; overflow:hidden; text-indent:-9999px; }
#cominghome { width:170px; float:right; text-align:center; margin-right:40px; }
#cominghome img { display:block; margin:0 auto 3px auto; }
#cominghome p { margin:0; text-align:center; text-transform:uppercase; font-size:0.9em; }
#musiccopy { width:250px; float:left; text-align:left; }