@charset "utf-8";
/* CSS Document */

/****************************************
*	Reset and Basics
****************************************/

*				{margin: 0; padding: 0;}
img 			{border:0;}
.clear 			{clear: both;}
a, a:visited 	{text-decoration: none; outline: none; color: #666666;}
a:hover 		{color: #202020;}
body			{background: url(../images/bg-repeat.jpg) repeat scroll 0 0; font-family: "Calibri", Geneva, Arial, Helvetica, sans-serif; color:#000000; font-size: 85%; }
.border-radius	{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
html, body 		{height: 100%;}


/****************************************
*	Typography
****************************************/

h3													{width: 400px; padding-top: 10px; font-size: 140%;}

/****************************************
*	Structure
****************************************/

#main												{border-top: #920202 6px solid; width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
}
.push 												{height: 150px; /* .push must be the same height as .footer */}

#header h1 a										{background: url(../images/logo.gif) no-repeat scroll 0 0; width: 167px; height: 101px; float: left;}
#header												{width: 960px; margin: 20px auto; height: 101px;}
body#home #mid-bar 									{background: #fbdfb8; width: 100%; height: 295px;}
#mid-bar #page-wrap									{width: 960px; margin: 0 auto;}
#image-holder										{width: 400px; height: 225px; border: #1e1e1e 12px solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin: 20px auto 0; background:#000000; overflow: hidden; }
#image-holder-sml									{width: 285px; height: 160px; border: #1e1e1e 12px solid; margin: 0 auto; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#page-wrap .colA									{float: left; width: 470px;}
#page-wrap .colB									{float: right; width: 480px; background:url(../images/shadow-large.png) 0px 250px scroll no-repeat; padding: 0 0 20px;}
#page-wrap .colC									{float: left; width: 325px; background:url(../images/shadow-sml.png) -7px 208px scroll no-repeat; padding: 40px 10px 20px; clear: both;}
#page-wrap .colD									{float: right; width: 580px; margin: 20px 0 60px;}
#bottom												{width: 100%; background: #272727; height: 150px; border-top: #545454 2px solid; position: relative; bottom: 0px; clear: both;}
#bottom #footer										{width: 880px; margin: 0 auto;}

/****************************************
*	Content
****************************************/

#page-wrap h2										{font-size: 42px; font-style: italic; font-weight: bold; padding: 20px 0 0; line-height: 0.9em; } 
#page-wrap p										{padding: 10px 0 0; font-size: 125%;}
body#live .pen, body#home .pen 						{background:url(../images/content/pen.png) scroll no-repeat 0 0; height: 130px; width: 143px; position: relative; bottom: 0px; right: -850px; z-index: 100;}

/****************************************
*	Content - Video Pages
****************************************/
body#contact #mid-bar,
body#video #mid-bar 								{background: #fbdfb8; width: 100%; height: 70px;}
body#contact #mid-bar #page-wrap,
body#video #mid-bar #page-wrap						{padding: 80px 0 0 0;}
body#video #page-wrap .colB							{padding: 0 0 40px;}
body#video .push 									{height: 10px; /* .push must be the same height as .footer */}
body#video .texta									{background:url(../images/content/texta.png) scroll no-repeat 0 0; height: 132px; width: 153px; position: relative; top: -50px; right: -890px; z-index: 100;}


/****************************************
*	Content - Live
****************************************/

body#live #mid-bar,
body#live #mid-bar 								{background: #fbdfb8; width: 100%; height: 70px;}
body#live #mid-bar #page-wrap,
body#live #mid-bar #page-wrap						{padding: 80px 0 0 0;}
body#live #page-wrap .colB							{padding: 0 0 40px;}
body#live .push 									{height: 10px; /* .push must be the same height as .footer */}



/****************************************
*	Content - About Us
****************************************/

body#about-us #mid-bar 								{background: #fbdfb8; width: 100%; height: 70px;}
body#about-us #mid-bar #page-wrap					{padding: 80px 0 0 0;}
body#about-us #page-wrap .colB						{padding: 0 0 40px;}
body#about-us .push									{height: 10px; /* .push must be the same height as .footer */}
body#contact .pencil, body#people .pencil,
body#about-us .pencil								{background:url(../images/content/pencil.png) scroll no-repeat 0 0; height: 130px; width: 199px; position: relative; bottom: 0px; left: -210px; z-index: 100;}


/****************************************
*	Content - People
****************************************/

body#people #mid-bar 								{background: #fbdfb8; width: 100%; height: 70px;}
body#people #mid-bar #page-wrap					{padding: 80px 0 0 0;}
body#people #page-wrap .colA						{width: 960px; padding: 0 10px 10px; background: #fbdfb8; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin: 20px 0; }
body#people #page-wrap .colA p					{width: 600px;}
body#people #page-wrap .colB						{float: right; width: 325px; background:url(../images/shadow-sml.png) -7px 208px scroll no-repeat; padding: 40px 10px 5px;}
#people #page-wrap .colA .people					{width: 500px; float: left;}
body#people #page-wrap h2							{padding: 20px 0 0 15px;} 

/****************************************
*	Content - Contact
****************************************/

body#contact #page-wrap .colB						{padding: 95px 0 10px; background:url(../images/shadow-large.png) 0px 500px scroll no-repeat;}
body#contact #image-holder							{height: 295px; margin: 105px auto 0; overflow: hidden;}
dl.contact-list										{list-style-type: none; margin-bottom: 5px; margin-left: 2px;}		
dl.contact-list dt									{font-weight: bold; font-size: 140%;}
/****************************************
*	Main Navigation
****************************************/

#main-nav											{list-style-type: none; float:left; width: 625px; position: relative; margin: 55px 0 0 75px;}
#main-nav li										{display: inline; font-size: 110%; font-weight: bold;}
#header ul#main-nav li a							{text-indent: -9999px; float: left; display: block; height: 20px; background: url(../images/main-nav.gif)  no-repeat; margin: 0 50px 0 0;}
#header ul#main-nav li.video a 						{width: 195px; background-position: 0 0;}
#header ul#main-nav li.live a 						{width: 126px; background-position: -237px 0;}
#header ul#main-nav li.about a 						{width: 110px; background-position: -403px 0;}
body#video #header ul#main-nav li.video a:hover,
#header ul#main-nav li.video a:hover				{background-position: 0 -21px;}
#header ul#main-nav li.live a:hover					{background-position: -237px -21px;}
#header ul#main-nav li.about a:hover				{background-position: -403px -21px;}
body#video #header ul#main-nav li.video a			{background-position: 0 -21px;}
body#live ul#main-nav li.live a:hover				{background-position: -237px -21px;}
body#live #header ul#main-nav li.live a				{background-position: -237px -21px;}
body#about-us #header ul#main-nav li.about a,	
body#people #header ul#main-nav li.about a			{background-position: -403px -21px;}

/* 
	Drop down LEVEL ONE
*/

ul#main-nav a:hover		            { color: #202020;  }
ul#main-nav a:active                { color: #202020; }
ul#main-nav li                      { font-weight: bold; float: left; zoom: 1; display: inline; }
ul#main-nav li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul#main-nav li.hover,
ul#main-nav li:hover                { color: #202020; position: relative; /*border-bottom: 2px solid #920202;*/ }
ul#main-nav li.hover a              { color: #202020; }

/* 
	LEVEL TWO
*/
ul#main-nav ul 						{ z-index: 100px; width: 700px; visibility: hidden; position: absolute; top: 100%; left: 0; padding: 0; margin: 0;}
ul#main-nav ul.sub-nav-about		{ z-index: 100px; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; padding: 0; margin: 0;}
ul#main-nav ul li 					{ font-weight: normal; color: #000; display: inline; }
									  
                                    /* IE 6 & 7 Needs Inline Block */

#header ul#main-nav ul.sub-nav li a:hover,
#header ul#main-nav ul.sub-nav-about li a:hover		{border-bottom: 3px solid #920202;}
#header ul#main-nav ul.sub-nav li a, 
#header ul#main-nav ul.sub-nav-about li a			{ border-right: none; width: auto; display: inline-block; background:none; text-indent:0px; margin: 10px 20px 0 0;}


/* 
	LEVEL THREE
*/
ul#main-nav ul ul 					{ left: 100%; top: 0; z-index: 101px; }
ul#main-nav li:hover > ul 			{ visibility: visible; }

/***************************************
	Mini Nav
***************************************/

ul#mini-nav							{list-style-type: none; float:right; position: relative; right: 30px; top: -80px; z-index: 200;}
ul#mini-nav li						{display: inline; font-weight: bold;}
ul#mini-nav li a					{float: left; display: block; height: 20px; margin: 0 20px 0 0;}


/***************************************
	Contact form
***************************************/

#contact-form						{ margin: 0px; width: 90%;}
input, select, textarea				{font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
#contact-form .field  	   			{ float: left; width: 100%; color:#2a2a2a; margin:10px 5px 0 0; font-size:12px;}
#contact-form .field label 			{ float: left; width: 100%;}
#contact-form .field input 			{ float: left; width: 94%; border:1px solid #FBDFB8; padding: 6px; margin-top:3px;}
#contact-form .field textarea 		{ float: left; width: 94%; border:1px solid #FBDFB8; padding: 6px; margin-top:3px;}
#contact-form .form-button 			{ float: left; padding: 10px 0;}
#contact-form .field .message-box 	{ float: left; width: 200px; height:100px; border:1px solid #FBDFB8;}
#contact-form .quickbox       		{float: left; width: 85px; background: #1d8038; margin: 30px 0 0 0; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: bold; padding: 0 10px 5px 5px;}
#contact-form .form-button input 	{font-size: 16px; color: #fff; background: #920202; border: 4px #FBDFB8 solid; cursor: pointer; padding: 3px;}
#contact-form .quickbox span		{text-transform: uppercase; color: #fff; font-size: 32px; font-weight: bold; font-style: italic;}

/***************************************
	Footer Nav
***************************************/

#footer 							{padding: 20px 0 0;}
#footer	h1 a						{background: url(../images/sml-logo.gif) no-repeat scroll 0 0; width: 130px; height: 78px; float: left;}
#footer-nav							{list-style-type: none; float: right; width: 640px; position: relative; margin: 0;}
#footer-nav li						{display: inline-block; font-size: 110%; color: #545454; float: left; width: 160px; padding: 0 40px 0 10px; border-left: 1px solid #545454; height: 80px;}
ul#footer-nav ul 					{display: block; font-size: 110%; color: #ffffff; float: left; width: 100%;}
ul#footer-nav ul li					{display: block; font-size: 80%; color: #ffffff; float: left; width: 100%; border: none; height: 100%; padding: 0;}
ul#footer-nav ul li a				{color: #ffffff;}
ul#footer-nav ul li a:hover			{color: #920202; border-bottom: dashed 1px #920202;}