@media screen {

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

body {
background-color: #000000;
background-image: url(images/bg.jpg);
background-position: center top;
background-repeat: no-repeat;
font-family: "Times New Roman", Times, serif;
margin: 0px;
padding: 0px;
}

h1 {
color: #e8c280;
font-size: 24px;
font-weight: bold;
padding-bottom: 14px;
width: auto;
}

h2 {
color: #e8c280;
font-size: 16px;
font-weight: bold;
}

/* Centered Website Start */
#websiteContainer{
position: relative;
visibility: visible;
width: 100%;
height: 100%;
background-image: url(images/bottomBgfull.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}

#boxContainer{
position: relative;
visibility: visible;
width: 1000px;
height: 100%;
margin: 0 auto;
}

/* Top Content */
#topBox {
background-image: url(images/topBg.jpg);
background-position: center top;
background-repeat: no-repeat;
font-size: 10px;
position: relative;
visibility: visible;
width: 1000px;
height: 204px;
}

#mainLogo {
position: absolute;
visibility: visible;
width: auto;
height: auto;
top: 0px;
left: 0px;
}

/* navigation */
#mainNavigation {
position: absolute;
visibility: visible;
width: auto;
height: auto;
top: 0px;
left: 372px;
}

#mainNavigation ul {
width: 602px;
height: 75px;
position: absolute;
top: 0px;
left: 0px;
background: url(images/menu.jpg) no-repeat 0 0;
list-style: none;
margin: 0;
padding: 0;
}

#mainNavigation li {
display: inline;
}

#mainNavigation li.home a:link, #mainNavigation li.home a:visited {
border: none;
width: 87px;
height: 75px;
display: block;
position: absolute;
top: 0;
outline: none;
left: 0;
text-indent: -7000px;
}

#mainNavigation li.home a.active {
background: url(images/menu.jpg) no-repeat 0 -75px;
text-indent: -7000px;
}

#mainNavigation li.story a:link, #mainNavigation li.story a:visited {
border: none;
width: 149px;
height: 75px;
display: block;
position: absolute;
top: 0;
outline: none;
left: 87px;
text-indent: -7000px;
}

#mainNavigation li.story a.active {
background: url(images/menu.jpg) no-repeat -87px -75px;
text-indent: -7000px;
}

#mainNavigation li.gallery a:link, #mainNavigation li.gallery a:visited {
border: none;
width: 219px;
height: 75px;
display: block;
position: absolute;
top: 0;
outline: none;
left: 236px;
text-indent: -7000px;
}

#mainNavigation li.gallery a.active {
background: url(images/menu.jpg) no-repeat -236px -75px;
text-indent: -7000px;
}

#mainNavigation li.contact a:link, #mainNavigation li.contact a:visited {
border: none;
width: 151px;
height: 75px;
display: block;
position: absolute;
top: 0;
outline: none;
left: 455px;
text-indent: -7000px;
}

#mainNavigation li.contact a.active {
background: url(images/menu.jpg) no-repeat -455px -75px;
text-indent: -7000px;
}

#mainNavigation li.home a:hover {
background: url(images/menu.jpg) no-repeat 0 -75px;
}

#mainNavigation li.story a:hover {
background: url(images/menu.jpg) no-repeat -87px -75px;
}

#mainNavigation li.gallery a:hover {
background: url(images/menu.jpg) no-repeat -236px -75px;
}

#mainNavigation li.contact a:hover {
background: url(images/menu.jpg) no-repeat -455px -75px;
}

/* Middle Content */
#middleBox {
background-image: url(images/middleBg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #000000;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#contentBox01 {
font-size: 12px;
position: relative;
visibility: visible;
left: 20px;
width: 1000px;
height: auto;
}

#contentBox01 a {
color: #835d37;
font-weight: bold;
text-decoration: underline;
}

#contentBox01 a:hover {
color: #e8c280;
font-weight: bold;
text-decoration: underline;
}

#contentBox01 ul {
	width: 1000px;
height: auto;
position: relative;
top: 0px;
left: 0px;
list-style: none;
}

#contentBox01 li {
float: left;
font-size: 14px;
color: #e8c280;
text-align: center;
line-height: 20px;
letter-spacing: 2px;
padding: 20px;
}

#contentBox01 li.textLeft {
float: left;
font-size: 12px;
color: #e8c280;
text-align: left;
line-height: 20px;
letter-spacing: 2px;
padding-top: 20px;
padding-left: 0px;
width: 470px;
}

#contentBox01 li.story {
float: left;
font-size: 14px;
color: #e8c280;
text-align: center;
line-height: 20px;
letter-spacing: 2px;
padding-top: 17px;
padding-right: 17px;
padding-bottom: 17px;
padding-left: 0px;
width: 470px;
}

#contentBox01 li.center {
float: left;
font-size: 14px;
color: #e8c280;
text-align: center;
line-height: 20px;
letter-spacing: 2px;
padding-top: 20px;
padding-right: 17px;
padding-bottom: 17px;
padding-left: 0px;
width: 472px;
}

#contentBox01 li.gallery {
float: left;
font-size: 12px;
color: #e8c280;
text-align: center;
line-height: 20px;
letter-spacing: 2px;
padding: 20px;
}

#contentBox01 li.galleryLeft {
float: left;
font-size: 12px;
color: #e8c280;
text-align: left;
line-height: 20px;
letter-spacing: 1px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

.clear{
clear: left;	
}

/* Bottom Content */
#bottomBox {
background-image: url(images/bottomBg.jpg);
background-position: center top;
background-repeat: no-repeat;
font-size: 10px;
position: relative;
visibility: visible;
width: 1000px;
height: 324px;
}

#bottomBox a {
color: #4d351d;
}

#bottomBox a:hover {
color: #835d37;
}

#leftBox {
font-size: 14px;
color: #222222;
float: left;
left: 20px;
top: 50px;
position: relative;
visibility: visible;
width: 480px;
height: auto;
line-height: 20px;
letter-spacing: 2px;
}

#rightBox {
font-size: 14px;
color: #222222;
left: 20px;
top: 34px;
float: left;
position: relative;
visibility: visible;
width: auto;
height: auto;
padding: 10px;
}

#rightBox li {
list-style-type: none;
float: left;
font-size: 14px;
color: #222222;
text-align: left;
letter-spacing: 2px;
padding: 8px;
}

/* Classes */

.bold {
font-weight: bold;
}

.boldTitle {
font-size: 14px;
font-weight: bold;
text-decoration:underline;
}

.boldText {
font-size: 14px;
font-weight: bold;
}

.floatLeft {
float: left;
padding-right: 14px;
}

}