@charset "utf-8";
/* CSS Document */

body 	{ background:url(../images/main_bg.gif) repeat-x left top #64742d; font-family: Arial; font-size:14px; font-weight:normal; color:#fff; line-height:16px; margin:0; padding:0;  }

/* Common */
.spacer { display:block; }
.bold { font-weight:bold; }
.slant { font-style:italic; }
.clear { clear:both; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; }
a{outline:none;}
/* Wrapper */
#wrapper { width:886px; margin:0 auto; position:relative; }
.left_shadow { width:15px; height:654px; float:left; background:url(../images/left_shadow.png) repeat-y right top; }
.right_shadow { width:15px; height:654px; float:right; background:url(../images/right_shadow.png) repeat-y left top; }
.mid_content { width:856px; float:left; }

/* Top Navigation */
#topnavigation { width:856px; float:left; height:37px;margin:0; padding:0; }
#topnav ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
#topnav li {display:inline; margin:0; padding:0 0 0 0;}

/************* home navigation ****************/
#topnav a#home {float:left; background:url(../images/home_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:72px; height:37px; }
#topnav a#home:hover {background:url(../images/home_on.gif) no-repeat 0 0;width:72px; height:37px; }
#topnav a.active#home { background:url(../images/home_on.gif) no-repeat 0 0;width:72px; height:37px; }

/************* ecohotel navigation ****************/
#topnav a#ecohotel {float:left; background:url(../images/eco_hotel_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:101px; height:37px; }
#topnav a#ecohotel:hover {background:url(../images/eco_hotel_on.gif) no-repeat 0 0;width:101px; height:37px; }
#topnav a.active#ecohotel { background:url(../images/eco_hotel_on.gif) no-repeat 0 0;width:101px; height:37px; }

/************* resortrooms navigation ****************/
#topnav a#resortrooms {float:left; background:url(../images/resort_rooms_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:132px; height:37px;  }
#topnav a#resortrooms:hover {background:url(../images/resort_rooms_on.gif) no-repeat 0 0;width:132px; height:37px;  }
#topnav a.active#resortrooms { background:url(../images/resort_rooms_on.gif) no-repeat 0 0;width:132px; height:37px;  }

/************* spa navigation ****************/
#topnav a#spa {float:left; background:url(../images/spa_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:102px; height:37px; }
#topnav a#spa:hover {background:url(../images/spa_on.gif) no-repeat 0 0;width:102px; height:37px; }
#topnav a.active#spa { background:url(../images/spa_on.gif) no-repeat 0 0;width:102px; height:37px; }

/************* events navigation ****************/
#topnav a#events {float:left; background:url(../images/events_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:78px; height:37px; }
#topnav a#events:hover {background:url(../images/events_on.gif) no-repeat 0 0;width:78px; height:37px; }
#topnav a.active#events { background:url(../images/events_on.gif) no-repeat 0 0;width:78px; height:37px; }

/************* laketahoe navigation ****************/
#topnav a#laketahoe {float:left; background:url(../images/lake_tahoe_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:111px; height:37px; }
#topnav a#laketahoe:hover {background:url(../images/lake_tahoe_on.gif) no-repeat 0 0;width:111px; height:37px; }
#topnav a.active#laketahoe { background:url(../images/lake_tahoe_on.gif) no-repeat 0 0;width:111px; height:37px;}

/************* greenfriends navigation ****************/
#topnav a#greenfriends {float:left; background:url(../images/green_friends_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:141px; height:37px; }
#topnav a#greenfriends:hover {background:url(../images/green_friends_on.gif) no-repeat 0 0;width:141px; height:37px; }
#topnav a.active#greenfriends { background:url(../images/green_friends_on.gif) no-repeat 0 0;width:141px; height:37px; }

/************* contact navigation ****************/
#topnav a#contact {float:left; background:url(../images/contact_us_off.gif) no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:119px; height:37px; }
#topnav a#contact:hover {background:url(../images/contact_us_on.gif) no-repeat 0 0;width:119px; height:37px; }
#topnav a.active#contact { background:url(../images/contact_us_on.gif) no-repeat 0 0;width:119px; height:37px;}

/* Flash Banner */
#flash-header { width:856px; margin:0; padding:0; }
#inner-flash-header { width:856px; height:395px; background:url(../images/inner_page_header.jpg) no-repeat left top; }
#inner-flash-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-flash-header div.company_logo a { width:159px; height:239px; display:block; }

/* Inner Page Title */
#page_title { width:856px; }
.homeBottomImg{width:538px; margin:0; padding:10px 0 0 0; text-align:left;}
.homeImg1{width:180px; margin:0; padding:0; float:left;}
.homeImg2{width:120px; margin:0; padding:0 0 0 20px; float:left;}
/* Content */
div.main_content 			{ background:url(../images/content_bg.jpg) no-repeat left top #64732e; width:856px; height:100%; }
div.main_content .homeP 	{ font-family: Arial; font-size:14px; color:#fff; line-height:16px; font-weight:normal; }
div.main_content .homeP h1	{ color:#ffffff; }
div.main_content div.main_content_leftcol { float:left; width:538px; padding:0 29px 0 29px; font-weight:normal; }
div.main_content div.main_content_rightcol { float:left; width:229px; }
div.main_content div.contenthead { float:left; width:538px; }
div.main_content .contentspot { float:left; margin:0 18px 18px 0; }
div.signup { width:229px; text-align:center; padding:15px 0 18px 0; }
div.advertisement { width:229px; text-align:center; font-family:Verdana, Arial; font-size:8px; text-transform:uppercase; }
.bot_img { text-align:center; }
ul { margin-left:13px; padding-left:0; margin-top:13px; margin-bottom:24px; }
li { margin-left:0; padding-left:0; }
ul ul { margin-left:33px; padding-left:0; margin-top:0; margin-bottom:24px; }
ul ul li { margin-left:0; padding-left:0; list-style:none; }

/* Inner Content */
div.main_inner_content { background:url(../images/innerBg.jpg) repeat-x left top #fffdda; width:856px; height:100%; color:#010100; }
div.main_inner_content a { color:#010100;  }
div.main_inner_content a:hover { color:#010100; text-decoration:none; }
div.main_inner_content div.main_content_leftcol { float:left; width:538px; padding:0 29px 0 29px; }
div.main_inner_content div.main_content_rightcol { float:left; width:229px; }
div.main_inner_content div.contenthead { float:left; width:538px; }
div.main_inner_content .contentspot { float:left; margin:0 18px 18px 0; }
h1 { font-family: Arial; font-size:18px; color:#9a3322; text-transform:uppercase; margin:0; padding:0; }

.main_content_leftcol  h2{font-family: Arial; font-size:16px; color:#9a3322; text-transform:uppercase; margin:0; padding:2px 0; }
.main_content_leftcol p{font-family: Arial; font-size:14px; color:#000000; margin:0; padding:0 0 2px 0; line-height:18px; text-align:justify;}

#contactInfo{ width:190px; padding:0; float:left;}
#contactInfo p{font-family: Arial; font-size:14px; font-weight:bold; color:#000000; text-align:left; text-transform:none; margin:0; padding:0; }
#contactInfo p a{color:#0033CC;text-transform:lowercase;}
#contactInfo p a:hover{color:#000000; text-decoration:underline;}

.contactform {width:500px; padding:15px 0 0 0; margin:0; float:left;}
.contactform label{font-family: Arial; font-size:14px; color:#000000;}
.contactform .contacttextfield{font-family: Arial; font-size:14px; color:#000000; width:150px; border:1px solid #000000; background:#fffdda;}


#pDiv{background: url('../images/popup_woodsign.jpg') no-repeat center top; width:230px; height:130px; position:absolute; top:-130px; left:580px; z-index:100;}
.popupTitle{float:left; width:200px; margin:4px; font-family:Arial; font-size:16px; font-weight:bold; color:#ffffff; padding-bottom:4px;}
.popupClosebtn{float:right; width:15px; margin-right:3px; margin-top:3px;}
.popupText{margin:5px; font-family:Arial; font-size:11px; line-height:18px; color:#ffffff;}
.popupText a:link, .popupText a:visited, .popupText a:active, .popupText a:hover{color:#ffffff; text-decoration:underline;}


/* Blog */
.homeBlogTitle			{ font-family:Arial; font-size:18px; font-weight:bold; color:#FF0; padding-bottom:5px; float:left; }
.homeBlogTitleLink		{ font-family:Arial; font-size:12px; font-style:italic; color:#FFF; padding-bottom:5px; float:right; }
.homeBlogRSS			{ vertical-align: middle; }
.homeBlog				{ width:539px; }

.blogBox				{ /* background:url('images/blog_postbg.jpg') repeat-y top left; */}

.hLine-top				{ /* background:url('images/blog_postbg.jpg') repeat-y top left; */ height:6px; }
.hLine-btm				{ /* background:url('images/blog_postbg.jpg') repeat-y top left; */ height:6px; }

.dateBox				{ width:45px; float:left; padding:5px; background:#48531f; color:#ffffff; margin:0 10px 0 0; }
.dateBox .day			{ text-align:center; font-size:24px; font-weight:bold; font-family:Georgia; font-style:italic; color:#ffffff; line-height:28px; }
.dateBox .month			{ text-align:center; font-size:15px; font-weight:bold; font-family:Georgia; font-style:italic; color:#ffffff; line-height:12px; }
.dateBox .year			{ text-align:center; font-size:14px; font-family:Georgia; font-style:italic; color:#ffffff; line-height:4px; }

.postBox				{ width:470px; float:left; text-align:left; }
.postTitle a			{ font-family:Arial; color:#6ebb1f; font-size:16px; font-weight:bold; text-decoration:none; }
.postTitle a:hover		{ color:#FF0; text-decoration:underline; }
.postBox p				{ font-family:Arial; font-size:12px; color:#ffffff; font-weight:normal; line-height:18px; }
.postBox p a			{ color:#6ebb1f; text-decoration:none; }
.postBox p a:hover		{ text-decoration:underline; }
.postBox .category		{ font-size:11px; font-style:italic; color:#333333; }
.postBox .category a	{ font-size:12px; color:#6ebb1f; }


/* Footer */
div.footer { font-family:Arial; font-size:12px; color:#fff; padding:10px 0 30px 0; }

div.footer a { font-size:12px; color:#fff; text-decoration:none; }
div.footer a:hover { color:#ebac5c; text-decoration:none; }
#footerleft{margin:0; padding:0 17px 0 0; width:117px; height:45px; float:left; text-align:center;}
#footerright{margin:0; padding:0; width:886px; text-align:center;}

/* Inner Pages Footer */
div.inner_footer { width:856px;font-family:Arial; font-size:12px; color:#010100; padding:10px 0 30px 0; background-color:#fffdda; margin:0 auto; }
div.inner_footer a { font-size:12px; color:#010100; text-decoration:none; }
div.inner_footer a:hover { color:#ebac5c; text-decoration:none; }
#footerleft{margin:0; padding:0 17px 0 0; width:117px; height:45px; float:left; text-align:center;}
#footerright{margin:0; padding:0; width:886px; text-align:center;}


/* Form */
form { margin:0; padding:0; }
input.textbox { border:1px solid #000; width:188px; height:20px; font-size:12px; color:#000; vertical-align:middle; padding:3px; }


#inner-ecohotel-header { width:856px; height:395px; background:url(../images/ecohotelbanner.jpg) no-repeat left top; }
#inner-ecohotel-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-ecohotel-header div.company_logo a { width:159px; height:239px; display:block; }

#inner-resortrooms-header { width:856px; height:395px; background:url(../images/restroombanner.jpg) no-repeat left top; }
#inner-resortrooms-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-resortrooms-header div.company_logo a { width:159px; height:239px; display:block; }

#inner-laketahoe-header { width:856px; height:395px; background:url(../images/laketahoebanner.jpg) no-repeat left top; }
#inner-laketahoe-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-laketahoe-header div.company_logo a { width:159px; height:239px; display:block; }

#inner-spasalon-header { width:856px; height:395px; background:url(../images/spasaloonbanner.jpg) no-repeat left top; }
#inner-spasalon-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-spasalon-header div.company_logo a { width:159px; height:239px; display:block; }

#inner-events-header { width:856px; height:395px; background:url(../images/eventbanner.jpg) no-repeat left top; }
#inner-events-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-events-header div.company_logo a { width:159px; height:239px; display:block; }

#inner-greenfriends-header { width:856px; height:395px; background:url(../images/greenfriendsbanner.jpg) no-repeat left top; }
#inner-greenfriends-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; }
#inner-greenfriends-header div.company_logo a { width:159px; height:239px; display:block; }

#portfolio{ width:856px; margin:0; padding:0;}
	
.caption{font-style:italic;color:#000000;font-size:12px;font-family:Arial;}
.demo{position:relative;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{display:block;width:68px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0; border:solid 1px #999;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 40px auto;width:700px;text-align:center; min-height:500px;}
#main_image img{margin-bottom:10px;}
#main_thumb{margin:0 auto 20px auto;width:700px;min-height:200px;}

.nav{padding-top:15px;clear:both;font-size:12px;font-family:Arial;letter-spacing:3px;text-align:center;}
.nav a{clear:both;font-size:12px;font-family:Arial; text-align:center; text-decoration:none;}
.nav a:hover{clear:both;font-size:12px;font-family:Arial;text-align:center;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}


.galleria li{display:block;width:68px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
h6 { color:#9A3322; text-decoration:underline; font-size:14px; padding:0; margin:0;}
h6 a { color:#9A3322 !important; text-decoration:underline; font-size:14px; padding:0; margin:0;}


/* MISC	*/
.greenPartnerLogo{width:190px; margin:0; padding:5px; float:left;}


/* error msg*/
#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#a4ba55; border:2px solid #252c0d; border-left:none; padding:5px; min-width:150px; max-width:250px; font-size:12px; color:#000;font-family:Arial;}

.thankyou_image {margin:0; padding:120px 0 0 90px;}
p.thankyou_text {margin:0; padding:50px 0 0 135px;font-family:Arial; font-size:14px; color:#000000; font-weight:bold;}

a.linkbutton { background: transparent url(../images/bg_button_a.gif)no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.linkbutton span { background: transparent url(../images/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.linkbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.linkbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}