/*******************************
 *
 *	MOBILE.CSS
 *
 *  Version: 1.0
 *
 *	Authors: 
 *	The Roundhouse
 *  Tom Knowles / Dan Nisbet / Mike Harris / Paul Lewis
 *
 *  Description:
 *
 *	This CSS strips back all extraneous 
 *  layout/styling information and creates a clean 
 *  and simple mobile-friendly layout.
 */

div
{
	text-align:				left;
	position:				static !important;
	display:				block !important;
	height:					auto !important;
	width:					220px;
	margin:					0 auto;
}

#site, body
{
	margin:					0 auto;
	text-align:				center !important;
 	background-color:		#191717;
	background-image:		none !important;
}

.hidden
{
	display: 				block;
}

.right
{
	position: 				relative;
	text-align: 			right;
}

object, embed
{
	display: 				none;
}

.printflash object, .printflash embed
{
	display: 				block;
}

hr
{
	display: 				block;
}

ul
{
	float:					left !important;
}

#contentleft ul
{
	float:					none !important;
}

.address
{
	font-size:				80%;
	color:					#CCCCCC;
	margin-left:			18px;
}

/* Header */

#header
{	
	display: 				block;	
	margin-bottom: 			20px;
	width:					auto;
	float:					none;
}

#flashlink
{
	display:				none;
}

#splashmain #headerlogo
 {
 	background-image:   	url(../z_images/layout/bg/bg_headerlogo.gif) !important;
	background-repeat:		no-repeat;
	display:				block !important;
	visibility:				visible !important;
	width:					auto !important;
	height:					auto !important;
 }
 
 #splashmain #headerlogo a
 {
 	background-image:   	url(../z_images/layout/bg/bg_headerlogo.gif) !important;
	background-repeat:		no-repeat;
	display:				block !important;
	visibility:				visible !important;
	width:					auto !important;
	height:					auto !important;
 }
 
 #header #headerlogo
 {
	display:				block !important;
	visibility:				visible !important;
	width:					220px !important;
	height:					auto !important;
 }
 
 #header #headerlogo a
 {
 	background-image:		url(../../z_images/layout/bg/bg_headerlogo.gif) !important;
	background-repeat:		no-repeat;
	display:				block !important;
	visibility:				visible !important;
	width:					220px !important;
	height:					auto !important;
 }
 
 #handheldlogo
 {
	width:					220px !important;
	height:					90px !important;
	visibility:				visible !important;
	margin-left:			-15px;
 }


h1
{
	visibility: 			hidden !important;
	width: 					0px !important;
	height:					0px !important;
	font-size: 				0px !important;
}
 
/* divs */

#content
{
	width: 					auto;
	margin:					0 auto;
	float:					none;
	left:					0;
	padding-top: 			0;
	position:				relative;
}

#wrapper
{
	width: 					auto;
	margin: 				0 auto;
	padding: 				0 10px 10px 10px;
	text-align: 			left;
	overflow: 				0;
	background-image:		none !important;
}

.wideright #contentleft
{
	width:					100%;
	float: 					none;
	overflow:				hidden;
	padding-left:			0;
	margin: 				0;
	padding: 		        0;
}

.wideright #contentright
{
	float: 					none;
	width:					auto;
	padding-left:			0;
	margin: 				0;
	display:				none;
}

#contentleft
{
	float: none;
	width:auto;
	padding:0;
	margin: 0;
}

#contentright
{
	float: none;
	width:auto;
}

#imgholder1,
#imgholder2,
#imgholder3
{
	display:none;
}

#site #pagelinks
{
	display: none;
}

#router
{
	width: auto;
	float:none !important;
	position:relative;
	top:0;
	display:block;
	left:0 !important;
}

#router ul
{
	padding-left:0 !important;
	float:none !important;
}

#router ul li
{
	width: auto;
	list-style:none;
	display:list-item;
	left:0 !important;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}

#router li
{
	padding-bottom: 10px;
}

#contentleft #marina
{
	background-image:none !important;
}

#contentleft #map
{
	background-image:none !important;
}

#contentleft #imgholder
{
	padding-bottom:20px;
	float:none!important;
}

#contentleft ul li
{
	height:	20px;
	padding-bottom:10px;
}

/* forms */

fieldset
{
	display: none;
}

/* footer */

#footer
{
	padding: 0 0 10px 10px;
	float:none !important;
	width:auto!important;
	margin:0!important;
}

body#credits,
body#credits h2,
body#credits h3,
#credits #final,
body#credits p,
#copyright,
#credit
{
	float:none !important;
	width: auto!important;
	margin:0!important;
	padding:0 !important;
	left: 0 !important;
}

#credit
{
	float:none !important;
}

/* Type */


html
{
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 100%;
}

#site p
{
	line-height: 150%;
	color: #ffffff;
}

#site h2
{
	font-size: 100%;
	font-weight: normal;
	color:#ffffff;
	margin:0;
	display:block !important;
	visibility:visible !important;
	height:auto !important;
}

#site h3
{
	font-size: 140%;
	font-weight: normal;
	color:#ffffff;
	display:block !important;
	visibility:visible !important;
}

#site h4
{
	font-weight: normal;
	font-size: 162.5%;
	display:block !important;
	visibility:visible !important;
}

#contentleft h2	
{
	margin:	 0 0 20px 0;
	font-size: 110% !important;
	color:#ffffff !important;
	display:block !important;
	visibility:visible !important;
	height:auto !important;
	line-height:100% !important;
}

#contentleft h2#secondtitle	
{
	margin: 0 0 10px 0;
	font-size: 120% !important;
	color:#ffffff !important;
	display:block !important;
	visibility:visible !important;
	height:auto !important;
}	

#footer
{
	color:#ffffff;
}

/* links */

a
{	text-decoration: underline;
	color:#ffffff;
}

a:hover
{
	text-decoration: underline;
	color:#999999;
}

#headerlogo a,
#handheldlogo a
{
	text-decoration:none;
	color: #191717;
}

#headerlogo a:hover,
#handheldlogo a:hover
{
	text-decoration:none;
	color: #999999;
}

#router ul li a
{
	text-decoration: underline;
	color:#ffffff;
}

#router ul li a:hover
{
	text-decoration: underline;
	color:#999999;
}

#credit a
{
	text-decoration: underline;
	color:#ffffff;
}

#credit a:hover
{
	text-decoration: underline;
	color:#999999;
}

/* 
 * This presents URLS next to their associated link text when the page is printed
 */
 
/*a:link:after, a:visited:after 
{
      content: " (" attr(href) ") ";
      font-size: 90%;
}

html.noted a:link:after,
html.noted a:visited:after 
{
      content: '';
}*/
 
 
/* 
 * This is the mobile CSS to hide the Flash headlines 
 * from the browser... regular browser text headlines will now print as normal 
 */

.sIFR-flash 
{
	display:	none !important;
	height: 	0;
	width: 		0;
	position: 	static !important;
	overflow: 	hidden;
}

.sIFR-alternate 
{
	visibility: 	visible !important;
	display: 		block !important;
	position: 		static !important;
	left: 			auto !important;
	top: 			auto !important;
}

/* slimbox */

#lbCloseLink,
.lbLoading,
#lbPrevLink:hover,
#lbNextLink:hover
#lbCenter,
#lbBottomContainer,
#lbImage,
#lbPrevLink,
#lbNextLink,
#lbBottom,
#lbCaption,
#lbNumber,
#lbCaption
{
	background-image:none !important;
	display:none !important;	
}