/*////////////////////////
Basic Settings 
///////////////////////*/

body { font-size: 62.5%;  /* 16px × 62.5% = 10px */ 
	font-family: Tahoma, Helvetica, Arial, sans-serif;}
h1 { font-size: 2em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; /* 10px × 1.2em = 12px */ }
h1,h2,h3,h4,h5,h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea{font-family: Tahoma, Helvetica, Arial, sans-serif;}

/*////////////////////////
Design Layout
///////////////////////*/

html {
	overflow-y:scroll;
} 

body {
	background: #759159 url(../images/background_layout.jpg) top center repeat-x;
}

#background {
	width: 960px;
	margin: 0px auto;
	background: url(../images/background_paper.jpg) center bottom repeat-y;
}

#background2 {
	width: 960px;
	margin: 0px auto;
	background: url(../images/background_design.jpg) top center no-repeat;
}

#header {
	width: 960px;
	margin: 0px auto 0px auto;
}

.iheader {
	margin: 0px 0px 0px 30px;
	padding-top: 3px;
	}	
	
* html .iheader {
	padding: 0px;
}
	
#greencreeklogo {
	position: relative;
	width: 235px;
	height: 201px;
	margin: 0px 10px 0px 170px;
	padding-top: 25px;
}

		#greencreeklogo a {
			display: block;
			width: 200px;
			height: 120px;
		}
		
		#greencreeklogo a span {
			display: none;
		}
		
/*////////////////////////
Navigation Styling
///////////////////////*/

#navigation {
	width: 280px;
	margin: 10px 10px 10px 130px;
}

		#navigation ul {
			margin: 0px;
			list-style-type: none;	
			white-space:nowrap;
			text-align: center;
		}
			
		#navigation ul li {
			width: 280px;
			height: 30px;
			margin: 0px auto;
		}

		#navigation ul li a span {
			visibility: hidden;
		}

		#navigation a {
			text-decoration: none;		
			display: block;
			width: 280px;
			height: 30px;
		}
		
		#navigation a:hover {
			background-position: 0px -30px;
		}

		#navigation a:active, #navigation a:focus {
			background-position: 0px -60px;
			outline: none;
		}
		
		.nAbout {
			background: url(../images/nav_about.jpg) no-repeat;
		}
		
		.nBookings {
			background: url(../images/nav_bookings.jpg) no-repeat;
		}
		
		.nActivities {
			background: url(../images/nav_activities.jpg) no-repeat;
		}	
		
		.nContact {
			background: url(../images/nav_contact.jpg) no-repeat;
		}	
		
		.nSelect {
			background-position: 0px -90px;
		}		

/*////////////////////////
Content Styling
///////////////////////*/
			
#welcome {
	width: 700px;
	height: 110px;
	margin: 30px 10px 30px 115px;
}

* html #welcome {
	margin: 15px 0px 0px 115px;
}
	
#content {
	position: relative;
	width: 700px;
	padding: 0px 0px 0px 135px;
	margin: 20px 40px 0px 0px;
	}
		#content img {
			float:left;
			margin: 0px 10px 10px 30px;			
		}
		#content p {
			margin: 10px 60px;
			line-height: 1.6em;
			font-size: 1.3em;
			color: #4d402f;	
			}
		.lodgerooms li p, .cody_activities li p {
			margin-top: 2px !important;
		}
		ul.lodgerooms, ul.cody_activities, ul.contact_list {
			clear: both;
			float: none;
		}			
		.lodgerooms li,	.cody_activities li {
			position: relative;
			min-height: 182px;
			padding: 0px 0px 0px 270px;
			background-position: 52px 5px;
		}
		.r_lodge {
			background: url(../images/photo_den01.jpg) no-repeat;
		}
		.r_kitchen {
			background: url(../images/photo_kitchen.jpg) no-repeat;		
		}
		.r_loft {
			background: url(../images/photo_loft.jpg) no-repeat;				
		}
		.r_peakroom {
			background: url(../images/photo_ppeakroom.jpg) no-repeat;	
		}
		.r_snoopersroom {
			background: url(../images/photo_snoopersroom.jpg) no-repeat;			
		}
		.r_gameroom {
			background: url(../images/photo_gameroom.jpg) no-repeat;				
		}
		.r_kbsuite {
			background: url(../images/photo_kbsuite.jpg) no-repeat;				
		}		
		.a_fishing {
			background: url(../images/photo_fishing.jpg) no-repeat;				
		}		
		.a_wapiti {
			background: url(../images/photo_wapiti.jpg) no-repeat;	
		}	
		.a_yellowstone {
			background: url(../images/photo_yellowstone.jpg) no-repeat;	
		}						
		ul.policy {
			margin: 0px 60px;
			padding: 5px 5px 5px 0px;
			border: 1px dashed #4d402f;
		}
		ul.policy li {
			position: relative;
			background: url(../images/check.gif) 10px 2px no-repeat;
			padding: 0px 0px 5px 35px;
			font-size: .9em;
		}
		#content ul.policy li p {
			margin: 0px;
			padding: 0px;
		}
		ul.contact_list li {
			display: block;
			position: relative;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
/*////////////////////////
Footer Styling 
///////////////////////*/

#endpage {
	background: url(../images/background_footer_bg.jpg) 0px bottom no-repeat;
	clear:both;
	position:relative;
	width: 800px;
	height: 35px;
	padding: 0px;
	margin: 0px 0px 0px 110px;  
}

