/*  
The Singing Bus Boyz
....................
Main stylesheet
Author: www.sktdesign.com
Date: Jan. 2008
*/

/* normalize all default styles */
body, div, ul, ol, p, li, h1, h2, h3, h4, h5, h6, table, tr, td {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
img {border:0;}

/* Easy-clearing: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}
	/* Hides from IE-mac \*/
	.clearfix {display:block;}
	/* End hide from IE-mac */

/* font sizes and default margins */
div, p, li, h5, h6, td {font-size:11px; line-height:14px;}
p, h5, h6 {margin:10px 0;}
h3, h4 {font-size:14px; line-height:17px; margin:14px 0;}
h1, h2 {font-size:17px; line-height:21px; margin:17px 0;}
h3, h4, h5, h6 {margin-bottom:2px;}
.first {margin-top:0;}
ul, ol {padding-left:30px;}
li {margin:0; margin-bottom:2px;}
.fineprint {font-size:10px;}

/* colors 
#0066b3 - mid blue
#abc4d4 - greyish blue
#342519 - dark brown
#46413c - dark greyish brown
#c58454 - tan (nav link color)
#fe7a1b - orange (nav link highlight)
#78563D - brown line color (under masthead)
*/
div, p, li, h1, h5, td {color:#fff;}
h2 {color:#0066b3;}
h3 {color:#abc4d4;}
h4 {color:#fe7a1b;}
h6 {color:#fe7a1b;}
a:link {color:#abc4d4;}
a:visited {color:#c58454;}
a:hover {color:#fe7a1b;}

/* misc */
.go {font-size:8px; font-weight:bold; letter-spacing:-2px; line-height:8px;}

/* auto-margin centering of each page section */
body {text-align:center; background:#342519;}
h1.masthead, div#main_inner, div#main_inner_fw, #footer ul {margin:0; margin-left:auto; margin-right:auto;}

/* header */
div#header {background:#342519 url(/images/bg-header.gif) center top no-repeat;}
h1.masthead {text-indent:-5000px; height:213px; width:760px;}
	#h1-home_masthead {background:url(/images/header_home.jpg) no-repeat;}

/* main content */
div#main {background:#46413c url(/images/bg-content.gif) center top repeat-y;}
div#main_inner {width:720px; text-align:left;}
div#main_inner_fw {width:720px; padding-top:20px;}

	/* main column */
		/* page content */
div.main_content {width:467px; float:right;}
		/* navigation */
ul#nav, ul#nav li {margin:0; padding:0;}
ul#nav {float:right; list-style:none; background:url(/images/bg-nav.gif) 0 21px no-repeat; margin:12px -20px 0; height:37px; padding-left:20px; padding-bottom:17px;}
ul#nav li {float:left; margin:0 32px 0 0;}
	ul#nav li.nav-last {margin-right:20px;}
ul#nav li a {display:block;	outline:none; height:37px; text-indent:-5000px; background-position:0 0; background-repeat:no-repeat;}
	ul#nav li#nav-home a {width:40px; background-image:url(/images/nav-home.gif);}
	ul#nav li#nav-show a {width:64px; background-image:url(/images/nav-show.gif);}
	ul#nav li#nav-media a {width:69px; background-image:url(/images/nav-media.gif);}
	ul#nav li#nav-options a {width:53px; background-image:url(/images/nav-options.gif);}
	ul#nav li#nav-faq a {width:27px; background-image:url(/images/nav-faq.gif);}
	ul#nav li#nav-contact a {width:53px; background-image:url(/images/nav-contact.gif)}
ul#nav li a:hover {background-position:0 -50px;}
#pg-home #nav-home a, #pg-show #nav-show a, #pg-media #nav-media a, 
#pg-options #nav-options a, #pg-faq #nav-faq a, #pg-contact #nav-contact a {background-position:0 -100px;}	
#pg-home #nav-home a:hover, #pg-show #nav-show a:hover, 
#pg-media #nav-media a:hover, #pg-options #nav-options a:hover, 
#pg-faq #nav-faq a:hover, #pg-contact #nav-contact a:hover  {background-position:0 -100px;}

			/* home */
#h2-home-first {clear:right; height:45px; text-indent:-5000px; background:url(/images/h2-home-first.gif) 0 0 no-repeat;}
div#pg-home {background:url(/images/boyz_action.jpg) left bottom no-repeat; padding-bottom:220px;}

			/* quotes */
p.quote {float:right; clear:right; text-indent:-5000px; width:173px; margin:0 0 15px 15px; height:130px; background-repeat:no-repeat}
	#pg-home p.quote {background-image:url(/images/quote-tony_ridenhour.gif);}
	#pg-show p.quote {background-image:url(/images/quote-carol_chan.gif);}
	#pg-media p.quote {background-image:url(/images/quote-david_stalworth.gif);}

			/* faqs */
ul.faq-list {list-style:none; padding-left:0; padding-bottom:15px; border-bottom:2px solid #78563D;}
ul.faq-list li {margin-bottom:0px;}
ul.faq-list li a:link, ul.faq-list li a:visited {text-decoration:none;}
ul.faq-list li a:hover {text-decoration:underline;}
div.faq-detail h6 {color:#abc4d4;}
div.faq-detail h6 a:link, div.faq-detail h6 a:visited, div.faq-detail h6 a:hover {color:#abc4d4;}
div.faq-detail p {margin-top:0;}
div.faq-detail ul {margin-bottom:10px;}

			/* photos of individual Boyz */
p.ind_photo {float:right; clear:right; text-indent:-5000px; width:173px; margin:0 0 15px 15px; background-repeat:no-repeat}
	#pg-show p.ind_photo {background:url(/images/ind_bud.jpg); height:296px;}
	#pg-media p.ind_photo {background:url(/images/ind_mark.jpg); height:274px;}
	#pg-options p.ind_photo {background:url(/images/ind_bill.jpg); height:300px;}
	#pg-faq p.ind_photo {background:url(/images/ind_jon.jpg); height:224px;}
	#pg-contact p.ind_photo {background:url(/images/ind_gene.jpg); height:239px;}

			/* video pages */
div#promo_video_flash, div#promo_video_qt {margin:20px auto; width:480px;}
div#promo_video_flash p, div#promo_video_qt p {text-align:left;}
div#promo_video_qt p {margin-bottom:280px;}
div#promo_video_qt p.qt_alt {margin-bottom:10px;}
	p#get_flash a {text-indent:-5000px; height:33px; width:112px; display:block; background:url(/images/get_flash_player.gif) no-repeat; margin:15px 0 220px;}

	/* features in left column */
div#features_col {width:213px; float:left; padding-bottom:33px;} /* had to add a non-semantic wrapper to force spacing after bottom feature in ie7 */
div.feature {background-image:url(/images/bg-sidebar.gif); padding:21px 12px 10px; margin-top:33px;}
.feature h3 {text-indent:-5000px; height:19px;}
	#promo_video {background:url(/images/h3-promo_video.gif) no-repeat;}
	#clients {background:url(/images/h3-clients.gif) no-repeat;}
ul#vid_links, ul#vid_links li {margin:0; padding:0;}
#vid_links {list-style:none;}
	#vid_links li {float:left;}
	#vid_links a {display:block; outline:none; text-indent:-5000px; height:60px; background-position:0 0; background-repeat:no-repeat;}
	#vid_links a:hover {background-position:0 -100px;}
		#vl-fl {width:40px; background-image:url(/images/vid_link-flash.jpg); margin-right:11px;}
		#vl-qt {width:40px; background-image:url(/images/vid_link-qt.jpg); margin-right:11px;}
		#vl-yt {width:77px; background-image:url(/images/vid_link-yt.jpg);}
#client_logos p {text-indent:-5000px; height:100px; background:url(../images/client_logos.gif) no-repeat;}


/* footer */
div#footer {background:#342519 url(/images/bg-footer.gif) center top no-repeat;}
#footer ul {margin-top:0; margin-bottom:0; width:720px; white-space:nowrap; padding-top:15px; padding-bottom:150px; list-style:none;}
#footer ul li {display:inline; margin:0;}
#footer ul a {padding:2px 7px;}
#footer ul a:link, #footer ul a:visited {color:#c58454; text-decoration:none;}
#footer ul a:hover {color:#fe7a1b;}