/*  
Originally created by Juxtaprose, (c) copyright 2008
http://juxtaprose.com/
*/

body {
	background: #ddd1a1; 
	color: #2b2b2b;
	margin: 0;
	font-family: Geneva, arial, verdana, helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 333px; /* should match #sidebar top */	
	width: 910px;
	background: #fff;
	border: 0;
	text-align: left;	
}

/* logo */
h1 {
	position: absolute;
	top: 0;
	left: 10px;
	margin: 0;
	padding: 0;
	background-color: #f7f2d7;
	background-image: url("images/coachman-inn-logo.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

h1 a { 
	display: block; 
	text-decoration: none;
}

h1 a span { display: none; }

h1, h1 a {
	width: 264px;
	height: 145px;
}

#call {
	position: absolute;
	top: 148px;
	left: 10px;
    padding-top: 3px;
	width: 264px;
	height: 88px;
	background: #dAdAd8;
	text-align: center;
	font-variant: small-caps;
}

#call p {
	margin: 2px 0 0 0;
	padding: 0;
    line-height: 1.3em;
}

.number {
	padding: 0 25px 2px 25px;
	color: #7a0013;
	font-weight: bold;
	border-bottom: 1px dashed #BEBEBB;
}

.ltgray {
	padding-top: 1px !important;
	color: #6A6A6A;
}


/* main block and inline elements */
#main {
	clear: both;
	min-height: 440px;
	height: 440px; /* ie6-only */
	padding-top: 30px;
	padding-bottom: 30px;
	width: 560px;
	padding-right: 150px;
	margin-left: 30px;
	background-image: url("images/background-wheel.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;		
}

body.longpage #main {
    min-height: 1700px;
    height: 1700px; /* ie6-only */
}

html>body #main {
	height: auto !important; /* override ie6-only rule above */
}

#main h2 {
	padding: 0;
	margin-top: 0;
	margin-bottom: 15px;
	color: #1f5665;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 2.0em;
	font-weight: normal;	
}	
	
#main p {
	margin: 15px 0 15px 0;
	line-height: 1.4em;
	font-size: 0.976em;
}

#main a {
	color: #7a0013;
}

#main a:hover {
	background: #7a0013;
	color: #fff;
}

/* gallery slideshow */
#main p.slidecontrol {
	padding-top: 2px;
	padding-bottom: 2px;
	background: #ddd;
	width: 550px;
	margin-bottom: 2px;	
	font-size: 1.1em;
	text-align: center;
}

#main .gallery {
	text-align: center;
	height: auto;
}

#main .gallery img {
	display: block;	
}	

#main .reserve {
	margin-top: 11px;
	width: 202px;
	height: 37px;	
	padding: 1px;
	background: #4e010d;
}

#main .reserve a {
	display: block;
	width: 200px;
	height: 25px;
	padding-top: 10px;
	color: #fff;
	border: 1px double #fff;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;	
}

#main .reserve a:hover {
	background: #252525;
}

#main hr {
	border: none 0;
	border-top: 1px solid #b89c2a;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 10px;
}

/* sidebar block and inline elements */
#sidebar {
	position: absolute;
	top: 333px; /* should match #wrap padding-top */
	left: 650px;
	width: 250px;
}

.sideblock {
	width: 230px;
	padding: 10px 10px 15px 10px;
	margin-top: 5px;
	color: #595959;
	background: #eaeff1; 
	text-align: left;
	overflow: hidden;
}

#sidebar .noback {
	background: #fff !important;
}

.sideblock h3 {
	padding-top: 10px;
	margin: 0;
	font-size: 0.93em;
	font-weight: bold;
	text-transform: uppercase;
}

.sideblock p, .sideblock ul {
	margin: 10px 0 10px 0;
	font-size: 0.89em;
	line-height: 1.5em;
}

.bookinfo ul {
	margin-left: 0;
	padding-left: 15px;
}

.bookinfo li {
	margin-bottom: 6px;
	font-size: .95em;
}

.sideblock p.explore {
	margin: 0px 0 0px 0;
	font-size: 0.89em;
}

.sideblock a {
	color: #595959;
}

.sideblock a:hover {
	background: #595959;
	color: #fff;
}

/* nav2 */
.nav2 {
	position: relative;
	width: 248px;
}

.nav2 ul {
	margin: 4px 9px 0 -9px;
	padding: 0;
	border-top: 5px solid #1F5665;
	border-bottom: 5px solid #1F5665;
	background: #7AA8B5;
}

.nav2 li {
	list-style-type: none;
	width: 248px;
	height: 30px;
	min-height: 30px;
	padding-bottom: 1px;
}

.nav2 li a {
	background: #eaeff1;
	height: 30px;
	color: #7e6e29;
	line-height: 2.5em;
	padding-left: 25px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.95em;
	display: block;
}

.nav2 a:hover {
	background: #b89c2a;
	color: #fff;
}

