/* CSS Document */


body {
background:url(../images/slices/ferns.jpg) repeat-x #3c3429;
background-attachment:fixed;
width:100%;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0 0 0;
padding:0;
}

#container {
width:760px;
height:100%;
margin-left:auto;
margin-right:auto;
position:relative;
padding:0;
}


#header {
position:relative;
left:6px;
margin:0 0 -80px 0;/*makes up for logo contained within div.*/
z-index:3;
width:760px;
padding:0;
}

#topbar {
background-image:url(../images/slices/bardeisgn.jpg);
width:760px;
height:32px;
position:relative;
left:10px;
bottom:75px;
margin:0;
padding:0;
}

#topparch {
background-image:url(../images/slices/top.gif);
background-repeat:repeat-y;
position:relative;
width:760px;
height:65px;
margin:0;
padding:0;
z-index:2;
left:2px;
}

#logo {
background-image:url(../images/slices/LOGO.gif);
width:212px;
height:84px;
position:relative;
left:280px;
bottom:268px;
margin:0;
padding:0;
}

.diamond {
position:relative;
background-image:url(../images/slices/diamond.gif);
width:748px;
height:16px;
background-repeat:repeat-x;
margin:0;
padding:0;
}

#bkgdimage  {
width:748px;
height:194px;
position:relative;
margin:0;
padding:0;
right:0px;
}

#contentparch {
color:#000000;
font-weight:800;
min-height:300px;
background-image:url(../images/slices/background.gif);
background-repeat:repeat-y;
position:relative;
width:760px;
top:-7px;
}

#content {
width:690px;
padding:15px 30px 0 30px;
font-size:.8em;
}

#content a:link, #content a:visited {
color:#000000;
text-decoration:underline;
}

#content a:hover {
text-decoration:none;
}

#bottom {
background-image:url(../images/slices/bottom.jpg);
height:25px;
background-repeat:repeat-x;
width:740px;
left:10px;
position:relative;
bottom:-12px;
margin-top:-10px;
}

#tagline {background-image:url(../images/slices/tagline.jpg);
width:680px; 
height:28px;
position:relative;
left:30px;
margin-top:30px;
}

.clear {
clear:both;
}

#contact {
font-size:.7em;
color:#663300;
position:relative;
text-align:center;
height:20px;
}

/************************/
/*        NAV
/************************/

#navl, #navr {
color:#663333;
list-style:none;
font-size:.7em;
position:relative;
top:40px;/**moves nav below design*/
z-index:4;
}

#navr li, #navl li {
display:inline;
position:relative;
margin:0 15px; /**space between words*/
padding:0px;
}

#navl { 
position: relative;
float:left;
left:60px;
padding:0;
margin:0;
}

#navr {position:relative;
float:right;
right:80px;
padding:0;
margin:0;
}

#navr a:link, #navr a:visited, #navl a:link, #navl a:visited {
color:#663333;
font-weight:800;
text-decoration:none;
}

#navr a:hover, #navl a:hover {
border-top:#663300 solid 1px;
border-bottom:#663300 solid 1px;
color:#333333;
padding:2px 0;
}

/**************************/
/*      FEATURE BOXES
/*************************/

#featureboxl {
background-image:url(../images/slices/featurebox.jpg);
width:330px;
height:150px;
position:relative;
float:left;
font-size:1em;
margin:10px 0 0 0;
}

#featureboxr {
background-image:url(../images/slices/featurebox.jpg);
width:330px;
height:150px;
font-size:1em;
position:relative;
float:right;
margin:10px 0 0 0;
}

#featureboxl table td, #featureboxr table td {
padding:5px;
 }
 
.photol {
 position:relative;
 float:left;
 border:#000000 solid 1px;
 left:0px;
 margin:10px 10px 10px 0px;
 }
 
  
.photor {
 position:relative;
 float:right;
 border:#000000 solid 1px;
 left:0px;
 margin:10px 0px 10px 10px;
 }
 
 .photocenter {
 position:relative;
 margin-left:auto;
 margin-right:auto;
 }

#featureboxl p, #featureboxr p {
position:relative;
float:right;
font-size:.8em;
left:0px;
width:205px;
padding-right:5px;
}

hr {background-color:#663300;
}

.featureboxphoto {
position:relative;
float:left;
margin:10px;
}


#rooms td {
border-top:#996600 1px solid;
padding:5px 0;
}

#rooms td p {
padding:0 0 0 10px;
}

#rooms img {
border:1px solid #666666;
margin:2px;
}

.brown {
color:#996600;
}