@charset "utf-8";

/* HTML TAGS */
body {
	font-size: 1.05em;
	font-family:"Times New Roman", Times, serif;
	letter-spacing: .05em;
	background-image:url(images/stonebg.jpg); 
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2c1e02;
}

a:link, a:visited, a:active {color: #7d3628;}
a:hover {color:#a1803e;text-decoration: none;}/*f9ab0f*/
h1 {color: #590e00;}
h2{color: #586424; font-style:italic;}
li  {
margin: 12px auto;
}
 * html li  {
margin: 6px auto;
 }
hr {
background-image:url(images/menubg-sage.jpg); 
height: .1em;
border:none;
}
legend {
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #586424;
}

 
/* CONTAINERS */


.oneColFixCtrHdr #container {
	width: 968px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #e7e0c1;*/
	background-image:url(images/containerbg.jpg);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #icon {
float: right;
/*top:0;*/
margin: 0 8px 0 0;
z-index: 500;
}
 * html .oneColFixCtrHdr #icon {
margin: 0 4px 0 0;
clear: left;
}/**/

.oneColFixCtrHdr #header {
	margin: 0 0 0 8px;
	width: 952px;
	padding: 0 ;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 129px;
	position: relative;
}
 * html .oneColFixCtrHdr #header {
float: left;
clear: right;
margin: 0 0 0 4px;
}

.oneColFixCtrHdr #header.home {
background-image:url(images/HeaderHome2.jpg);
background-position:right;
background-repeat:no-repeat;
}
/* IMPORTANT

Look in header.php for inline styling for gallery pages!!

*/
.oneColFixCtrHdr #header.bathroom h1 {
position:absolute;
text-indent:-9999px}
.oneColFixCtrHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	
}

.oneColFixCtrHdr #homecontainer {
margin: 0 auto;
margin-right: 10px;
background-image:url(images/Stairs-BG.jpg);
background-position:right;
background-repeat:no-repeat;
}
.oneColFixCtrHdr #mainContent {
	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 932px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.oneColFixCtrHdr #mainContent h2,.oneColFixCtrHdr #mainContent p{
width: 822px;
margin: 0px auto 10px auto; 
}

.oneColFixCtrHdr #mainContentText {
	padding: 20px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 822px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.oneColFixCtrHdr #footer {
	background:#a1803e;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align:center;	
	color: #e7e0c1;
	height: 20px;
	width: 952px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 4px 0; 
	}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}
#menubar1, #menubar2,#menubar1f, #menubar2f {
	/*padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 20px;
	width: 952px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}
#menubar1, #menubar1f {text-align:left; background-image:url(images/menubg-sage.jpg); background-repeat:repeat-y; }
#menubar2, #menubar2f {text-align:right;background-image:url(images/menubg-coffee.jpg); background-repeat:repeat-y;}
#menubar1 ul, #menubar2 ul, #menubar1f ul, #menubar2f ul{
margin: 0;
padding:0;
list-style-type:none;
}
#menubar1 ul li, #menubar2 ul li, #menubar1f ul li, #menubar2f ul li{
font-size: .8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px 0 0;
padding:2;
list-style-type:none;
display: inline; 

}
#menubar1 ul li.leadleft, #menubar1f ul li.leadleft {
margin-left: 10px}
#menubar1 a, #menubar2 a, #menubar1f a, #menubar2f a{
color:#FFFFFF;
text-decoration: none;}
#menubar1 a:hover, #menubar2 a:hover, #menubar1f a:hover, #menubar2f a:hover{
color:#f9ab0f;
text-decoration: underline;}


.quoteblock_sm {
display: block;
float: right;
margin: 0 0 0 10px;
width: 200px;
height: 225px;
background-image:url(images/Quote-block_sm.jpg);
background-repeat:no-repeat;
text-align:center;
font-weight: bold;

}

.quoteblock_sm p, .quoteblock_sm ul{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
padding:0;
}
.quoteblock_sm p  {
display: block;
height: 150px;
margin: 38px 20px;
}
.quoteblock_sm ul  {
display: block;
height:auto;
margin: 32px 14px;
}
.quoteblock_sm li  {
font-size: 12px;
display: block;
list-style-type:none;
margin: 12px auto;
}
 * html .quoteblock_sm li  {
margin: 6px auto;
 }
.quoteblock {
display: block;
float: right;
margin: 0 0 0 10px;
width: 336px;
height: 378px;
background-image:url(images/Quote-block.jpg);
background-repeat:no-repeat;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 16px;
font-weight: bold;/**/

}
.quoteblock p {
display: block;
height: 200px;
margin: 68px 30px;
}
.homebox {
display: block;
height: auto;
width: 200px;
float:right;
}


/* TEXT CLASSES */
.snugbottom {margin-bottom: 0;}
.testimonyName {font-weight: bold;
font-style: italic;}
.hidden {display:none;}
.larger {font-size:1.20em; }
.largest {font-size: 1.30em; color: #586424;}

/* Object classes  */
img.floatLeft {
float:left;
margin-right: 10px;}
img.floatRight {
float:right;
margin-left: 10px;}