/* Made by Jack Qiao @ www.pureweb.ca
(feel free to erase that)
*/

/* The Esentials
+++++++++++++++++++++++++++++++++++*/

* {
margin: 0;
padding: 0;
}

body {
background: #6B3D21 url("images/back.jpg") repeat-y;
color: #DCBDAB;
font: normal 11px/25px georgia, times, serif;
}

h1 {
font: normal 60px/30px georgia, times, serif;
color: #BB6D3D;
display: block;
width: 565px;
border: 1px solid #A16745;
border-width: 0 0 1px 0;
margin: 65px 0 2px 112px;
padding-bottom: 15px;
cursor: default;
}

* html h1 {
position: relative;
top: 45px;
padding-top: 20px;
}

h2 {
font: normal 24px 'ms serif', 'new york', serif;
color: #A16745;
margin: 10px 0 -40px 292px;
}

* html h2 {
margin: 60px 0 -40px 292px;
}

img {
border: none;
}

#top {
width: 608px;
height: 39px;
position: absolute;
top: 0;
left: 94px;
background: #6B3D21 url("images/top.jpg") no-repeat;
}

a {
color: #fff;
}

a:visited {
text-decoration: underline;
}

a:hover {
color: #fc9;
}

/* Basic Structure
+++++++++++++++++++++++++++++++++++*/

p {
width: 315px;
margin: 0 0 0 292px;
}

.quote {
background: #824E2F url("images/q1.gif") no-repeat;
background-position: 3% 10%;
font: normal 10px/18px georgia, times, serif;
color: #271104;
width: 350px;
margin: 20px 0 20px 292px;
}

.quote span {
display: block;
border: 1px solid #522B13;
border-width: 1px 0;
width: 250px;
height: 100%;
background: transparent url("images/q2.gif") no-repeat;
padding: 30px 50px;
background-position: 90% 85%;
}

.pictures {
list-style: none;
position: absolute;
top: 315px;
left: 111px;
}

.pictures a {
border: 4px solid #824E2F;
display: block;
margin-top: 5px;
}

.pictures a:hover {
border-color: #A06948;
}

#footer {
margin: 40px 0 0 500px;
height: 50px;
}

/* Navigation
+++++++++++++++++++++++++++++++++++*/

#nav {
position: absolute;
top: 113px;
left: 112px;
list-style: none;
}

#nav a {
font: normal 11px/30px arial, tahoma, verdana, sans-serif;
color: #fff;
text-decoration: none;
display: block;
width: 130px;
height: 30px;
background-color: #824E2F;
margin-top: 1px;
padding-left: 10px;
}

* html #nav a {
width: 130px;
}

#nav a:hover {
background-color: #A16745;
}

#current a{
background-color: #945e3e;
}