/*
Theme Name: Zypher Point 2.0
Description: Zephyr Point Theme.
Author: Union Digital Media
Author URI: http://uniondigitalmedia.com/
*/

@import "stylesheets/navigation.css";


body {
background: #120f0c url('images/bkg_body.jpg') repeat-x 0 0;
margin: 0;
text-align: center;
font: 13px/20px helvetica;
}


#header {
background: url('images/bkg_header.png') no-repeat 0 0;
width: 1052px; height: 281px;
margin: 0 auto;
position: relative;
z-index:9999;
}

.logo { height: 226px; }

#wrapper {
background: url('images/bkg_wrapper.png') repeat-y 0 0;
width: 1052px;
margin: 0 auto;
}

#content {
background: #e5e5e5 url('images/bkg_content_interior.jpg') no-repeat left bottom;
width: 1024px;
margin: 0 auto;
text-align: left;
color: #000000;
min-height: 600px;
}

#interior {
background: url('images/bkg_interior.jpg') no-repeat 0 0;
padding: 20px;
min-height: 200px;
}

.intropar { font-size: 15px; }

#programs #interior { padding: 20px 12px !important; }

#footer {
background: url('images/bkg_footer.png') no-repeat 0 0;
width: 1052px; height: 150px;
margin: 0 auto;
position: relative;
}


.clear { clear: both; }
.noTxt { font-size: 0; line-height: 0; text-indent: -9999px; }
a { outline: none; color: #214957; }
p { margin: 4px 0 18px 0; }

#header h1 { display: none; }
h2 { font: normal 22px/22px helvetica; color: #214957; margin-bottom: 6px; }

h3 { color: #4a2b13; }
h4 { color: #214957; }

h3, h4 { font: normal 18px/22px helvetica; margin:6px 0; }

h5 { font-size:13px;
	 margin:0 0 6px; 
	 }

.teal { color: #214957; }
.brown { color: #4A2B13; }

/* Home Page Styles */
#callout {
background: url('images/bkg_callout.jpg') no-repeat 0 0;
height: 306px;
padding: 6px 0 0 14px;
}

#info {
width: 344px; height: 290px;
margin-left: 18px;
float: left;
color: #a2a2a2;
font: normal 13px/20px helvetica;
position: relative;
z-index: 3000;
}

#info strong {
font: normal 18px/24px helvetica;
color: #ced4d6;
margin-bottom: 14px;
}

.weather {
height: 50px;
margin: 0 0 14px 100px;
}

#home #content {
background: #d1d1d1 url('images/bkg_content_home.jpg') no-repeat left 300px;
}

.indexQuote {
font: 16px/22px "Times New Roman", Times, serif;
width: 564px;
float: left;
}

#ThreeColHome {
background: url('images/bkg_3col_home.jpg') no-repeat 0 0;
position: relative;
height: 194px;
}

.box1, .box2, .box3 { 
position: absolute;
font: 13px/18px helvetica;
color: #e4e4e4;
}

.box1 { 
left: 32px; top: 75px;
width: 286px; height: 47px; 
}
.box2 { 
left: 484px; top: 78px;
width: 176px; height: 80px; 
}
.box3 { 
left: 822px; top: 78px;
width: 176px; height: 80px; 
 }

.box1 ul#upcoming { margin: 0; padding: 0; }
.box1 li { list-style: none; height:20px; overflow:hidden; }
.box1 ul#upcoming strong { font-weight: normal; color: #987b48; }
.box1 #upcoming a { color: #e4e4e4; }

/* Homepage Image Rotator */

#imageContainer {
width: 633px; height: 290px;
float: left;
}
			
#imageContainer img {
display:none;
position:absolute;
z-index: 1;
}
			
#imageContainer img.show {
display: block;
position:absolute;
}

/* Button Styles */

a.programsBtn, a.booknowBtn, a.donateBtn, a.learnmoreBtn, a.letsgoBtn, a.viewallBtn {
	height: 30px; display: block; position: absolute;
	}

