/** colors
blue: 7671bf
dk blue: 3e3690
red: bb4455
green: 0e6c6c
gold: d0a62e
gray 372f2d
**/


/* ::::::::::: General :::::::::::::: */


body { 
margin: 30px ;
text-align:center auto;
background: #372f2d url('') repeat-x 50% 50%;
font:normal 12px verdana, sans-serif;
}

h2 {
font:normal 20px century, century schoolbook, georgia, times;
color:#99dddd;
letter-spacing:.3em;
text-transform:uppercase;
}


/* ::::::::::: container :::::::::::::: */

#container {
position:relative;
width:900px;min-height:600px;
margin: 0; padding:0px 0px;
color:#fff;
font-size:11px;
padding:0;
text-align:left;
border:solid 2px #0e6c6c;
/*border:solid 4px #d0a62e;*/
background:#372f2d url() no-repeat left bottom;
z-index:25; 
overflow:visible;
}

/* ::::::::::: banner :::::::::::::: */

#banner {
position:relative;
text-align:left;
padding-left:50px;
z-index:80;
width:100%;
border:none 1px #fff;
}

.logo {
position:absolute; left:-240px;top:0;
z-index:80;
}

#banner H1 {
font:normal 35px times, times roman, serif;
text-transform:uppercase;
letter-spacing: .3em;
color: #d0a62e;
}


/* ::::::::::: navigation :::::::::::::: */

.navigation {
position:relative;
width:800px;
margin: 0; ;
vertical-align:top;
border-bottom: dotted  1px #558855;
font:normal 12px verdana, sans-serif;
text-transform: uppercase;
border:solid 0 0 1px 0 #0e6c6c;
padding-bottom:10px;
}

.navigation li {display: inline;padding:10px 40px 0px 0px}



/* ::::::::::: content :::::::::::::: */

#content1 {
position:relative;
width:400px;
text-align:left;vertical-align: top;
color:#fff; 
padding:30px 10px 10px 50px;
font:normal 20px times, times roman, serif;
line-height:2.2;
border:none 1px #fff;
}

p.bodytext {font-size:12px;line-height:1.1}

p.fancy:first-line {
text-transform:uppercase;
letter-spacing:.1em;
}

#content2 {
position:relative;
width:350px;
float: right; 
vertical-align: top;
text-align:left; 
padding:10px;
border:none 1px #fff;
}

b.firstletter {
font-size:70px;
font-family: century,century schoolbook, times, times roman, serif;
font-weight:800;
color:#d0a62e;
}



/* ::::::::::: About page :::::::::::::: */

.about p {
font:normal 16px century,century schoolbook, times, times roman, serif;
line-height:1.3;
}

.about img {margin: 0 20px 10px 0;}

.about h2 {
font:normal 20px century, century schoolbook, georgia, times;
color:#99dddd;
letter-spacing:.1em;
text-transform:uppercase;
}

.learnmore {
right:-30px;
width:420px;
background-color:#0e6c6c;
padding:20px;
font-size:10px;
margin-top: 10px;
}

.learnmore h1 {font-size:18px;color:gold}
.learnmore h2 {margin-bottom:0;padding-bottom:0;padding-top:12px;font-size:12px}



/* ::::::::::::::::::: Gift Shop :::::::::::::::::::: */

#giftshop {background-color:#0e6c6c;z-index:10;padding:20px;width:862px}

.container-image {height:400px;overflow:hidden;vertical-align: center;}

.price {font:normal 20px century gothic, century schoolbook, georgia, times; color:#d0a62e}

.shop-item {font-size:20px}
.shop-description {font-size:14px}
.shop-image {margin-right:10px}

/* ::::::::::::::::::::::: LINKS ::::::::::::::::::::::: */
a.nav:link, a.nav:visited, a.nav:active {
text-decoration: none;
letter-spacing:.2em;
color:#99dddd;
}

a.nav:hover {
text-decoration: none;
color:#dddd99;
}

A:link { text-decoration: none; color:#eeaa55}
A:active { text-decoration: none; color:#eeaa55  }
A:visited { text-decoration: none; color:#eeaa55  } 
A:hover{ text-decoration: underline; color:#eeaa55 }

A.r:link { text-decoration: none; color:#ddaa33;}
A.r:active { text-decoration: none; color:#ddaa33;  }
A.r:visited { text-decoration: none; color:#ddaa33;  } 
A.r:hover{ text-decoration: none; color:#ddaa33;}




A.learnmore:link, A.learnmore:active,  A.learnmore:visited{ text-decoration: none; color:#005566;font-family:verdana,sans-serif;font-size:10px;letter-spacing:.1em;}
A.learnmore:hover{ text-decoration: none; color:#E29F63;}

A.learnmoreR:link, A.learnmoreR:active,  A.learnmoreR:visited{ text-decoration: none; color:#eeaa55;font-family:verdana,sans-serif;font-size:10px;}
A.learnmoreR:hover{ text-decoration: none; color:#ffee99;font-weight:600}


/* footer */
#footer {width:900px;font: normal 10px verdana; color:#ccc; margin-top:5px;border:none 1px #fff;text-align: LEFT; vertical-align: top;}
#copyright {float:right}
#hosting {vertical-align: middle;}