#testimonialbg {
	background: url(../images/testimonial_bottom.jpg) center 60px no-repeat;
	clear:both;
	position:relative;
	width: 830px;
	height: 363px;
	padding: 0px;
	margin: 0px 0px 0px 60px;  
}
#testimonial_top {
	position: relative;
	background: url(../images/testimonial_top.png) top no-repeat;
	width: 760px;
	height: 61px;
	padding-left: 20px;
	}

* html #testimonial_top {
	margin-left: 10px;
	}	
#testimonial {
	position: relative;
	height: 175px;
	padding: 10px 90px 0px 350px;
	margin: 0px;

}

* html #testimonial {
	height: 165px;
	padding-top: 20px;
}
		#testimonial p {
			color: #4d402f;
			margin: 10px;
			clear: both;
			font-size: .95em;		
			line-height: 1.4em;
			letter-spacing: .1em;
		}
	
		#testimonial p span {
			float: right;
			margin-top: 2px;
	
		}
#footer {
	position: relative;
	clear: both;
	margin: 0px auto 40px;
	text-align:center;
}

		* html #footer {
			margin: 0px;
			padding-bottom: 20px;
		}

		#footer p {
			margin: 10px;	
			font-size: 1.15em;
			line-height: .7em;
			letter-spacing: .1em;	
			color: #F0EDE4;			
		}
		
		* html #footer	{
			font-size: 1.1em;		
		}
.statement {
	display: inline;
	float: left;	
	width: 250px;
	padding: 0px;
	margin: 10px 10px 10px 20px;
	border: 1px dashed #4d402f;

}
		.statement p {
			margin: 10px 30px !important;
			padding: 0px;
		}		

/*////////////////////////
Form Styling 
///////////////////////*/
		
.form {
	display: inline;
	float: left;
	width: 300px;
	margin: 10px 10px 10px 60px;
}

		.fieldtext {
			display: inline;
			float: left;
			margin: 0px 10px 10px 0px;
			width: auto;
		}
		.fbutton {
			text-align: right;
			width: 575px;
			margin: 10px 0px;
		}		
		#content .form .frow2 p,	#content .form .statement p {
			margin: 0px;
			padding: 0px;
			line-height: 1.6em;
			font-size: 1.3em;
			color: #4d402f;	

		}
		.ftext, .ftext2, .ftext3, .ftext4, .ftext5, .ftext10, #arrivaldate, #departuredate{
			font-size: 1.2em;
			color: #4d402f;
			background: none;
			border: 0px;
			border-left: 1px dotted #b3956d;			
			border-bottom: 1px dashed #4d402f;		
		}
		
		.ftext, #arrivaldate, #departuredate {
			display: inline;		
			float: left;
			width: 135px;
			margin: 0px !important;
		}
		.ftext2 {
			width: 281px;
			line-height: 1.4em;
		}
		.ftext3 {
			width: 135px;
		}
		.ftext4 {
			width: 60px;
		}	
		.ftext5 {
			width: 65px;
		}	
		.ftext6 {
			display: inline;
			float: left;				
			width: 147px;
			margin: 0px !important;
		}	
		.ftext7 {
			display: inline;
			float: left;			
			width: 147px;		
			margin: 0px !important;	
			clear: both;	
		}	
		.ftext8 {
			width: 281px;
		}
		.ftext9 {
			display: inline;		
			float: left;
			margin: 0px !important;			
		}
		.ftext10 {
			position: inherit;
			display: inline;
			float: left;		
			width: 570px;
		}
		.ruler{
			width:400px; border-bottom:dashed 1px #dcdcdc;
		}
		select option {
			background: #FAE79A;
			color: #4d402f;				
		}
