/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

html, body { height: 100%; }

body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	line-height: 11px;
	color: #FFF;
	background: #000 url(../../_images/bg_tile.gif) repeat center;
	}

h1 { display: none; }

img {
	vertical-align: bottom;
	border: 0;
	}

a:link { color: #EE333E; }
a:visited { color: #EE333E; }
a:hover { color: #fff; }
a:active {  }



/* --- Home Page
-------------------------------------------------------*/

/* --- | Home Page | --- */

#container {
	position: relative;
	width: 730px;
	height: 100%;
	margin: 0 auto;
	background: url(../../_images/bg.gif) no-repeat;
	}
	
	#content { margin-left: 6px; }



/* --- Enter Sweepstakes
-------------------------------------------------------*/

body#enter_sweepstakes { background: #000; }

	body#enter_sweepstakes #content {
		position: relative;
		width: 677px;
		height: 450px;
		margin: 0;
		background: url(../../_images/enter_sweepstakes.gif) no-repeat;
		}
	
		/* --- | Rules Link | --- */
	
		body#enter_sweepstakes #content p#rules {
			position: absolute;
			left: 236px;
			top: 316px;
			width: 157px;
			height: 9px;
			background: url(../../_images/rules.gif) no-repeat 0 -9px;
			}
			
			body#enter_sweepstakes #content p#rules a {
				display: block;
				height: 9px;
				background: url(../../_images/rules.gif) no-repeat;
				}
			
			body#enter_sweepstakes #content p#rules a:hover { background: none; }
			
			body#enter_sweepstakes #content p#rules span { display: none; }
	
		/* --- | Form Layout | --- */
	
		body#enter_sweepstakes #content #email,
		body#enter_sweepstakes #content #email_confirm,
		body#enter_sweepstakes #content textarea {
			font-family: Arial, Verdana, Sans-Serif;
			font-size: 10px;
			position: absolute;
			left: 58px;
			background: none;
			border: 0;
			}
		
		body#enter_sweepstakes #content #email,
		body#enter_sweepstakes #content #email_confirm {
			line-height: 20px;
			width: 153px;
			height: 21px;
			}
		
		body#enter_sweepstakes #content #email { top: 96px; }
		
		body#enter_sweepstakes #content #email_confirm { top: 140px; }
		
		body#enter_sweepstakes #content textarea {
			line-height: 15px;
			top: 184px;
			width: 153px;
			height: 109px;
			}
		
		body#enter_sweepstakes #content #submit {
			position: absolute;
			left: 121px;
			top: 312px;
			}
		
		/* --- | Corner Close | --- */
		
		body#enter_sweepstakes #content p#close_corner,
		body#thank_you #content p#close_corner {
			position: absolute;
			right: 0;
			top: 0;
			width: 25px;
			height: 23px;
			}
			
			body#enter_sweepstakes #content p#close_corner a,
			body#thank_you #content p#close_corner a {
				display: block;
				height: 23px;
				background: url(../../_images/corner_close.gif) no-repeat;
				}
			
				body#enter_sweepstakes #content p#close_corner a:hover,
				body#thank_you #content p#close_corner a:hover {
					background-position: 0 -23px;
					}
			
			body#enter_sweepstakes #content p#close_corner span,
			body#thank_you #content p#close_corner span { display: none; }
		
		/* --- | Logo | --- */
		
		body #content p#logo {
			position: absolute;
			right: 27px;
			top: 19px;
			width: 59px;
			height: 42px;
			}
			
			body #content p#logo a {
				display: block;
				height: 42px;
				background: url(../../_images/logo.gif) no-repeat;
				}
				
				body #content p#logo a:hover {
					background-position: 0 -42px;
					}
			
			body #content p#logo span { display: none; }



/* --- Thank You
-------------------------------------------------------*/

body#thank_you { background: #000; }

	body#thank_you #content {
		position: relative;
		width: 677px;
		height: 450px;
		margin: 0;
		background: url(../../_images/thank_you.gif) no-repeat;
		}
		
		body#thank_you #content p#close {
			position: absolute;
			left: 56px;
			top: 224px;
			width: 128px;
			height: 21px;
			}
			
			body#thank_you #content p#close a {
				display: block;
				height: 21px;
				background: url(../../_images/close.gif) no-repeat;
				}
				
				body#thank_you #content p#close a:hover { background: none; }
				
			body#thank_you #content p#close span { display: none; }



/* --- Rules
-------------------------------------------------------*/

body#rules { background: url(../../_images/rules_bg.gif) center center; }
	
	body#rules #container {
		width: 596px;
		height: auto;
		background: #000;
		}
		
		body#rules #container h1 {
			text-indent: -9999px;
			display: block;
			height: 184px;
			background: url(../../_images/rules_banner.gif) no-repeat;
			}
		
		body#rules p.close {
			position: absolute;
			left: 26px;
			top: 101px;
			width: 128px;
			height: 20px;			
			}
			
			body#rules p.close span { display: none; }
			
			body#rules p.close a {
				display: block;
				height: 20px;
				background: url(../../_images/click_here_to_close.gif) no-repeat;
				}
			body#rules p.close a:hover { background: none; }
		
		body#rules #container p { margin-bottom: 15px; }
	
	
		body#rules #container #content {
			text-align: justify;
			margin: 0;
			padding: 0 25px 31px 45px;
			background: url(../../_images/rules_content.gif) no-repeat center bottom;
			}



/* --- No Flash
-------------------------------------------------------*/

body#no_flash #content {
		width: 715px;
		height: 532px;
		background: url(../../_images/no_flash.gif) no-repeat;
		}
		
		body#no_flash #content p.get_flash_player {
			position: absolute;
			left: 210px;
			top: 275px;
			width: 161px;
			height: 44px;
			}
			
			body#no_flash #content p.get_flash_player span { display: none; }
			
			body#no_flash #content p.get_flash_player a {
				display: block;
				height: 44px;
				background: url(../../_images/get_flash_player.gif) no-repeat;
				}
				
				body#no_flash #content p.get_flash_player a:hover { background: none; }
		
		body#no_flash #content p.enter_site {
			position: absolute;
			left: 283px;
			top: 353px;
			width: 59px;
			height: 9px;
			}
			
			body#no_flash #content p.enter_site span { display: none; }
			
			body#no_flash #content p.enter_site a {
				display: block;
				height: 9px;
				background: url(../../_images/enter_site.gif) no-repeat;
				}
				
				body#no_flash #content p.enter_site a:hover { background: none; }