a.programsBtn { background: url('images/btn_programs.png') no-repeat 0 0; width: 105px; height: 30px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: 15px; right: 0; }
a.booknow { background: url('images/btn_booknow.png') no-repeat 0 0; width: 104px; height: 30px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: 15px; float: right; }
a.booknowBtn { background: url('images/btn_booknow.png') no-repeat 0 0; width: 104px; top: 182px; left: 218px; }
a.donateBtn { background: url('images/btn_donate.png') no-repeat 0 0; width: 85px; top: 142px; left: 916px; }
a.learnmoreBtn { background: url('images/btn_learnmore.png') no-repeat 0 0; width: 111px; top: 142px; left: 550px; }
a.letsgoBtn { background: url('images/btn_letsgo.png') no-repeat 0 0; width: 92px; top: 244px; left: 320px; z-index: 1000; }
a.viewallBtn { background: url('images/btn_viewall.png') no-repeat 0 0; width: 92px; top: 142px; left: 232px; }


a:hover.programsBtn, a:hover.booknowBtn, a:hover.donateBtn, a:hover.learnmoreBtn, a:hover.letsgoBtn, a:hover.viewallBtn, a:hover.booknow {
	background-position: bottom;
	}

/* Weather Styles */
.weatherFeed { margin: 4px 0 0 0; padding: 0; }
.weatherFeed li { list-style: none; float: left; }
.temp { font: 20px/20px Verdana, Arial, Helvetica, sans-serif; color: #a2a2a2; margin: 4px 14px 0 0; }
.temp sup, .temp em { font-size: 14px; font-style: normal; }
.icon { width: 46px; height: 46px; display: block; }

.dayFair, .daySunny { background: url('images/yw_icon_dayfair.png') no-repeat 0 0; }
.nightFair { background: url('images/yw_icon_nightfair.png') no-repeat 0 0; }

.dayMostly, .dayCloudy { background: url('images/yw_icon_daymostly.png') no-repeat 0 0; }
.nightMostly, .nightCloudy { background: url('images/yw_icon_nightmostly.png') no-repeat 0 0; }

.dayPartly { background: url('images/yw_icon_daypartly.png') no-repeat 0 0; }
.nightPartly { background: url('images/yw_icon_nightpartly.png') no-repeat 0 0; }

.dayShowers, .dayLight, .dayRain { background: url('images/yw_icon_dayrain.png') no-repeat 0 0; }
.nightShowers, .nightLight, .nightRain { background: url('images/yw_icon_nightrain.png') no-repeat 0 0; }

.dayIsolated, .dayScattered { background: url('images/yw_icon_dayfair.png') no-repeat 0 0; }
.nightIsolated, .nightScattered { background: url('images/yw_icon_nightfair.png') no-repeat 0 0; }

.daySnow, .nightSnow, .dayBlowing, .nightBlowing { background: url('images/yw_icon_snow.png') no-repeat 0 0; }
.icy { background: url('images/yw_icon_icy.png') no-repeat 0 0; }


/* Interior Styles */
.intCol1, .intCol2, .intCol3, .intCol2plus1, .intCol2plus3 { float: left; }

.intCol1 { 
width:258px;
}
.intCol2 { width: 460px;
	font: 13px/18px "Times New Roman", Times, serif;
	color: #363435;
	padding: 0 20px;
	margin-bottom: 45px;
	}
.intCol3 { 
	background: url('images/bkg_intCol3.jpg') no-repeat 0 0;
	padding: 16px 10px 0 12px;
	width: 204px;
	min-height: 268px;
	}

.intCol2plus1 { width: 718px; padding: 0 20px; }
.intCol2plus3 { width: 686px; padding: 0 20px; }
.intCol2plus1plus3 { width: 960px; margin-left:12px; }

.mission {
	font: 12px/16px "Times New Roman", Times, serif;
	margin: 0 4px;
	}

.usefullinks, .archives ul, .timeline ul, .legend ul, .lodgelist ul { 
	border: 1px solid #b0b0b0; 
	border-bottom: none;
	margin: 0 0 24px 0;
	padding: 0; 
	}

.usefullinks li, .archives li { 
	border-bottom: 1px solid #b0b0b0; 
	min-height: 24px; display: block;
	background: url('images/bkg_useful_li.png') no-repeat 0 0;
	padding:4px 0 0 24px;
	font-weight: bold;
	list-style: none;
	}

.legend li, .lodgelist li {
	border-bottom: 1px solid #b0b0b0; 
	min-height: 24px; display: block;
	background: url('images/bkg_useful_li.png') no-repeat 0 0;
	padding:4px 0 0 24px;
	font-weight: bold;
	list-style: none;
	}

#giving .archives { font-size: 12px; }

.timeline li { 
	font-size: 11px; 
	border-bottom: 1px solid #b0b0b0; 
	height: 24px; display: block;
	padding:4px 0 0 4px;
	font-weight: bold;
	list-style: none;
	}

.offices ul { 
	border: 1px solid #b0b0b0; 
	border-bottom: none;
	margin: 0 0 18px 0;
	padding: 0; 
	}

.offices li {
	border-bottom: 1px solid #b0b0b0; 
	height: 24px; display: block;
	background: url('images/bkg_useful_li.png') no-repeat 0 0;
	padding:4px 0 0 24px;
	list-style: none;
	}

.offices li a { color: #214957; }

.offices li.cover { background: #e7e7e7 url('images/bkg_useful_li.png') no-repeat 0 0; }

.usefullinks .odd, .archives .odd, .legend .odd, .lodgelist .odd {
	background: #d4d4d4 url('images/bkg_useful_li.png') no-repeat 0 0;
	}


.programsWrap { margin: 0 16px; }

/* Small Link Styles */
.smLinks { margin: 0; padding: 0; }
.smLinks li { float: left; list-style: none; }
.smLink1 a, .smLink2 a, .smLink3 a { height: 63px; display: block; }

.smLink1 a { background: url('images/bkg_smLink1.jpg') no-repeat 0 0; width: 70px; }
.smLink2 a { background: url('images/bkg_smLink2.jpg') no-repeat 0 0; width: 125px; }
.smLink3 a { background: url('images/bkg_smLink3.jpg') no-repeat 0 0; width: 63px; }

.smLink1 a:hover, .smLink2 a:hover { background-position: bottom; }

.hr hr { display: none; }
.hr {
height: 1px;
background: #cfcfcf;
margin: 20px 0;
}


/* Contact Form Styles */

.textbox, .textarea { 
border: none; 
padding:5px 0 0 5px;
color: #373737;
font: 17px/18px Georgia, "Times New Roman", Times, serif; 
border: 1px solid #ababab;
background: #D5D5D5;
}

.textbox { height: 28px; }
.textarea { }

#submitBTN { background: url('images/btn_submit.jpg') no-repeat 0 0;
display: block;
width: 79px; height: 30px;
border: none;
}

.intCol3 .temp {
color: #333;
}

.intCol3 .weatherFeed {
margin:4px 0 0 46px;
padding:0 0 12px 0;
}

#contact select { width: 218px; margin: 0 0 12px; }

/* Cabin Table Styles */

.cabinPhoto { width: 188px; }
.cabinUnit { width: 88px; background: #eee; }
.cabinRate { width: 90px; }
.cabinNight { width: 88px; background: #eee; }
.cabinPeople { width: 84px; }
.cabinBedrooms { width: 90px; background: #eee; }
.cabinBaths { width: 80px; }
.cabinAvail { width: 88px; background: #eee; }
.cabinDetails { width: 188px; padding: 0 6px; font-size: 11px; }

.cabinPhoto, .cabinUnit, .cabinRate, .cabinNight, .cabinPeople, .cabinBedrooms,
.cabinBaths, .cabinAvail, .cabinDetails { text-align: center; }

.cabinTitle1, .cabinTitle2, .cabinTitle3, .cabinTitle4, .cabinTitle5,
.cabinTitle6, .cabinTitle7, .cabinTitle8, .cabinTitle9 {
  background: #222;
  color: #FFF;
  padding: 10px 0;
  font: bold 11px/12px helvetica, arial, sans-serif;
  }
  
 .cabinTitle2, .cabinTitle4, .cabinTitle6, .cabinTitle8 {
 background: #333;
 }  
 
.confRates {
	background: #eee; 
	border: 1px dashed #ddd; 
	padding: 15px 30px;
	}
	
.historyImg, .programsImg {
	float: left;
	margin: 2px 14px 14px 0;
	}	

.historyImg img, .programsImg img {
	padding: 6px;
	margin: 2px;
	border: 1px solid #333;
	background: #FFF;
	}