/***************************
-----------Body-------------
***************************/

body {
background:#FFFFFF url(assets/images/surfergirl.jpg) no-repeat fixed center center;
margin: 0px;
padding: 0px;
}

			/***************************
			-------Top Container--------
			***************************/

			#topContainer {
				float: left;
				width: 100%
				}

			#topContainer #topContainerLeft {
				width: 360px;
				position: fixed;
				left: 0px;
				top: 0px;
				}

				/***************************
				-----Top Container Nav------
				***************************/

				#topContainer #topContainerLeft .navigation {
					float: left;
					width: 170px;
					}


				/***************************
				-----Horizontal Logo--------
				***************************/
				.navigation .shellSurferHorizontal {
					float: right;
					}


					/***************************
					-----Main Content Text------
					***************************/
					#topContainer #topContainerLeft .mainContent {
						float: right;
						font-size: 11px;
						font-family: georgia, sans-serif;
						width: 180px;
						height: auto;
						margin-top: 30px;
						line-height: 20px; 
						}

					h1.title {
						font-family: "cooper black", georgia, sans-serif;
						font-weight: bold;
						letter-spacing: -2px;
						text-align: right;
						}

					.howtoplay {
						
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}
						
					.registertoplay {
						display:none;
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}
					
					.createaleague {
						display:none;
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}

					.hiscorestable {
						display:none;
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}
					
					.myleagues {
						display:none;
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}
					
					.joinaleague {
						display:none;
						background: url('assets/images/textbg.png') repeat;
						padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px;
						}
					
						/***************************
						----------Flash-------------
						***************************/
						#topContainer #topContainerRight {
							background-image: url('assets/images/flash.png');
							float: right;
							width: 586px;
							height: 600px;
							position: relative;
							}

						#topContainer #topContainerRight #flash {
							position: relative;
							top: 146px;
							left: 98px;
							width: 300px
							}


			/***************************
			-------Footer Container-----
			***************************/
			#footerContainer {
				width: 100%;
				clear: both;
				position: absolute;
				bottom: 0px;
				}

			#footerContainer #footerContainerLeft {
				width: 503px;
				height: auto;
				float: left;
				}


			#girl {
				position: fixed;
				bottom: 0px;
				left: 0px;
				width: 503px;
				height: 322px;
				z-index: 0;
				}

			#footerContainer #footerContainerRight {
				position: fixed;
				right: 0px;
				bottom: 0px;
				width: 359px;
				height: auto;
				float: right;
				padding-top: 160px;
				}