.submitbtn {	width:auto;
	height:26px;
	background: none; color:#3333ff;
	border: none;	
	border-bottom: 1px dotted #4d402f;
	font-weight: normal;
	padding:3px;

	cursor:pointer;
} 
.submitbtn:hover {	color:#fff;
	background: #4d402f; }		

/*////////////////////////
Calendar Styling 
///////////////////////*/

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	background: #E0F4D7;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 10;
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #777 !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #E0F4D7;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	background: #343432;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #b3956d;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 0.9em;;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 2px 0 5px;
	background: #6C5F3D;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #6C5F3D;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #fff;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #a5cd7e;
	color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #a5cd7e;
}
.ui-datepicker-days-row {
	background: #FFF;
	color: #4d402f;
}
.ui-datepicker-week-col {
	background: #c0cdb2;
	color: #4d402f;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #4d402f;
}
.ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #e2f7cd;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #FFF !important;
	border: 1px solid #4d402f;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #a5cd7e !important;
}
* html .ui-datepicker-week-end-cell {
	background: #e2f7cd !important;
	border: 1px solid #4d402f !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #a5cd7e !important;
}
.ui-datepicker-today {
	background: #efc792 !important;
}
.ui-datepicker-current-day {
	background: #c7f39b !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #FFF !important;
}
.ui-datepicker-title-row a {
	color: #000 !important;
}
.ui-datepicker-control a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #4d402f;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
		
			
.hide {
	visibility: hidden;
}

.clear {
	float: none;
	clear: both;
	height: 0px;
}

/*////////////////////////
Pet Policy Popup Styling
///////////////////////*/
		
#p_policy {
	background: url(../images/background_policy.jpg);
	padding: 0px 10px 10px 10px;
}
ul.s1, ol.p_policies {
	margin: 0px;
	padding: 0px;
}
ol.p_policies {
	padding-left: 15px;
}
ol.p_policies>li {
	border-bottom: 1px solid #4d402f;
}
ul.s1 {
	padding-left: 20px;
}
ul.s1 li {
	list-style-type:circle;
	margin: 0px;
	padding: 0px;
}
#p_policy p {
	margin: 10px 0px;
	font-size: 1.2em;
	line-height: 1.5em;
}
		

#modalOverlay {
	background-color:#000; 
	cursor:wait;
}


#modalContainer {
	width:675px; 
	left:50%; 
	top:10%; 
	margin-left:-340px; 
	background-color:#F8E69C; 
	border:2px solid #4d402f;
}
#modalContainer a.modalCloseImg {
	background:url(../images/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:-15px; 
	right:-18px; 
	cursor:pointer;
}
#modalContainer #basicModalContent {
	padding:8px;
}		

/*////////////////////////
Typography Styling
///////////////////////*/

h1 {
	margin: 10px;
	text-align:center;
	font-size: 2.4em;
	color: #685740;
	padding: 10px 0px;
	border-top: 1px solid #685740;
	border-bottom: 1px solid #685740;	
}

h2 {
	margin: 10px 20px;
	padding: 10px 10px 3px;	
	text-align: center;
	position: relative;
	font-size: 1.6em;
	color: #685740;	

}

h2 span {
	display: none;
}

h3 {
	position: relative;
	line-height: 1.8em;
	font-size: 1.3em;
	letter-spacing: .08em;
	color: #685740;	
	padding: 0px;
	margin: 10px 60px 0px;	
	border-bottom: 1px ridge #685740;	
}


a {
	letter-spacing: .08em;
	white-space:nowrap;
	text-decoration: none;
	color: #3333ff;
}
		#content a, #p_policy a {
			padding: 1px 3px;
		}
		#footer a {
			color: #F2D295;		
			padding: 1px 5px 3px;
		}
		#content a:hover, #p_policy a:hover{
			background: #4d402f;
			text-decoration: none;
			color: #fff;
		}
		#footer a:hover {
			background: #5E663F;
			color: #fff;
		}
		a:focus, a:active {
			outline:none;
		}