/* begin template styles */
* {
border:none;
/*border:1px solid green;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#000;
}

html {
font-size:62.5%;
}

h4 {
margin-bottom:10px;
}

table, th, td {
text-align:left;
padding:3px 10px 0 0;
}

h2 {
font-size:2.6em;
color:#600;
clear:both;
font-weight:normal
}

h3{
font-size:1.8em;
color:#600;
margin-top:40px;
font-weight:normal;
}

h3.top {
margin:0;
}

a {
color:#600;
}

p {
margin:20px 0;
}

img {
display:block;
}

body {
position:absolute; /* for Firefox, necessary in order to use negative z-indexes */
z-index:0; /* for Firefox, necessary in order to use negative z-indexes */
width:100%; /* the above 2 lines cause Firefox body to shrink to fit content */
margin:0;
background:#600;
}

#wrap {
margin:0 auto;
width:1000px;
padding:0;
overflow:hidden; /* allows #wrap to see contained floats */
background:#fcfcda; /* obscures site name when images off */
background:url(images/beige.gif);
border-left:.1em solid #000;
border-right:.1em solid #000;
}

.left{
float:left;
}

.right {
float:right;
}
/* end template styles

/* begin header styles */
/* begin SEO styles */

div#images_off {
position:absolute;
top:0;
z-index:-1;
width:1000px;
height:90px; /* for IE6 and under */
min-height:90px;
background:#fcfcda;
}

h1#site_name {
font-size:2em;
padding:20px 0 0 20px;
}

div#header {
background:url(images/beige.gif);
margin-bottom:.8em;
overflow:auto;
}

div a#logo {
float:left;
background:url(images/bed-and-breakfast-puyallup.gif) no-repeat;
overflow:hidden;
width:411px;
height:96px;
}

div#header p {
margin:10px 30px;
text-align:right;
font-size:1.2em;
}

div#header p strong {
font-family:Verdana,Helvetica,sans-serif;
color:#600;
}

a#logo span, h2#tagline em {
display:none;
}

h2#tagline{
margin:0;
padding:0;
}
/* end SEO styles */

#header ul {
padding:.4em 0 .4em 30px;
overflow:auto;
clear:both;
background:#939878;
border-top:1px solid #600;
border-bottom:1px solid #600;
margin:0;
}

#header li {
list-style-type:none;
float:left;
padding-right:25px;
}

#header li a {
color:#fcfcda;
text-decoration:none;
background:url(images/white-star.gif) no-repeat 0 50%;
padding-left:20px;
font-family:Arial,sans-serif;
font-size:1.8em;
}

#header li a:hover, body#home #t-home a, body#our_bb #t-our_bb a, body#rooms #t-rooms a, body#directions #t-directions a, body#nearby #t-nearby a, body#reviews #t-reviews a {
color:#600;
background:url(images/red-star.gif) no-repeat 0 50%;
}
/* end header styles */

/* begin body styles */
#contents {
padding:0 30px;
background:#fcfcda;
}

#contents p, #contents ul, #contents th, #contents td, #contents h4 {
font-size:1.3em;
}

#video {
float:left;
margin:5px 20px 20px 0
}

#about {
float:right;
width:626px;
}

#about_photos img {
margin-bottom:16px;
}

.indent {
text-indent:20px;
}

.show_rooms {
clear:left;
float:left;
margin:0 0 16px;
width:100%;
}

.show_rooms img {
margin-right:15px;
margin-top:3px;
}

.show_rooms h3 {
margin:0;
}

#rooms table, #rooms h4, ul.rules {
clear:left;
}

#rooms td {
border:1px solid #ccc;
padding:3px;
}

#rooms table {
border-collapse:collapse;
}

#directions img.left {
margin:5px 15px 20px 0;
}

.h3 {
font-size:1.3em;
color:#600;
margin-top:40px;
font-weight:normal;
}

.gray {
color:#999;
}

#reviews p.gray, #reviews h4 {
margin:0;
}

/* end body styles */

/* begin footer styles */
#footer {
padding:0;
clear:both;
margin:20px 0 0;
width:1000px;
overflow:auto;
background:#939878;	
border-top:.1em solid #8e8476;
}

#footer a {
text-decoration:none;
color:#fcfcda;
font-size:1.2em;
}

#footer a:hover {
color:#600;
}

#footer p {
float:left;
padding-left:1em;
}

#footer ul {
float:right;
padding-right:30px;
margin:10px 0;
}

#footer ul li {
float:left;
padding:0 .5em;
list-style-type:none;
border-left:.1em solid #fff;
}

#footer li.first {
border:none;
}

#footer * {
color:#fff;
}

p#copyright, p#copyright a {
color:#fcfcda;
text-align:center;
text-decoration:none;
}
/* end footer styles */