/*-----------------------------------------------------------------------------
Orlando Ballet Main Stylesheet
author: Drive New Media, Inc.

-----------------------------------------------------------------------------*/

/* Colors: 
teal Our Company	#339999;
brown Purchase Tickets #8C6239;
red Season #EE3224;
olive Support #A29408;
orange Staff #FF9900;
purple News Reviews #9E005D;
pink Parties #FF9999;

*/
/* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:100%; /*default font size for all browsers is 16px */
	line-height:1.25em; /* 16×1.125=18px*/
	text-align:center;
	color: #999;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

html>body {
/*Resetting font-size for Safari (default for monospaced fonts in Safari is 13px). IE ignores this*/
	 font-size:16px; 
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3 {letter-spacing:1px;}

h1 {
	font-size:2em;  /* 16x2=32px */
	line-height: 1em;
}
h2 {font-size:.875em;  /* 16x.875=14px */}
h3 {font-size:.81em;  /* 16x.81=13px */}
h4, h5 {
	font-weight:normal;
	}
h4 {
	font-size:1.2em;}
h5 { font-style:italic;}

/* ------------------------- LAYOUT SECTIONS ------------------------------ */
#container { width:965px;margin:0 auto; }
#homelogo { width:31px;float:left; }
#homelogo img { padding: 0 1px; }
/* Main Top Nav */
#topnav { float:right;padding:45px 0;font-size:0.70em;}
#topnav ul li { display:inline;}
#topnav ul li a { color:#999;text-decoration:none;padding:3px 5px; }

li#navHome a:hover { color:#fff; }
body#pageHome li#Home a { color:#fff; }

li#navCompany a:hover { color:#fff; background:#339999; }
body#pageCompany li#navCompany a { color:#fff; background:#339999; }

li#navTickets a:hover { color:#fff; background:#8C6239; }
body#pageTickets li#navTickets a { color:#fff; background:#8C6239; }

li#navSeason a:hover { color:#fff; background:#EE3224; }
body#pageSeason li#navSeason a { color:#fff; background:#EE3224; }

li#navSupport a:hover { color:#fff; background:#A29408; }
body#pageSupport li#navSupport a { color:#fff; background:#A29408; }

li#navStaff a:hover { color:#fff; background:#FF9900; }
body#pageStaff li#navStaff a { color:#fff; background:#FF9900; }

li#navNews a:hover { color:#fff; background:#9E005D; }
body#pageNews li#navNews a { color:#fff; background:#9E005D; }

li#navParties a:hover { color:#fff; background:#FF9999; }
body#pageParties li#navParties a { color:#fff; background:#FF9999; }

#content { width:930px;float:left;position:relative;text-align:left; }
#contenthome { width:938px;float:left;position:relative;text-align:left; }
#content h1 {
	text-indent:-9999px;
	height:25px;
	}

#leftnav { float:left; }
#leftnav img { padding:0 1px; }

#subnav { float:left;width:98px;font-size:0.66em;line-height:normal; }
#subnav ul { float: left;}
#subnav a { display:block;width:82px;height:auto;text-decoration:none;padding:0;margin:0; }
#subnav li a { color:#999;text-decoration:none;padding:3px 10px; margin: 0 0 1px 0; }
<!-- ---THIS IS NOW ON THE SPECIFIC CSS --- #subnav li a:hover, #subnav #selected a { background: #339999 !important;color:#fff !important; }-->

	
#maincontent { float:left;width:600px;margin-left:35px;font-size:0.76em;line-height:normal; }
#homecontent { float:left;width:736px;margin-left:10px;font-size:0.76em;line-height:normal; }
#video { float:left; width:560px;}
#homenav {
	float:left;
	width:150px;
	margin-left:15px;
	}
.onecolumn {
	float:left;
	width:160px;
	padding:15px 0;
	}
.onecolumn2 {
	float:left;
	width:250px;
	padding:15px 0;
	}
	
.twocolumn {
	float:left;
	width:280px;
	padding:15px 15px 15px 0;
	}
.twocolumn2 {
	float:right;
	width:295px;
	padding:15px 0;
	}
.twocolumn3 {
	float:left;
	width:560px;
	padding:15px 0;
	}
.twocolumn4 {
	float:right;
	width:305px;
	padding:15px 0;
	}

.threecolumn {
	float:left;
	width:400px;
	padding:15px 0;
	}
	
.bottomcontent {
	clear:both;
	width:600px;
	}
#rightnav {
	float:right;
	margin-left: 10px;
	}	
#rightnav2 {
	float:left;
	}	
	
#footer {
font-size:0.66em;
clear:both;
color:#999;
padding:10px 0;
}

#footerLeft {
	float:left;
	}
#footerRight {
float:right;
}
#footerRight a {
	text-decoration:none;
	color:#999;
	}
.floatLeft {float:left;}
.floatRight {float: right;}



/* defaults for all examples */

.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	width: 6px;
	height: 431px;
	margin:0 1px;
}
    		
	
.kwicks li a{
	text-indent:-9999px;
	display:none;
}
#kwick0 {
	background-image: url('../images/h_company.jpg');
}
#kwick1 { 
	background-image: url('../images/h_purchasetickets.jpg');
}
#kwick2 {
	background-image: url('../images/h_0809_season.jpg');
}
#kwick3 {
	background-image: url('../images/h_support.jpg');
}
#kwick4 { 
	background-image: url('../images/h_obstaff.jpg');
}
#kwick5{ 
	background-image: url('../images/h_news.jpg');
}
#kwick6 { 
	background-image: url('../images/h_parties.jpg');
	margin-right:none;
}

.kwickselected {	
width:59px !important;

}