/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: left;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #444;
	background: url(../images/bg.jpg) repeat-x #000; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 24px; 
		font-weight: bold;
		color: #8f5300;
		margin: 10px 0 10px 0; }
		
	h2 {
		font-size: 14px;
		font-weight: normal;
		color: #8f5300;
		margin: 5px; }
		
	h3 {
		font-size: 18px; 
		font-weight: bold;
		color: #8f5300;
		margin: 10px 0 10px 0; }	
	
	a:link, a:visited { color: #333; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 1040px;
	margin: 0 auto;
	text-align: center; }
	
	p.disclaimer {
		margin: 10px 0 0 0; }
	
	/*** HEADER ***/
	#header {
		width: 1040px;
		height: 143px;
		float: left;
		display: block;
		background: #fff; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 1000px;
		padding: 0 20px;
		float: left;
		background: #fff;
		text-align: left; }
		
		#contentSub {
			width: 1000px;
			float: left;
			border-top: 1px solid #99877d; }
		
		#flash {
			width: 1000px;
			height: 750px;
			display: block;
			float: left; }
			
		#deckplanner {
			width: 1000px;
			height: 600px;
			display: block;
			float: left; }
			
		#chooser {
			width: 1000px;
			height: 550px;
			float: left; }
		
		#byo-contentWrapper.cascade { background: url(../byo-images/cascade-bg.jpg) bottom right no-repeat #fff; }
		
		#info { margin: 0 0 0 20px; }
		
		#container { float: left; }
		
		ul#byo-selection { 
			width: 950px;
			float: left;
			margin: 0 0 0 50px;
			list-style: none; }
			
			ul#byo-selection li {
				float: left;
				padding: 1px;
				width: 220px;
				height: 162px;
				border: 1px solid #888;
				margin: 0 10px 10px 0;
				display: inline;
				text-align: center; }
				
				#back {
					position: fixed;
					bottom: 5px;
					right: 5px; }
	
		/*** CONTENT ***/
		#content {
			width: 480px;
			float: left;
			margin: 0 0 0 20px; }
			
			p.prompt {
				font-weight: bold;
				font-size: 13px; }
		
	/*** FOOTER ***/
	#footer {
		width: 1040px;
		height: 30px;
		line-height: 30px;
		float: left;
		text-align: center;
		background: #fff; }		






	
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */