html, body {
  height: 100%; /* Required */
}
body {
padding: 0;
margin: 0;
background-image: url(../GFX/BG_Tile.jpg);
background-repeat: repeat-x;
background-color:#1B1C16;
}

#wrapper {
width: 880px;
margin: 0 auto;
background-color: #1B1C16;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

/* -- masthead -- */

#masthead {
height: 700px;
padding-top: 105px;
background: url(../GFX/BG.jpg) no-repeat;
}

/* -- footer -- */

#footer {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 200px;

}

#footerfiller {
	padding: 0 1em;
	line-height: 200px;
	width:800px;
	background-image: url(../GFX/footer.gif);
	background-repeat: no-repeat;
	text-align: right;
}

/* Navigation - OVER */

.center{
width: 107px;
height: 15px;
padding-top:8px;
text-align: center;
}
  
#tab1 {
background: #e0e8ee url(../GFX/Tab_1.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px 0px 0px;
float: left;
clear: right;
margin-left: 60px;
overflow:hidden;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab2 {
background: #e0e8ee url(../GFX/Tab_2.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab3 {
background: #e0e8ee url(../GFX/Tab_3.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab4 {
background: #e0e8ee url(../GFX/Tab_4.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab5 {
background: #e0e8ee url(../GFX/Tab_5.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab6 {
background: #e0e8ee url(../GFX/Tab_6.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#tab7 {
background: #e0e8ee url(../GFX/Tab_7.jpg) left top no-repeat;
color: #E3AB0C;
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}

/* Navigation - UNDER */

#nav1 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
margin-left: 60px;
color: #000000;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav2 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
color: #000000;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav3 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
color: #000000;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav4 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav5 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav6 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}
#nav7 {
width: 107px;
height: 30px;
padding: 0px 0px;
float: left;
text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline;
}

/* -- sub navigation options -- */

.subnav {
float: left;
width: 600px;
height: 20px;
padding: 3px 0px 0px 78px;
font-weight: bold;
font-size: 10px;
}

.themenu a:link       {
color:  000000;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.themenu a:visited    {
color: 000000;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.themenu a:hover      {
color:  E3AB0C;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.themenu a:active      {
color:  E3AB0C;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* -- main window for all content -- */

#maincontent {
height: 395px;
width: 470px;
margin-left: 60px;
margin-right: 10px;
padding: 15px 5px 12px 35px;
float: left;
display: inline;
}

#content {
height: 395px;
width: 695px;
margin-left: 60px;
margin-right: 10px;
padding: 15px 5px 12px 35px;
float: left;
display: inline;
}
.scroller {
height: 385px;
width: 465px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
float: left;
display: inline;
overflow: auto;}
.scrollerfullwidth {
height: 385px;
width: 690px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px 0px;
float: left;
display: inline;
overflow: auto;}

/* -- text box in main window -- */
.welcome {
width: 96%;
text-align:justify;
font-size: 10px;
line-height: 1.3em;
margin: 0 0 1em;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;
padding-left:3px;

}

/* -- centers the photo in the main window -- */
.contentphotos {
padding: 0 0 0 45px;
}

/* -- photo boxes on right side of main page -- */

.divider{
float: right;
width: 1px;
height: 385px;
border-left: 1px solid #000000;
}

#photos {
width: 205px;
height: 83px;
padding: 0px 0px 10px 0px;
float: left;
margin-right: 15px;
margin-top: 15px;
border-bottom: 1px solid #000000;
display: inline;
}
#contact {
width: 205px;
padding: 0px 0px 10px 0px;
float: left;
margin-right: 15px;
margin-top: 15px;
}

.boxout {
float: right;
width: 100px;
padding: 10px 0px 0px 10px;
}
/* -- links page image placer -- */
.linksimage {
float: right;
width: 200px;
padding: 5px 5px 5px 5px;
text-align:center;
background-color:#FFFFFF;
margin-left: 10px;
}
/* -- link in bottom right of window to gallery pages -- */
#gallerybutton {
	width: 215px;
	height: 35px;
	padding: 19px 0px 10px 50px;
	float: left;
	margin-right: 5px;
	margin-top: 15px;
	text-align: left;
	background-image: url(../GFX/button.gif);
 	background-repeat: no-repeat;
}
.gallery a:link       {
color: 000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.gallery a:visited    {
color: 000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.gallery a:hover      {
color: E3AB0C;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.gallery a:active      {
color: E3AB0C;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* -- copyright and site by text -- */

#copyright {
width: 730px;
height: 20px;
font-size: 10px;
margin-left: 85px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

/* -- seperator -- */

.separator {
clear: both;
height: 0;
	visibility:hidden;
	margin:0px;
	padding:0px;
}

/* -- fonts -- */

p {
font-size: 10px;
line-height: 1.3em;
margin: 0 0 1em;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;

}
em {
font-size: 10px;
line-height: 1.3em;
margin: 0 0 1em;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;

}
h1 {
	text-transform: uppercase;
	font-weight: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 0px 1px 0px 0px;
}
h3 {
font-size: 15px;
line-height: 1.3em;
margin: 0 0 0.2em;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;
}


/* -- links -- */

a:link {
  color:#000000;
  text-decoration:none;
}
a:visited {
  color:#000000;
  text-decoration:none;
  }
a:hover {
  color:#000000;
  text-decoration:none;
  }
  
#links ul {
        list-style-type: none;
        width: 660px;
		padding:0;
		margin:0;
} 

#links li {
         border: 1px dotted #999;
        border-width: 1px 0;
        margin: 10px 0;
}

#links li a { 
        color: #000000;
        display: block;
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        padding: 5px 5px 5px 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
        width: 660px;
}

#links li a:hover {
        background: #ffffff;
}

#links a em { 
        color: #333;
        display: block;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        line-height: 100%; 
}

#links a span {
        color: #cccccc;
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        line-height: 100%;
}