/* Axial West Coast Championships */
/* Main Page Stylesheet
----------------------------------------------------------------------------------- */


/* Style Precedents
----------------------------------------------------------------------------------- */


	* {
	
		margin: 0;
		padding: 0;
	
		}
		
	a {
		
		outline: none;
	
		}
		
	img {
	
		border: 0;
	
		}
		
	ul {
	
		list-style-type: none;
	
		}


/* Structural Containers
----------------------------------------------------------------------------------- */


	html, body {
	
		height: 100%;
	
		}
		
	body {
	
		background: #000 url(../images/layout/bg-body.jpg) top center no-repeat;
	
		}
		
	#layout {
	
		width: 980px;
		margin: 0 auto;
		background: #000;
	
		}
		
	#header {
	
		position: relative;
		height: 517px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/layout/bg-header.jpg);
	
		}
		
	#content {
	
		width: 588px;
		padding-left: 196px;
		float: left;
		margin-bottom: 40px;
	
		}
		
	#footer {
	
		display: block;
		width: 90%;
		clear: both;
		padding: 20px 5% 0 5%;
		height: 80px;
		background: url(../images/layout/bg-footer.jpg);
	
		}
		
		
/* Type and Headings
----------------------------------------------------------------------------------- */


	body {
	
		font: bold 12px/17px "arial", Trebuchet MS, sans-serif;
		font-style: normal;
		color: #ccc;
	
		}
		
	h3 {
	
		font-size: 14px;
		line-height: 16px;
		text-transform: uppercase;
		margin-bottom: 15px;
		font-style: normal;
		color: #fff;
	
		}
		
	h4 {
	
		border-top: solid 1px #333;
		margin: 15px 0 8px 0;
		padding-top: 15px;
		text-transform: uppercase;
		font-style: normal;
		color: #666;
		font-size: 13px;
		line-height: 14px;
	
		}
		
	h5 {
	
		text-transform: uppercase;
		font-style: normal;
		font-size: 11px;
		line-height: 11px;
		margin: 12px 0;
		color: #666;
	
		}
		
		
/* Links
----------------------------------------------------------------------------------- */


	a:link, a:active, a:visited {
	
		color: #a9ca8f;
		text-decoration: none;
	
		}
		
	a:hover {
	
		color: #7ccb3e;
	
		}
		
		
/* Inline Elements
----------------------------------------------------------------------------------- */


	p {
	
		margin: 0 0 10px 0;
	
		}
		
	dt {
	
		margin-top: 20px;
		color: #fff;
		text-transform: uppercase;
		font-style: normal;
	
		}
		
	dd {
	
		margin-left: 25px;
	
		}
		
	hr {
	
		border: none;
		height: 1px;
		background: #333;
		margin: 15px 0;
		
		}


/* Actions
----------------------------------------------------------------------------------- */


	a.action {
	
		display: block;
		text-indent: -5000px;
		overflow: hidden;
	
		}
		
	a.action:hover {
	
		background-position: bottom left;
	
		}
		
		
/* Image Replacement */


	a.back {
	
		position: absolute;
		top: 0;
		left: 10px;
		width: 214px;
		height: 41px;
		background-image: url(../images/actions/a-back.gif);
	
		}
		
	a.viewmap {
	
		position: absolute;
		top: 434px;
		left: 291px;
		width: 69px;
		height: 18px;
		background: url(../images/actions/a-viewmap.gif);
	
		}
		
	a.largermap {
	
		width: 125px;
		height: 18px;
		background: url(../images/actions/a-enlargedmap.gif);
	
		}

		
		
/* Tabs
----------------------------------------------------------------------------------- */

	
	.hide {
	
		display: none;
	
		}
		
	ul.tabs .nothing {
	
		width: 0;
		display: none !important;
	
		}
		
	ul.tabs {
	
		float: left;
		width: 100%;
		margin-bottom: 30px;
	
		}
		
	.tabs li {
	
		float: left;
		margin-right: 8px;
		padding: 0 0 0 2px;
		background: url(../images/actions/bg-tab-left.gif) no-repeat;
	
		}
		
	.tabs .tab {
	
		float: left;
		height: 31px;
		color: #9d9d9d;
		font-size: 13px;
		line-height: 31px;
		text-transform: uppercase;
		font-style: normal;
		background: url(../images/actions/bg-tab-right.gif) top right;
		padding: 0 15px 0 13px;
	
		}
	
	.tabs .tab:hover {
	
		color: #fff;
	
		}
		
	.tabs .selected .tab {
	
		cursor: default;
		color: #fff;
		background-position: bottom right;
	
		}
		
	.tabs .selected {
	
		background-position: bottom left;
	
		}
		
	.pane {
	
		float: left;
		width: 100%;
	
		}
		
		
/* Content
----------------------------------------------------------------------------------- */


	#content div ul {
	
		margin: 0 0 20px 25px;
		list-style-type: square;
	
		}
		
	#content div ul li {
	
		margin-bottom: 5px;
	
		}
		
		
/* Amenities
----------------------------------------------------------------------------------- */

		
	#amenities ul li p {
	
		padding-left: 20px;
	
		}


/* Map
----------------------------------------------------------------------------------- */


	#map {
	
		text-align: center;
	
		}
		
		
/* Footer
----------------------------------------------------------------------------------- */


	ul#footer .axial {
	
		float: left;
	
		}
		
	ul#footer .axial a {
	
		display: block;
		text-indent: -5000px;
		overflow: hidden;
		width: 81px;
		height: 18px;
		background: url(../images/actions/a-axial.gif);
	
		}
		
	ul#footer .legal {
	
		float: left;
		text-indent: -5000px;
		overflow: hidden;
		width: 248px;
		height: 18px;
		background: url(../images/layout/copyright.gif);
	
		}
		
	ul#footer .bb {
	
		float: right;
	
		}
		
	ul#footer .bb a {
	
		display: block;
		text-indent: -5000px;
		overflow: hidden;
		width: 25px;
		height: 12px;
		background: url(../images/actions/a-bb.gif);
	
		}