.activities #activities, .services #services, .calendar #calendar,
.services #services, .testimonials #testimonials {
	background: #b89c2a;
	color: #fff;
}

/* inside page content */
.inside #main h3 {
	padding: 10px 0 0 0;
	margin: 0;
	color: #947E23;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 1.6em;
	font-weight: normal;	
}

.inside #main ul {
	margin: 7px 0 15px 0;
	padding: 0;
}

.inside #main li {
	margin: 10px 0 6px 25px;
	line-height: 1.7em;
}

.inside #main h4 {
	margin: 0;
	padding: 15px 0 0 0;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 1.2em;
	font-weight: bold;
}

/* availability lookup box */
#availability {
	position: absolute;
	top: 205px;
	left: 10px;
	width: 264px;
	height: 88px;
	background: #dAdAd8;
	text-align: left;
}

#availability p.noshow {
	color: #000;
	text-align: center;	
}

#availability p.noshow a {
	color: #000;
}	

#availability p.noshow a:hover {
	background: #000;
	color: #fff;
}	

#availability div {
	float: left;
	display: inline; /* ie6-only */
	margin-left: 7px;
	margin-top: 4px;
}

#availability label {
	font-size: 0.80em;
	text-transform: uppercase;
}

#availability span {
	font-size: 0.80em;
}

#availability #checkinDate, #availability #checkoutDate  {
	width: 80px;
}

#availability #checkinDate {
	margin-bottom: 2px;
}

#availability select {
	background: #fff;
}

#availability #submit {
	width: 115px;
	height: 20px;
	margin-top: 11px;
	color: #fff;
	background: #4e010d;
	border: 0;	
	font-size: 0.74em;
	text-transform: uppercase;
}

#availability #submit:hover {
	background: #252525;
}

/* page primary navigation (nav1a and nav1b) */
.nav1 {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;	
}

#nav1a {
	top: 5px;
	left: 280px;
	width: 620px;
	height: 36px;
	background: #b89c2a;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 0.894em;
}

#nav1b {
	top: 295px;
	left: 10px;
	width: 890px;
	height: 36px;
	background: #1f5665;
	font-size: 0.894em;	
}

.nav1 li { 
	position: absolute; 
	margin: 0; 
	padding: 0; 
}

#nav1a li { top: 12px; }
#nav1b li { top: 11px; }

#nav1_home, #nav1_reservations { left: 20px; }

#nav1_specials { left: 170px; }
#nav1_gift { left: 360px; }
#nav1_contact { left: 545px; }

#nav1_about { left: 90px; }
#nav1_accommodations { left: 215px; }
#nav1_meeting { left: 355px; }
#nav1_area { left: 480px; }
#nav1_maps { left: 620px; }
#nav1_photo { left: 780px; }

.nav1 a {
	color: #fff;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: none;
}

.nav1 a:hover, .home #nav1_home a, .about #nav1_about a, .accommodations #nav1_accommodations a, .meeting #nav1_meeting a, .area #nav1_area a,
.maps #nav1_maps a, .photo #nav1_photo a  {
	color: #edde9f;
	text-decoration: underline;
}

.reservations #nav1_reservations a, .specials #nav1_specials a, .gift #nav1_gift a, .contact #nav1_contact a {
	color: #edde9f;
	text-decoration: underline;
}

/* masthead image / slideshow */
#masthead {
	position: absolute;
	top: 43px;
	left: 280px;
	width: 624px;
	height: 250px;
}

.home #masthead img {
	display: none;
}

.home #masthead img#defaultimg {
	display: inline;
}

/* convenience classes */

.bigtop {
	margin-top: 25px;
}

.nobottom { 
	margin-bottom: 0px !important;
	font-weight: bold;
}

.notop {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.smfo {
	font-size: 0.85em !important;
}

.largefo {
	font-size: 1.3em !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

#mapwrap {
	padding-top: 20px;
	padding-bottom: 155px;
}

#mapwrap a:hover {
	background: none !important;
}
	
/* for questions - delete when answered*/
.green {
	color: #3FAC3A !important;
}

/* footer */
#footer {	
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;	
	width: 910px;
}

#footer p {
	float: left;
	width: 200px;
	height: 40px;
	margin: 0;
	color: #9d8f59;	
	font-size: 0.85em;	
	text-align: left;
}

#footer ul {
	float: left;
	list-style: none;
	width: 710px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#footer li {
	display: block;
	float: right;
	margin-left: 10px;
	color: #9d8f59;	
	font-size: 0.85em;	
}

#footer li a {
	color: #9d8f59;
	text-decoration: none;	
}

#footer li a:hover {
	text-decoration: underline;
}

/* Footer: Juxtaprose link */
#footer .juxta {
	clear: both;
	width: 910px;
	line-height: 1.0em;
	margin-top: 10px;
	text-align: right;
}

#footer .juxta a {
	text-decoration: none;	
	color: #b9a866;
}

#footer .juxta span {
	font-style: italic;
}

#footer .juxta a:hover {
	text-decoration: underline;
}