/* === global styles === */

body {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 10pt;
	background: url(images/wood.jpg);
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Helvetica, "Times New Roman", Georgia, serif;
	font-size: 130%;
	color: #660D05;
	font-weight: bold;
}

h2 {
	font-family: Helvetica, "Times New Roman", Georgia, serif;
	font-size: 1.1em;
	margin: 0;
	color: #0F101A;
	font-weight: bold;
	font-style: italic;
}

h4 {
	font-family: Helvetica, "Times New Roman", Georgia, serif;
	font-size: 1em;
	color: #0F101A;
	font-weight: bold;
	margin: 0;
}
	
/* === space at the top === */

div#contentTop {
	width: 985px;
	margin: 40px auto;
	overflow: hidden;
}



div#outerDiv {
    width: 985px;       /* sets the content width */
    margin: 0 auto;     /* no top/bottom margin, centered horizontally */
    background: #FFFFFF;
    border: 5px solid #FFFFFF;
    /*overflow: hidden;*/
}

div#header {
	height: 400px;
	position: relative;
}

/* === Individual Page Banners === */

div#directions {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/directions_redwoods.jpg) no-repeat;
}

div#winemakers {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/winemakers-2011.jpg) no-repeat;
}

div#exploring {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/exploring.jpg) no-repeat;
}

div#rooms {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/rooms.jpg) no-repeat;
}

div#policies {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/policies.jpg) no-repeat;
}

div#meals {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/meals.jpg) no-repeat;
}

div#inn {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/inn.jpg) no-repeat;
}

div#ammenities {
	position: relative;
	height: 400px;
	width: 985px;
	background: url(images/ammenities.jpg) no-repeat;
}

div#notes {
	position: relative;
	height: 487px;
	width: 286px;
	left: -75px;
	top: 30px;
	background: url(images/sidebar.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}

div#inn_notes {
	position: relative;
	height: 647px;
	width: 286px;
	left: -75px;
	top: 30px;
	background: url(images/inn_notes_B.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}


div#explore_notes {
	position: relative;
	height: 900px;
	width: 286px;
	left: -85px;
	top: 50px;
	background: url(images/explore_notes.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}

div#rooms_notes {
	position: relative;
	height: 647px;
	width: 286px;
	left: -85px;
	top: 50px;
	background: url(images/rooms_notes.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}

div#policies_notes {
	position: relative;
	height: 647px;
	width: 286px;
	left: -85px;
	top: 50px;
	background: url(images/policies_notes.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}

div#index_notes {
	position: relative;
	height: 647px;
	width: 286px;
	left: -85px;
	top: 50px;
	padding: 400px 0 0 40px;
	background: url(images/index_notes.png) no-repeat;
	z-index: 2;
}


div#meal_notes {
	position: relative;
	height: 647px;
	width: 286px;
	left: -85px;
	top: 50px;
	padding: 400px 0 0 40px;
	background: url(images/meals_notes.png) no-repeat;
	text-indent: -1000em;
	z-index: 2;
}

div#frontQuote {
	width: 985px;
	height: 155px;
	background: url(images/frontpage_quote.png) no-repeat center;
	text-indent: -1000em;
}

div#promos {
	position: relative;
	width: 985px;
	border-top: 1px solid #CCC;
	z-index: 3;
}

#promos a img {
	border: none;
}



/* === content div === */

div#content {
    background-color: #FFFFF;
}

#content a:link, #content a:visited {
    text-decoration: none;
    color: #66050D;
    /*border-bottom: 1px dashed #0F101A; */
}

#content a:hover, #content a:active {
    color: #0F101A;
    /*border-bottom: 1px dashed #0F101A;*/
}

/* === images === */

div#imgLeft {
	background: white;
	float: left;
	height: 200px;
	width: 170px;
	margin: 5px 5px 5px 0;
	clear: left;
}

div#imgRight {
	background: white;
	margin: 5px 0 5px 5px;
	float: right;
	clear: left;
}

div#roomImg {
	background: white;
	float: left;
	clear: both;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin: 5px 10px 5px 0;
	text-align: center;
}

div#imgCapLeft {
	background: white;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin: 5px 10px 5px 0;
	text-align: center;
}

div#imgCapLeft p{
	font: Verdana;
	font-size: 10px;
}

div#imgCapLeftTop {
	background: #CCCCCC;
	float: left;
	border: 1px solid #66050D;
	padding: 2px 6px 6px 6px;
	margin: 5px 10px 5px 0;
	text-align: center;
}

div#imgCapLeftTop p{
	font: Verdana;
	font-size: 10px;
	line-height: 1em;
	padding: 0px;
	margin: 10px 0 0 0;
	
}

div#imgCapLeftTop p.franklin {
  font-family: "Franklin ITC Pro";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #66050D;
  line-height: 1em;
  padding: 0px;
  margin: 10px 0 0 0;
}


div#imgCapRight {
	background: white;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin: 5px 10px 5px 0;
	text-align: center;
}

div#imgCapRight p{
	font: Verdana;
	font-size: 10px;
}

div#room {
	float: left;
	margin: 5px 0;
	clear: both;
}

div#roomImg a img {
	border: none;
}

div#roomImg a:link, div#roomImg a:visited  {
	text-decoration: none;
}

div#roomImg a:hover, div#roomImg a:active  {
	text-decoration: none;
}


/* === contact link === */

