@charset "utf-8";

html, body { 
	background:url(../images/tile.jpg);
	background-repeat: repeat-x; 
	background-color: #FFFD00;
	}

/* Layout
.............................................................*/

#container {
	background:url(../images/bkg.jpg); 
	background-repeat: no-repeat;
	margin: auto;
	width: 1000px;
	/*height: 700px ;*/
	}

#index-container {
	background:url(../images/index-bkg2.jpg); 
	background-repeat: no-repeat;
	margin: auto;
	width: 1000px;
	}

#logo a { 
	background:url(../images/logo.jpg) no-repeat;
	width: 543px;
	height: 125px;
	float: right;
	padding-right: 110px;
	text-indent: -9999px;
	display: block;	
	}

#navArea { clear: both }

#mainContent { clear: both; /*height: 400px*/ }

#copyContent {
	float: left;
	width: 310px;
	padding-top: 55px;
	padding-left: 100px;
	}

#imagesContent {
	float: left;
	width: 530px;
	}

#imageFooter {
	/*padding-top: 20px;
	padding-left: 70px;*/
	margin-top: 20px;
	margin-left: 70px;
	}

/* Navigation
.............................................................

	Measurements for nav image replacement:
	
	The distance from the top to the...
	
	initial state = 0
	rollover state = 52px
	selected state = 104px
	
	The width of the...
	
	about btn = 250px
	shows btn = 175px
	venues btn = 161px
	
	The distance from the far-left to the...
	
	about btn = 0
	shows button = 250px
	venues button = 425px

*/

#navBar { float:right; margin-top: 30px; margin-right: 95px }

ul#navBarList 		{ background:url(../images/navbar.gif) }
ul#navBarList li 	{ float:left; list-style-type:none }
ul#navBarList li a 	{ height:52px; display:block; /* position:absolute; top:0px; */ text-indent:-9999px; outline:none }

li#about a, li#shows a, li#venues a { background:url(../images/navbar.gif) } 

li#about a 					{ background-position:0 0; width:250px; left:0 } 
li#about a:hover 			{ background-position:0 -52px } 
body#aboutPage li#about a 	{ background-position:0 -104px }

li#shows a 					{ background-position:-250px 0; width:175px; left:250px } 
li#shows a:hover 			{ background-position:-250px -52px } 
body#showsPage li#shows a 	{ background-position:-250px -104px }

li#venues a 					{ background-position:-425px 0; width:161px; left:-425px } 
li#venues a:hover 				{ background-position:-425px -52px } 
body#venuesPage li#venues a 	{ background-position:-425px -104px }

#contactBtn {
	width: 164px;
	height: 27px;
	/*text-indent: -9999px;*/
	float: left;
	}

#contactBtn a 					{ background:url(../images/contact_btn.gif); display:block; height:27px }
#contactBtn a:hover				{ background-position:0 -27px }
body#contactPage #contactBtn a 	{ background-position:0 -54px }

/* drop down menu */

ul#subNav {
	position: absolute;
	top: 0;
	left: 0;
}

ul#subNav li {
	float: none;
	}

li#shows {
	position: relative;
	}

ul#subNav {
	margin-top: 52px;
	display: none;
	}

#navBarList li:hover ul {
	display: block;
	}

li#school a 			{ background:url(../images/schools_btn.gif); }
li#school a:hover 		{ background-position:0 -52px; }

li#nurseries a 			{ background:url(../images/nurseries_btn.gif); }
li#nurseries a:hover 	{ background-position:0 -52px }

li#balloon a 			{ background:url(../images/balloon_btn.gif); }
li#balloon a:hover 		{ background-position:0 -52px }

li#birthday a 			{ background:url(../images/birthday_btn.gif); }
li#birthday a:hover 	{ background-position:0 -52px }
	
/* Typography
----------------------------------------------------------------------------------*/

p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }

.blueFont { color: #174C93 }

.orangeFont { color: #FE7300 }

#textFooter {
	padding-top: 25px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	}

a { color: #FE7300; text-decoration: none }

a:hover { color: #174C93 }

h1 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; }