/*

Style Name: Surfers Paradise Festival
Description: Surfers Paradise Festival
Version: 1.0
Author: Matt Bond
Author URI: http://www.madmediagroup.com.au

	
#### COLOURS #########
	

#FFB8D0			Light Pink		
#EA4D85			Mid Pink
#EC008C			Pink
#B81B60			Darker Pink
#333			Dark Grey
#CCC			Light Grey
#F2F2F2			Light White


*/


/* 

##### RESET ######### 

*/


*									{ margin: 0; padding: 0; } 
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 75%; font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; color: #333;
									  background: url(/images/bg.png) top center repeat-x #FFF; }
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; margin-left: 15px; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; border: none; }
table								{ border-collapse: collapse; }


/*

##### UTILITY ##########

*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.imgLeft							{ float: left; padding: 0 20px 20px 0; border: none; }
.imgRight							{ float: right; padding: 0 0 20px 20px; border: none; }
.clear								{ clear: both; }
.button								{ border: 1px solid #FFF; background: #EC008C; padding: 3px 8px; color: #FFF }
.button.hover						{ background: #B81B60; color: #FFF; }

/*

#### TYPOGRAPHY ##########

*/

p									{ font-size: 1.2em; }
p#intro-parapgraph					{ font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; line-height: 1.4em; margin-top: 5px; }
p#intro-paragraph span 				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{ color: #97DAF8; }
a									{ font-weight: bold; color: #EC008C; }
a:hover								{ font-weight: bold; color: #B81B60; border-bottom: 1px dotted; }
.no-border a:hover					{ border-bottom: none; }
h1									{ font-size: 1.8em; font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; }  
h2									{ font-size: 1.6em; font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; padding-bottom: 10px; }  
h3									{ font-size: 1.2em; font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 1.2em; margin-bottom: 15px; }  

h1#pages							{ padding: 10px 0 10px 0; color: #EC008C; font-weight: bold; } 
h2#pages							{ padding: 10px 0 10px 0; color: #EC008C; font-weight: bold; } 
h2#pages a							{ float: right; }
h2#pages a:hover					{ float: right; }
																	  
h2#sidebar 							{ font-size: 1.4em; color: #FFF; font-weight: bold; margin: 0 0 0 10px; }

h2#key	 							{ font-size: 1.4em; color: #EC008C; font-weight: bold; margin: 0 0 0 10px; }

h3#sidebar							{ font-weight: bold; color: #EC008C; }
h3#date								{ font-weight: bold; color: #EC008C; }

p.detail-heading					{ font-size: 1.1em; color: #EC008C; font-weight: bold; text-transform: uppercase; }

.back								{ font-size: 1em; font-weight: bold; color: #EC008C; }

#event-description					{ width: 670px; margin: 20px 0 20px 0; }
#event-description p				{ margin: 0 0 20px 0; }

/*

#### STRUCTURE ###########

*/

	
#page-wrap							{ width: 960px; margin: 0px auto -90px; min-height: 100%; height: auto !important; height: 100%; }

#flipbook							{ width: 1300px; margin: 0px -170px; min-height: 100%; height: auto !important; height: 100%; }

#push								{ height: 90px; }
					  
#sidebar-wrap						{ width: 260px; margin-left: 10px; margin-right: 10px; float: left; }

#sidebar-head						{ width: 260px; background: url(/images/sidebar_navbg.png) no-repeat; height: 40px; padding: 10px 0 0 10px; position: relative; left: -10px; }

#socialsidebar						{ width: 260px; float: right; background: #F6ADCD; padding: 10px; }					  

#events-sidebar						{ width: 260px; float: right; margin-bottom: 10px; background: #F2F2F2; }

#key-sidebar						{ width: 260px; float: right; margin-bottom: 10px; background: #F2F2F2; }

#calendar-sidebar					{ width: 260px; float: right; margin-bottom: 10px; background: #F2F2F2; }

#newsletter-sidebar					{ width: 260px; float: right; margin-bottom: 10px; background: #F2F2F2; }

#connect-sidebar					{ width: 260px; float: right; margin-bottom: 10px; background: #F2F2F2; }

ul#events-sidebar-nav li			{ display: inherit;  margin: 5px 0 15px 10px; }
ul#events-sidebar-nav li a			{ text-transform: uppercase; color: #EC008C; font-size: 1.2em; }
ul#events-sidebar-nav li a:hover	{ color: #B81B60; }

#main-col							{ width: 670px; float: right; }

#calendar							{ width: 230px; margin: 15px; font-weight: bold; }

.selectedrow						{ color: #FFF; font-weight: bold; border: 1px solid #B81B60; background: #EA4D85; }
.deselectedrow						{ color: #333; font-weight: bold; border: 1px solid #B81B60; background: #ffb8d0; }
.deselectedcell						{ color: #333; font-weight: bold; border: 1px solid #B81B60; }
.disabledrow						{ color: #666; border: 1px solid #666; background: #ccc; }
.disabledcell						{ color: #666; border: 1px solid #666; background: #ccc; }

#map-left							{ width: 320px; float: left; margin: 10px 0 0 0; }
#map-right							{ width: 320px; float: right; margin: 10px 0 0 0; }

ul#map-left							{ float: left; text-align: left; padding: 10px 0 10px 0; }
ul#map-left li						{ display: list-item;  padding-left: 25px; }
ul#map-left li a					{ color: #EC008C; font-size: 1.1em; }
ul#map-left li a:hover				{ color: #B81B60; border-bottom: 1px dotted; }

ul#map-right						{ float: left; text-align: left; padding: 10px 0 10px 0; }
ul#map-right li						{ display: list-item;  padding-left: 25px; }
ul#map-right li a					{ color: #EC008C; font-size: 1.1em; }
ul#map-right li a:hover				{ color: #B81B60; border-bottom: 1px dotted; }

#video-thumb						{ width: 310px; margin: 20px 20px 0 0; float: left; cl}


/*

#### HEADER ###########

*/

#logospf							{ width: 410px; display: block; border: none;
									  float: left; text-indent: -9999px; margin: 20px 0 0 0; }
									  
#logo								{ width: 410px; height: 146px; background:url(/images/logo.png) no-repeat; float: left; margin: 20px 0px 0px 0px; display: block; }
#logo a								{ display: block; height: 100%; width: 100%; border: none; }
#logo a span						{ position: absolute; left: -9999px; top: -9999px; }

									  
#top-bar							{ padding: 0px; }
#top-bar p							{ color: #FFF; width: 300px; float: right; }

form#searchform						{ margin: 0 0 10px 0; float: right; }

#twitter-bar						{ width: 420px; height: 30px; float: right; margin: 3px 0 12px 0; }
#twitter-bar p						{ color: #333 }
#twitter-bar a						{ color: #EC008C }
#twitter-bar a:hover				{ color: #B81B60; font-weight: bold;  }

#searchbox									{ width: 400px; height: 30px; float: right; margin: 30px 0 0 0; }

#searchbox input							{ width: 220px; padding: 5px; color: #333; background: #FFF; border: 1px solid #333; font-size: 1.1em; }
#searchbox input:focus		 				{ background-color: #fff; color:#333; border: 1px solid #EC008C; font-size: 1.1em; }
#searchbox input.submit 					{ width: 120px; cursor: pointer; background: #EC008C; color:#fff; font-size: 1.1em; font-weight: bold; border: none; }
#searchbox input.submit:hover 				{ background: #B81B60; }
#searchbox input[type="submit"][disabled] 	{ background: #B81B60; }


/*

#### MENU ###########

*/

#menu-bar							{ padding-top: 11px; margin-bottom: 0px; }

#menu-bar-top						{ padding-top: 10px; float: right; width: 470px; }
ul#menu-bar-top						{ width: 550px; float: right; text-align: right; padding: 10px 0 10px 0; }
ul#menu-bar-top li					{ display: inline;  padding-left: 25px; }
ul#menu-bar-top li a				{ color: #EC008C; font-size: 1.1em; }
ul#menu-bar-top li a:hover			{ color: #B81B60; border-bottom: 1px dotted; }

#main-nav							{ width: 100%; height: 40px; background: url(/images/bg.jpg) top repeat-x; padding: 10px 0 10px 0; }

ul#nav								{ width: 960px; float: left; text-align: center; }
ul#nav li							{ display: inline; height: 40px; }
ul#nav li a							{ background: url(/images/bg.jpg) top repeat-x; text-transform: uppercase; color: #FFF; font-size: 1.3em; padding: 10px 12px 10px 12px; }
ul#nav li a:hover					{ background: url(/images/navbg.png); color: #FFF; border-bottom: none; }


/*

#### MAIN CONTENT ###########

*/


#hero-banner						{ width: 670px; height: 320px; float: right; margin: 0 0 10px 0; }

#home-news							{ width: 210px; height: auto; float: right; }

#home-news p						{ font-weight: bold; color: #333; font-size: 1em; }
#home-news a						{ font-weight: bold; color: #333; font-size: 1em; }
#home-news a:hover					{ font-weight: bold; color: #333; border-bottom: 1px dotted; font-size: 1em; }

#home-events						{ width: 410px; height: auto; float: left; }

#home-events a						{ font-weight: bold; color: #EC008C; }
#home-events a:hover				{ font-weight: bold; color: #B81B60; border-bottom: 1px dotted; }


#bottom-news						{ width: 250px; height: auto; float: right; margin: 40px 0 20px 0; }

#bottom-news a						{ font-weight: bold; color: #333; }
#bottom-news a:hover				{ font-weight: bold; color: #333; border-bottom: 1px dotted; }

#bottom-events						{ width: 370px; height: auto; float: left; margin: 40px 0 20px 0;}

#bottom-events a					{ font-weight: bold; color: #EC008C; }
#bottom-events a:hover				{ font-weight: bold; color: #B81B60; border-bottom: 1px dotted; }

#map								{ width: 470px; height: auto; float: left; }

.icons								{ padding: 0 0 5px 5px; }

.map-icon							{ float: right; padding: 0 0 20px 20px; border: none; margin-top: -8px; }

#pagination							{ width: 400px; float: right; text-align: right; }

.event-details						{ margin: 0 0 10px 0; }

.paragraph							{ margin: 0 0 10px 0; }

/*

#### WIDGETS #############

*/

.widget								{ width: 400px; }
.widget .inside						{ padding: 0px; }
.widget ul							{ list-style: square; margin-left: 15px; }
.widget ul a						{ display: block; padding: 2px; }
.widget ul li a:hover				{ background: #FFF; color: #97DAF8 }
.thumb								{ width: 62px; float: left; margin: 0 0 10px 15px; }


/*

#### CONTACT FORM ############
		
*/


#contact p, label, legend 						{ font-size: 1.1em; }

#contact hr 									{ color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact 										{ width: 670px; float: right; }

#contact label 									{ display: inline-block; float: left; height: 20px; line-height: 20px; width: 165px; font-size: 1.1em; font-weight: bold; }
#contact input, select, textarea				{ width: 280px; padding: 5px; color: #333; background: #f2f2f2; border: 1px solid #5a5a5a; margin: 10px 0; font-size: 1.1em; 
												  font-family: "Lucida Sans", "Lucida Grande", Geneva, sans-serif; }   
#contact input:focus, textarea:focus 			{ border: 1px solid #EC297B; background-color: #fff; color:#333; }
#contact select:focus 							{ background-color: #fff; color: #333; }
#contact input.submit 							{ width: 85px; cursor: pointer; border: 1px solid #B81B60; background: #EC297B; color: #fff; }
#contact input.submit:hover 					{ background: #B81B60; }
#contact input[type="submit"][disabled] 		{ background: #B81B60; }
#contact fieldset 								{ padding: 20px; border:1px solid #ccc; }
#contact legend 								{ padding: 10px; font-weight:bold; color:#fff; border:1px solid #ccc; margin-bottom:0 !important; margin-bottom: 10px; }

#contact span.required							{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message 										{ margin: 10px 0; padding: 0; }

.error_message 									{ display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('/images/contact/error.gif') no-repeat 10px center; 
												  padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; }

.loader 										{ padding: 0 10px; }

#contact #success_page h1 						{ background: url('/images/contact/success.gif') left no-repeat; padding-left:22px; }



#newsletter										{ width: 230px; float: left; margin: 0 15px 15px 15px; }

#newsletter p									{ font-size: 1.1em; }

#newsletter label 								{ display: inline-block; float: left; height: 20px; line-height: 20px; width: 100px; font-size: 1em; font-weight: bold; margin: 10px 0 0 0; }
#newsletter input					 			{ width: 110px; padding: 5px; color: #333; background: #fff; border: 1px solid #5a5a5a; font-size: 1em; margin: 5px 0 5px 0; float: right; }   
#newsletter input:focus				 			{ border: 1px solid #EC008C; background-color: #fff; color:#333; }
#newsletter input.submit 						{ width: 120px; cursor: pointer; border: 1px solid #B81B60; background: #EC008C; color: #fff; font-weight: bold; margin: 10px 0 0 0; float: right; }
#newsletter input.submit:hover 					{ background: #B81B60; }
#newsletter input[type="submit"][disabled] 		{ background: #B81B60; }


/*

##### ADMIN ##########

*/



#admin label 									{ display: inline-block; float: left; height: 20px; line-height: 20px; width: 100px; font-size: 1em; font-weight: bold; margin: 10px 0 0 0; }
#admin input					 				{ width: 110px; padding: 5px; color: #333; background: #fff; border: 1px solid #5a5a5a; font-size: 1em; margin: 5px 0 5px 0; float: left; }   
#admin input:focus				 				{ border: 1px solid #EC008C; background-color: #fff; color:#333; }
#admin input.submit 							{ width: 120px; cursor: pointer; border: 1px solid #B81B60; background: #EC008C; color: #fff; font-weight: bold; margin: 5px 0 0 0; float: left; }
#admin input.submit:hover 						{ background: #B81B60; }
#admin input[type="submit"][disabled] 			{ background: #B81B60; }


.admin-left														{ width: 160px; margin: 20px 20px 0 0; float: left; }
#admin-right													{ width: 450px; margin: 20px 0 0 0; padding: 10px; float: right; border: 1px solid #333; }
#admin-right label 												{ display: inline-block; float: left; height: 20px; line-height: 20px; width: 100px; font-size: 1em; font-weight: bold; margin: 10px 0 0 0; }
#admin-right input, select 										{ width: 270px; padding: 5px; color: #333; background: #f2f2f2; border: 1px solid #5a5a5a; font-size: 1em; margin: 5px 0 5px 0; float: left; }   

#admin-right textarea	 										{ width: 270px; padding: 5px; color: #333; background: #f2f2f2; border: 1px solid #5a5a5a; 
																  font-family: 'Ludica Sans', 'Lucida Grande', Geneva, sans-serif; font-size: 1em; margin: 5px 0 5px 0; float: left; }   

#admin-right textarea:focus										{ width: 270px; padding: 5px; color: #333; background: #fff; border: 1px solid #B81B60; 
																  font-family: 'Ludica Sans', 'Lucida Grande', Geneva, sans-serif; font-size: 1em; margin: 5px 0 5px 0; float: left; }   

#admin-right input:focus, select:focus							{ border: 1px solid #EC008C; background-color: #fff; color:#333; }
#admin-right input.submit 										{ width: 120px; cursor: pointer; border: 1px solid #B81B60; background: #EC008C; color: #fff; font-weight: bold; margin: 5px 0 0 0; float: left; }
#admin-right input.submit:hover 								{ background: #B81B60; }
#admin-right input[type="submit"][disabled] 					{ background: #B81B60; }


ul.admin li											{ padding-bottom: 5px; font-size: 1.1em; }

.admin input 										{ width: 270px; padding: 5px; color: #333; background: #f2f2f2; border: 1px solid #5a5a5a; font-size: 1em; margin: 5px 0 5px 0; float: left; }   
.admin input:focus									{ border: 1px solid #EC008C; background-color: #fff; color:#333; }
.admin input.submit 								{ width: 120px; cursor: pointer; border: 1px solid #B81B60; background: #EC008C; color: #fff; font-weight: bold; margin: 5px 0 0 0; float: left; }
.admin input.submit:hover 							{ background: #B81B60; }
.admin input[type="submit"][disabled] 				{ background: #B81B60; }


/*

#### ADMIN IMAGE UPLOAD ###########

*/

.container				{ display:block; }

.containercontent		{ height: 160px; padding-top: 10px; text-align: left; padding-left: 4px; padding-right: 4px; padding-bottom: 1px; }

.placeholderoptions 	{ margin-top: 25px;	margin-bottom: 25px; text-align: center;	width: 400px; margin-left: auto; margin-right: auto; }

.uploadoptions			{ display: block; }

.uploadoptions *  		{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#FFFFFF }

.uploadoptions1			{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  background:#FFFFFF}

.uploadoptions2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  background:#FFFFFF}

.uploadoptions3  {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;}

.uploadoptions4{
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF}

.uploadoptions5{
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF}

/*The below styles how the content contained within the rounded edged boxes will look*/
/*To change the background colour of this box change #EEEEEE*/
.uploadoptionscontent{
 min-height: 50px;
 padding-top: 20px;
 color: #000000;
 text-align: left;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 20px;
 background:#FFFFFF}


.uploadprogress {
	margin-left: 10px;
	padding-top: 25px;
	padding-left: 60px;
	background-image: url(/images/admin/loading.gif);
	background-repeat: no-repeat;
	background-position: center left;
	height: 48px;
}

/*The below styles how a success message will look in the upload form*/
.success {
	color: green;
	margin-left: 10px;
	padding-top: 25px;
	padding-left: 60px;
	background-image: url(/images/admin/success.png);
	background-repeat: no-repeat;
	background-position: center left;
	height: 48px;
}

/*The below styles how a success message will look in the delete box*/
.deletesuccess {
	background-image: url(/images/admin/success.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 48px;
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/*The below styles how an error message will look in the upload form*/
.error {
	color: red;
	margin-left: 10px;
	padding-top: 25px;
	padding-left: 60px;
	background-image: url(/images/admin/error.png);
	background-repeat: no-repeat;
	background-position: center left;
	height: 48px;
}

.renameerror {
	background-image: url(/images/admin/error.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 48px;
	width: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/*The below styles how the various input boxes look*/
.optionsinput {
	border: 1px solid #000000;
	margin-left: 10px;
	}
	
.renameinput {
	border: 1px solid #000000;
	margin-left: 10px;
	height: 20px;
	padding: 5px;
	font-size: 1.2em;
	}

/*The below styles how the file upload input box will look*/	

.buttoncontainer {
	margin-bottom: 25px;
	text-align: center;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	min-height: 25px;
}

.buttoncontainer a:link, .buttoncontainer a:visited {
	color: #ffffff;
	text-decoration: none;
	}

.rename-button {
	height: 20px;
	width: 120px;
	padding: 10px;
	text-align: center;
	float: right;
	}

.delete-button {
	height: 20px;
	width: 120px;
	padding: 10px;
	text-align: center;
	float: right;
	}
	
.okbutton {
	height: 25px;
	width: 112px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
	padding-left: 4px;
	padding-top: 10px;
	text-align: center;
	}
	
.inputbutton {
	border: 0;
	height: 25px;
	width: 112px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	float: left;
	}

.imagecontainer {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	}

/*The below styles how the thumbnails will look when listed*/
.thumbnaildiv {
 	width: 120px;
 	float: left;
 	position: relative;
 	z-index: 1;
 	}

.thumbnail {
 	border: 0;
 	margin: 10px;
 	}

/*The below styles how the text associated with each image will look when listed*/
.imagetext {
	width: 350px;
	padding: 8px;
	position: relative;
	z-index: 2;
	margin-left: 130px;
	}

.imageinfo {
	background-image: url(/images/admin/information.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 25px;
	height: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}

.imagedetails {
	background-image: url(/images/admin/image.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 25px;
	height: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}

.imagesize {
	background-image: url(/images/admin/disk.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 25px;
	height: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}

.imagelink {
	background-image: url(/images/admin/link.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 25px;
	min-height: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}

/*The below styles the look of the screen blackout when the delete button is pressed*/	
.blackout{
	position: fixed;
	z-index: 5;
	background-color: #000000;
	width: 100%;
	text-align: center;
	line-height: 0;	
	height: 100%;
	min-height: 100%;
}

/*The below styles how the box in the middle of the blackout screen will look*/
.box {
	color: #000000;
	margin-top: 200px;
	text-align: center;
	background-color: #ffffff;
	width: 500px;
	min-height: 300px;
	left: 0;
	line-height: 0;	
	margin-left: auto;
	margin-right: auto;
}

/*The below styles how the text at the of the box in the middle of the blackout screen will look*/
.boxheader {
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	}

/*The below styles how the text in the box in the middle of the blackout screen will look*/
.boxtext {
	padding: 20px;
	line-height: 100%;
	padding-top: 50px;
	}

/*The below styles how the thumbnail in the box in the middle of the blackout screen will look*/
.boxthumbnail {
	border: 1px solid #000000;
	margin-top: 20px;
	margin-bottom: 20px;
	}



/*

#### PHOTOS ################
		
*/


.photo-wrapper									{ width: 150px; margin: 5px; float: left; }


/*

#### PROGRAM ##############

*/


.program-thumb									{ width: 150px; margin: 15px 17px 25px 0; float: left; }
p.program-title									{ color: #EC008C; margin: 10px 0 10px 0; font-weight: bold; }
p.program-description							{ color: #333; margin: 0 0 10px 0; }



/*

#### FESTIVAL KEY ###############

*/

#loginWrapper 									{ float: right; width: 665px; height: auto; }
#loginButton 									{ float: right; width: 130px; height: 30px; }
#loginButton a 									{ display: block; font-size: 1em; font-weight: bold; line-height: 30px; text-align: center; color: #FFF; text-decoration: none;
  												  margin: 0; padding: 0 22px 0 0; background: url(/images/keySprite.png) 0px 0px no-repeat; cursor: pointer;
												  outline: none; }
#loginButton a:hover 							{ color: #FFF; background: url(/images/keySprite.png) 0px -30px no-repeat; border: none; }
#loginButton a.active 							{ color: #FFF; background: url(/images/keySprite.png) 0px -60px no-repeat; }
#loginForm 										{ position: absolute; width: 647px; margin: 30px 0 0 0; padding: 10px; background: #FFF; display: none; border: 1px solid #EC008C; text-align: center; }
#loginForm ul 									{ list-style: none; }
#loginForm ul li 								{ display: inline; }


#key-left										{ width: 130px; float: left; margin-bottom: 10px; }
ul#key-left										{ width: 130px; float: left; text-align: left; }
ul#key-left li									{ display: inline;  padding: 10px 0 10px 20px; border: none; }
ul#key-left li a:hover							{ border: none; }

#key-right										{ width: 120px; float: left; margin-bottom: 10px; }
ul#key-right									{ width: 120px; float: left; text-align: left; }
ul#key-right li									{ display: inline;  padding: 10px 0 10px 10px; border-bottom: none; }
ul#key-right li	a:hover							{ border-bottom: none; }




/*
		
#### HERO BANNER ############

*/


#gallery 						{ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA;	
								  -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;
								  -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;
								  border:1px solid white; background: url(/images/hero/panel.jpg) repeat-x bottom center #ffffff;
								  width:670px; overflow:hidden; }

#slides							{ height: 320px; width: 670px; overflow: hidden; }

.slide							{ float: left; }

#menu							{ height: 45px; }

#slide-menu ul					{ margin: 0px; padding: 0px; }

#slide-menu li					{ width: 60px; display: inline-block; list-style: none; height: 45px; overflow: hidden; }

li.inact:hover					{ background: url(/images/hero/pic_bg.png) repeat; }

li.act,li.act:hover				{ background: url(/images/hero/active_bg.png) no-repeat; }

li.act a						{ cursor: default; }

.fbar							{ width: 2px; background: url(/images/hero/divider.png) no-repeat right; }

#slide-menu li a				{ display: block; background: url(/images/hero/divider.png) no-repeat right; height: 35px; padding-top: 10px; }

a img							{ border: none; }


/*

#### FOOTER ################

*/



#footer								{ height: 90px; background: url(/images/navbg.png) repeat-x top center; background-color: #EC297B; margin-top: 15px; }

#footer-nav							{ width: 960px; height: 30px; }

ul#footer-nav						{ width: 960px; float: left; text-align: center; margin: 10px; }
ul#footer-nav li					{ display: inline; }
ul#footer-nav li a					{ text-transform: uppercase; color: #FFF; font-size: 1.3em; margin: 10px 12px 10px 12px; }
ul#footer-nav li a:hover			{ color: #333; border-bottom: none; }

ul#footer-bottom					{ width: 960px; height: 40px; float: left; text-align: center; background-color: #EC297B; }
ul#footer-bottom li					{ display: inline; margin: 0 5px 10px 0; }
ul#footer-bottom li a				{ color: #FFF; font-size: 1em; margin: 10px; }
ul#footer-bottom li a:hover			{ color: #333; border-bottom: none; margin: 10px; }

#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; font-weight: bold; }
#footer ul							{ color: white; }