/*
 *
 *   doc name  xx  Website Styles
 *   desc      xx  Styles Specific to Website
 *   author    xx  Ulf Lonegren
 *   version   xx  1.1  xx  April. 6 2009
 *
 * 
**/


/*ooooooooooooooooooooooooooooooooooooo*/
/*xxxxxx    Table of Contents    xxxxxx*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*
	Website Styles
	[WS1] HTML Body
	[WS2] Font Classes
	[WS3] Content Styling
	[WS4] Link Styles
	[WS5] Headings
	
	Layout and Page Styles
		[P1] Layout
		[P2] Page 1
		[P3] Page 2
		[P4] Page 3
		[P5] Page 4
		
*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooooooo*/


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooxxxxxx   [WS1] HTML Body    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

 
html, body {
	height:100%;
	color:#38210f;
	font-size:100.01%;
	margin:0px;
	padding:0px;
	}
 
body{
	font:13px/1.231 "Times New Roman", Times, serif;
	background:url(images/page-background.jpg) top center no-repeat;
	background-color:#ebc47e;
	}
	
 object { outline: none; } 
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooxxxxxx   [WS2] Font Classes    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*xxxxxx    Font Sizes    xxxxxx*/

.size10 {font-size:77%;} /* for setting 10px */
.size11 {font-size:85%;} /* for setting 11px */
.size12 {font-size:93%;} /* for setting 12px */
.size13 {font-size:100%;} /* for setting 13px */
.size14 {font-size:108%;} /* for setting 14px */
.size15 {font-size:116%;} /* for setting 15px */
.size16 {font-size:123.1%;} /* for setting 16px */
.size17 {font-size:131%;} /* for setting 17px */
.size18 {font-size:138.5%;} /* for setting 18px */
.size19 {font-size:146.5%;} /* for setting 19px */
.size20 {font-size:153.9%;} /* for setting 20px */
.size21 {font-size:161.6%;} /* for setting 21px */
.size22 {font-size:167%;} /* for setting 22px */
.size23 {font-size:174%;} /* for setting 23px */
.size24 {font-size:182%;} /* for setting 24px */
.size25 {font-size:189%;} /* for setting 25px */
.size26 {font-size:197%;} /* for setting 26px */

/*xxxxxx    Font Families    xxxxxx*/



/*xxxxxx    Font Colors    xxxxxx*/



/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [WS3] Content Styling    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

p{
	font-size:1em;
	padding:0px; margin:0px;
	padding-bottom:10px;	
	}

/*
p+p{
	
	}
*/

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [WS4] Link Styles    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*
a{

	}

a:link{
	
	}

a:hover{
	
	}

a:visited{
	
	}
*/

.footerlinks a{
color:#3f2611;
text-decoration:none;
}
	.footerlinks a:hover{
	color:#a50000;
	text-decoration:underline;
	}
	
.brownlinks a{
color:#3f2611;
text-decoration:underline;
}
	.brownlinks a:hover{
	color:#6e3e06;
	text-decoration:underline;
	}
	
.redlinks a{
color:#3f2611;
text-decoration:underline;
}
	.redlinks a:hover{
	color:#a60100;
	text-decoration:underline;
	}
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooxxxxxx   [WS5] Headings    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
 

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0em 0;
	font-size:100%;
	}
/*
h1 {

	}
 
h2 {
	
	}
 
h3 {
	
	}
 
h4 {
	
	}
	
h5 {
	
	}
	
h6 {
	
	}
*/
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooxxxxxx   [P1] Layout    xxxxxxoooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#wrapper{
width:1003px;
margin:0 auto;
}

	#main-flash{
	width:100%;
	min-width:1003px;
	z-index:100;
	}
	
	#homepage-content{
	width:607px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
	font-size:18px;
	line-height:26px;
	}
	
	#footerbox{
	width:1003px;
	height:256px;
	background:url(images/footer-bg.jpg) top left no-repeat;
	}
		#footer-nav{
		padding-top:45px;
		padding-bottom:20px;
		font-weight:bold;
		font-size:14px;
		text-align:center;
		}
		#footer-flash{
		width:1003px;
		height:100px;
		/*background-color:#666666;*/
		}
		
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooxxxxxx   [P2] Inner    xxxxxxoooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#inner-top{
width:1003px;
}
#inner-bottom{
width:926px;
margin-left:30px;
margin-right:47px;
background:url(images/topbottom.jpg) top left no-repeat;
background-color:#ebc47e;
}
	#inner-bottom-content{
	width:926px;
	padding-top:160px;
	font-size:16px;
	}
	
#inner-bottomcap{
width:1003px;
height:120px;
background:url(images/inner-bottom.jpg) top left no-repeat;
}


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooxxxxxx   [P3] Video    xxxxxxoooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#video-top{
width:1003px;
}
#video-bottom{
width:926px;
min-height:300px;
margin-left:30px;
margin-right:47px;
background:url(images/videobg.jpg) top left no-repeat;
background-color:#ebc47e;
}
	.video-area{
	float:left;
	width:906px;
	padding-left:20px;
	font-size:16px;
	position:relative;
		top:-85px;
		margin-bottom:-85px;
	}
		.video-container{
		float:left;
		width:554px;
		height: 350px;
			padding-top:19px;
		background:url(images/video-holder-bg.png) top left no-repeat;
		}
		.video-right{
		width:307px;
		float:left;
			padding-left:25px;
			padding-right:20px;
			padding-top:10px;
		font-size:16px;
		line-height:24px;
		}

#video-bottomcap{
width:1003px;
height:120px;
background:url(images/inner-bottom.jpg) top left no-repeat;
}

/* asdfasdfasdf */

#inner-top{
width:1003px;
}
#new-bottom{
width:926px;
margin-left:30px;
margin-right:47px;
background:url(images/newpage_bottombg.jpg) top left no-repeat;
background-color:#ebc47e;
}
	#new-bottom-content{
	width:926px;
	padding-top:60px;
	font-size:16px;
	}
		.oriental-clothing a{
		width:304px; height:266px;
		display:block;
		background:url(images/oriental-clothing.jpg) top left no-repeat;
		}
			.oriental-clothing a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.the-old-map a{
		width:304px; height:266px;
		display:block;
		background:url(images/the-old-map.jpg) top left no-repeat;
		}
			.the-old-map a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.the-rounds-journal a{
		width:304px; height:266px;
		display:block;
		background:url(images/the-rounds-journal.jpg) top left no-repeat;
		}
			.the-rounds-journal a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.us-wanted-poster a{
		width:304px; height:266px;
		display:block;
		background:url(images/us-wanted-poster.jpg) top left no-repeat;
		}
			.us-wanted-poster a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.abandoned-town-of-fairview a{
		width:304px; height:266px;
		display:block;
		background:url(images/abandoned-town-of-fairview.jpg) top left no-repeat;
		}
			.abandoned-town-of-fairview a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.the-revolver a{
		width:304px; height:266px;
		display:block;
		background:url(images/the-revolver.jpg) top left no-repeat;
		}
			.the-revolver a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
			
		.ledger a{
		width:304px; height:266px;
		display:block;
		background:url(images/sales-ledger.jpg) top left no-repeat;
		}
			.ledger a:hover{
			width:304px; height:266px;
			display:block;
			background-position:0 -266px;
			}
	
#inner-bottomcap{
width:1003px;
height:120px;
background:url(images/inner-bottom.jpg) top left no-repeat;
}