body {

margin: 0;
padding: 0;
background: #2e2107;
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
font-size: 14px;

}

h1 {

display: none;  /*  In the header put <h1>Company Name</h1> , it helps for SEO but you can't actually see it (Logo replacement) */

}

h2 {

font-size: 18px;
font-weight: normal;
color: #c6a665;      /* Edit this h2 color to match your theming */
margin: 0;
padding: 0;
margin-bottom: 5px;

}

p {

color: #f9e1b1;  /* Paragraph Color*/
margin-bottom: 10px;

}

a {

color: #c6a665;  /* Base Link Color */

}

#headerwrapper {

position: relative;
height: 100px;
width: 100%;
background: url('../images/headerbg.jpg'); /* This is your tiled header background */

}

#header {

position: relative;
height: 100px;
width: 800px;
background: url('../images/header.jpg'); /* This is your actual header image */
margin: auto;

}

#navwrapper{

position: relative;
height: 35px;
width: 100%;
background: url('../images/nav.jpg');  /* This is your tiled nav bar background */
border-bottom: 1px solid #4e380c;

}

#nav {

position: relative;
height: 25px;
width: 800px;
margin: auto;

}

#nav ul {

position: relative;
margin: 0;
padding: 0;
text-align: center;
height: 35px;
width: 800px;
margin: auto;

}

#nav li {

position: relative;   /* Dont mess around with this */
list-style-type: none;
display: inline-block;
margin: 0;
padding: 0;
width: auto;

}

#nav a {

position: relative;
text-decoration: none;
color: #c6a665;
padding: 10px;
padding-left: 49px;  /* Adjust these to make your buttons wider */
padding-right: 48px; /* Mess with them until the edges hit the 800px mark, or until they are space as much as you want */
top: 12px;

}

#nav a:hover {

background: url('../images/navhover.jpg'); /* This is your hover image */

}

#splashwrapper {

position: relative;
height: 320px;
width: 100%;
background: #4e380c url('../images/splash.jpg') no-repeat center;

}

#splash {

position: relative;
height: 320px;
width: 800px;
margin: auto;

}

#slider ul, #slider li{ 

margin:0;
padding:0;
list-style:none;

}	

#slider, #slider li{ 

height:320px;
width:800px;
overflow:hidden;

}

#contentwrapper {

position: relative;
width: 100%;
background: #4e380c url('../images/cnt.jpg') center top no-repeat;

}

#content {

position: relative;
width: 800px;
margin: auto;

}

#innerwrap {

position: relative;
width: 800px;

}

.box {

position: relative;
width: 246px;
margin-right: 30px;
margin-top: 30px;
float: left;
line-height: 15px;
text-align: left;

}

.box2 {

position: relative;
width: 246px;
margin-right: 0px;
margin-top: 30px;
float: right;
line-height: 15px;
text-align: center;

}

.cntbox {

position: relative;
width: 475px;
margin-right: 30px;
margin-top: 30px;
float: left;
line-height: 15px;
text-align: left;

}

.cntbox li {

color: #f9e1b1;
margin-left: 25px;
margin-bottom: 10px;

}

.sidebox {

position: relative;
width: 295px;
margin-top: 30px;
float: right;
line-height: 15px;
text-align: left;

}

.sidebox img {

margin-bottom: 15px;

}

.gallerybox {

position: relative;
width: 800px;
margin: auto;
padding-top: 30px;
line-height: 15px;

}

form {

margin-top: 10px;

}

label {

color: #c6a665;
display: block;

}

textarea {

background: none;
color: #f9e1b1;
border: 1px solid #c6a665;
display: block;
margin-bottom: 5px;
margin-top: 5px;

}

input {

background: none;
color: #f9e1b1;
border: 1px solid #c6a665;
display: block;
margin-bottom: 5px;
margin-top: 5px;

}

#footer {

position: relative;
width: 100%;
height: 30px;
background: url('../images/footer.jpg') repeat-x;  /* This is your footer graphic */

}

a img{border: 1px solid #c6a665;padding:2px;margin-right:29px;margin-top: 15px; text-align: center;}

#thumbs {width:800px; margin: auto; text-align: center;}

#paging {margin-top: 10px;}

p#paging {margin-top:20px}
p#paging a {margin-right:5px}

p.note {color:#c6a665;font-size:1em;margin-top:10px}