#outerDiv #reserveButton {
    position: absolute;
    left: 695px;
    top: 300px;
    z-index: 2;
}

#reserveButton a:link, #reserveButton a:visited{
    height: 48px;
    width: 264px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(images/reserve_now.png) no-repeat left top;
    border: none;           /* don't display a border */
}

#reserveButton a:hover, #reserveButton a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

#outerDiv #phoneNo {
    position: absolute;
    height: 40px;
    width: 264px;
    left: 695px;
    top: 350px;
    background: url(images/HRI_ph.png) no-repeat;
    z-index: 2;
}

#outerDiv #flash {
z-index: 1;
}

#outerDiv #photogroupA {
    position: absolute;
    height: 291px;
    width: 378px;
    left: 695px;
    top: -75px;
    background: url(images/photogroup_a.png) no-repeat;
    z-index: 2;
}

#outerDiv #requaInn {
    position: absolute;
    height: 239px;
    width: 441px;
    left: -35px;
    top: -70px;
    background: url(images/historic_requa_inn.png) no-repeat;
    z-index: 2;
}



/* === sidebar === */

#content div#sidebar {
    float: left;
    position: relative;
    width: 170px;
    background: url(images/paper.jpg);
    margin: 5px 5px 0 5px;
    padding: 5px;
    border: solid #ffffff 5px;
}

div#sidebar h3.reservation {
	border-top: solid #0F101A 4px;
	border-bottom: solid #0F101A 4px;
	padding: 5px 0;
	text-align: center;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", sans-serif;
	color: #0F101A;
}

div#sidebar h3.reservation a:link, div#sidebar h3.reservation a:visited {
	text-decoration: none;
	border: none;
	color: #0F101A;
}

div#sidebar a.cabbi {
	height: 65px;
    width: 179px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(images/CABBI_members_link.gif) no-repeat;
    background-position: center;
    margin: 0 0 10px 0;
    border: none; 
}

/* === nav === */

div#nav {
	width: 985px;
	padding: 5px 0;
	background: #0F101A;
}



#nav ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; 
}

#nav li {               /* turn off the normal list item behavior */
    margin: 0;
    padding: 0 5px;
    display: inline;
}

#nav li.Nimrod {
 font-family: Nimrod;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

#nav li.Nimrod a:link, #nav li.Nimrod a:visited {
    font-family: Nimrod;/*"Times New Roman","Lucida Grande", LucidaGrande, Helvetica, Georgia, sans-serif;*/
    font-style: normal;
    font-weight: normal;
    font-size: 1.25em;
    display: inline;         
    color: white;          
    text-decoration: none;  
  	font-variant: small-caps;
   }

#nav ul li a.current {  /* different look for "current" link */
    font-weight: bold;
    font-size: 1.25;
}

#nav ul li a.current:hover {
    cursor: default;
}

div#nav2 {
	width: 985px;
	padding: 5px 0;
	background: #000000;
}

#nav2 ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; 
}

#nav2 li {               /* turn off the normal list item behavior */
    margin: 0;
    padding: 0 5px;
    display: inline;
}

#nav2 li a:link, #nav2 li a:visited {
    font-family: "Times New Roman","Lucida Grande", LucidaGrande, Helvetica, Georgia, sans-serif;
    font-size: 1.25em;
    display: inline;         
    color: white;          
    text-decoration: none;  
  	font-variant: small-caps;
   }

#nav2 ul li a.current {  /* different look for "current" link */
    font-weight: bold;
    font-size: 1.25;
}

#nav2 ul li a.current:hover {
    cursor: default;
}
/* === fodors === */

div#fodors {
float: left;
}

#fodors a:link, #fodors a:visited {
text-decoration: none;
border-bottom: 1px dashed #FFFFFF;
}

#fodors a:hover, #fodors a:active {
    color: #0F101A;
    border-bottom: 1px dashed #FFFFFF;
}

/*=== main content === */

#content div#mainContent {
    float: right;
    width: 775px;
    margin: 0;
    padding: 0 5px;
    border-top: solid #FFFFFF 5px;
}

#mainContent h1 {
	font: 18px Georgia, "Times New Roman", Times, Serif;
	color: #0F101A;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#mainContent h2 {
	font: 16px Georgia, "Times New Roman", Times, Serif;
	color: #0F101A;
	margin: 0 0 2px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #0F101A;
}


#mainContent p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    color: #0F101A;
    margin: 2ex 0;
}


#mainContent li {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    color: #0F101A;
    margin: 2ex 0;
}

#mainContent p.subPage {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    color: #0F101A;
    margin: 0 0 1ex 0;
}

#mainContent h2.policies {
	margin: 1.5em 0 .5em 0;
}

#mainContent h4 {
	font-family: Georgia, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color:  #0F101A;
	font-size: 14px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dashed #3F3F3F;
}

#mainContent img.imgRight {
	float: right;
	border: 1.5px solid #0F101A;
	padding: 2px;
	margin: 2px 0 15px 10px;
	clear: right;
	zoom: 1;
}

#mainContent img.imgLeft {
	float: left;
	border: 1.5px solid #0F101A;
	padding: 2px;
	margin: 2px 10px 2px 0;
	clear: left;
	zoom: 1;
}


/*=== footer === */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

div#footer p {
    font-family: "Times New Roman", Georgia, serif;
    font-size: 1em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

div#footer a {
    color: #E9E7D7;
    text-decoration: none;
}

/* === miscellaneous === */

.clear { clear: both }