@charset "UTF-8";
/* 

STYLE SHEET FOR [vill and hut] SITE
Created by Osvaldo Quintanilla @ FATHOM CREATIVE

Table Of Contents

	1. defaults
	2. main layout
	3. links
	4. fonts	
	
/* - 1. defaults - */

@import "reset.css";

body {
	margin: 0 0 40px 0;
	padding: 0;
	background:#d5cfbc url(../images/back-texture.gif) repeat-y center top;
	}

a img {	outline:none;
		border:none}

/* - 2. main layout - */
	
#wrapper {
	width:950px;
	margin:0 auto;
	padding-bottom:0px;
}
#header {
	position:relative;
	margin-left:257px;
	width:677px;
	height:65px;
	}
	
#topnav {
	float:right;
	width:674px;
	height:50px;
	margin:15px 0px 15px 0;
	border-bottom:2px dashed #bb6f44;
}

/*#contentcontainer {
	width:934px;
	padding:0px;
}*/
#intro-flashBox {
	position:absolute;
	top:10px;
	width:934px;
	z-index:2;
	}
#contentleft {
	float:left;
	width:257px;
	padding:0px;
	margin-top:10px;
}

#contentleft ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#contentleft ul li a img { outline: none; 
border:none}

#contentright {
	float:left;
	width:693px;
	padding:0px;
	margin-bottom:20px;
}
#box-top {
	width:693px;
	height:12px;
	background:url(../images/top-border.gif) bottom center no-repeat;
	}
#box-centre {
	width:633px;
	padding:0px 20px 10px 40px;
	background:url(../images/box-repeat.gif) repeat-y;
	}

#box-centre2 {
	width:677px;
	padding:10px 0;
	background:url(../images/box-repeat.gif) repeat-y;
	}
	
#eco-stamp {	
	position:relative;
	left:30px;
	top:-30px;
	width:174px;
	float:right;
	margin:0 0 20px 0;
	}
	
#contact-hd {
	width:164px;
	height:64px;
	display:block;
	position:relative;
	left:4px;
	top:0px;
	margin:0 20px 20px 0;
	}
#location-listing {
	float:right;
	display:block;
	width:180px;
	height:170px;
	padding:5px;
	}
	
#location-listing ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	background:none;
	display:inline;
	}
	
#location-listing li a {
	padding-bottom:5px;
	color: #827d00;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-weight:normal;
	}
#box-centre ul li {
	list-style-type:none;
	margin-left:0px;	}
	
#box-centre li {
	padding-bottom:20px;
	margin-bottom:10px;
	background:url(../images/locations-line.gif) bottom left no-repeat;
	}	
	
#box-centre ol li {
	margin-left:20px;
	margin-right:50px;
	}
#box-centre li {
	margin-bottom:10px;
	}
	
#box-bottom {
	width:693px;
	height:13px;
	background:url(../images/bottom-border.gif) top center no-repeat;
	}
#crosswd-bg {
	background:url(../images/crossword-bgnd.png) top no-repeat;
	width:677px;
	height:630px;
	margin-top:15px;
	}

#gallery_main_pic {
	float:left;
	 width:393px;
	 height:430px;
	 margin:150px 12px 0 70px;
	 padding:0;
	}
	
#gallery_thumbs {
	float:left;
	width:118px;
	height:430px;
	margin:150px 0 0 20px;
	padding:0;
	}
#gallery_thumbs ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#gallery_thumbs ul li {
	margin-bottom:12px;
	}
#thumb img a {
	border:solid 1px #666666;
	}
#thumb img a:hover {
	border:solid 1px #CC3300;
	}
#crossword_label {
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#limg {
	height:1%;
	width:393px;
	padding:0px;
	text-align:center;
	margin:0px;
}
#limg img {
	padding:5px;
	margin:0px auto;
	
}

.listing-left {
	float:left;
	padding:5px;
	margin:15px 15px 0 15px;
	border:1px solid #999966;
	list-style:none;
	}
ul li.listing-left {
	background:none;
	list-style-image:none;
	}
.listing-left img {
	display:block;
	margin-bottom:3px;
	}
.listing-noborder {
	float:left;
	padding:1px;
	margin:6px;
	}
#navigation-bottom {
	width:100%;
	height:156px;
	background: url(../images/bottom-strip.png) repeat-x;
	position:fixed;
	bottom:0px;
	z-index:2
	}
#nav-content {	
	text-align:center;
	height:140px;
	color:#999999;
	padding:0px;
	background:url(../images/scissors-lines.gif) top no-repeat;
	}
#footer {
	clear:both;
	width:916px;
	height:25px;
	margin-left:8px;
	bottom:0px;
	padding:4px 10px 3px 10px;
	font-size:80%;
	text-align:center;
	border-top:2px dotted #bb6f44;
}

#footer a, #footer a:hover {
	 color: #572700;
	 text-decoration:none;
	 }

.tableunderline {
	border-bottom:1px solid #999999;
	padding:4px 0;
	}
/* - 3. links - */


a:link {
	text-decoration: none;
	color:#FF6600;
	font-weight:bold;
	outline:none;
}
a:visited {
	text-decoration: none;
	color:#FF6600
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

body#pageSitemap #box-centre li {
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	background:none;
	border-bottom:1px solid #999999;
	width:120px;
	}

 
/* - 4. fonts - */

body {font-family: 'Helvetica Neue Light', Arial, Helvetica, sans-serif;
	  font-size:0.8em ;
	  line-height:1.6em;
	  color: #572700;
}

#box-centre p {
	padding:0;
	margin-left:0px;
	margin-bottom:10px;
	}

.location-name {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#827d00;
	text-transform: uppercase;
	letter-spacing:2px;
}

.eco-head {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7b7000;
	text-transform:capitalize;
	font-size:18px;
	margin:20px 50px 10px 0;
	border-bottom:1px dashed #7b7000;
	padding-bottom:5px;
	}
	
.eco-intro {
	color:#7b7000;
	margin-left:40px;
	padding-right:40px;
	}
	
#franch-head-back {
	display:block;
	width:300px;
	padding:0;
	margin-left:50px;
	}

	
	
h1, h2, h3, h4, p {
	
}


h1 {
}

h2 {
	font-size:140%;
	line-height:120%;
	padding-right:20px;
	margin-bottom:20px;
}

h3 {
margin-bottom:10px;
}
		
h4 {
}

p { 
}

.headings {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;}

#pageLocations #wrapper #contentright #box-centre p.locations {
	margin-bottom:4px;
	}
#pageLocations #wrapper #contentright #box-centre p {
	margin-bottom:20px;
	}
	
.font_smaller {font-size:70%;line-height:110%;}
.margin-left-20 {margin-left:20px;}
.margin-left-40 {margin-left:40px;}
.margin-left-50 {margin-left:50px;}
.margin-top-40 {margin-top:40px}
.margin-top-10 {margin-top:10px}
.margin-topbotm-10 {margin:10px 0}

.clearboth {clear:both;}

#clearboth {clear:both;}

.floatleft 			{	float:left;}
.floatleft-padding 	{	float:left;padding:0 0 0 10px; }
.floatleft-margin40 {	float:left; margin-left:40px;}
.floatleft-margin15 {	float:left; margin-left:15px;}
.floatright 		{	float:right;}
.floatright-20		{	float:right; margin-left:20px;}
.floatright-margin40{	float:right; margin-right:40px; padding-bottom:10px}



/*-------------Subscription Form style------------------------*/

.subscribe-box	{
   line-height:17px;
   display:block;
   height:230px;
   padding:8px 19px;
   margin:0 8px;
   background:#FFCF53;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
	}

	
/*----------------Top Navigation Bar--------------------------*/

/*------top row-----*/
ul#nav { 
background: url(../images/nav/top-nav.png);
position:relative;
height:40px;
* height:40px;
_ height:40px;
top:0px;
overflow:hidden;
}

ul#nav li { 
list-style-type:none 
}

ul#nav li a { 
height:40px; 
* height:40px;
_ height:40px;
display:block; 
position:absolute; 
top:0; 
text-indent:-9999px; 
outline:none; 
}

li#navTop a, li#navCoffee a, li#navMenu a, li#navLocations a, li#navOffers a,  li#navCater a,
li#navBlog a { background: url(../images/nav/top-nav.png)}

li#navTop a 					{ background-position:0px 0px; width:38px; left:0px }
li#navTop a:hover				{ background-position:0px -40px;}
body#pageTop li#navTop a 		{ background-position:0px -80px }

li#navCoffee a 					{ background-position:-38px 0px; width:114px; left:38px }
li#navCoffee a:hover			{ background-position:-38px -40px;}
body#pageCoffee li#navCoffee a 	{ background-position:-38px -80px }

li#navMenu a 					{ background-position:-152px 0px; width:125px; left:152px }
li#navMenu a:hover				{ background-position:-152px -40px }
body#pageMenu li#navMenu a 		{ background-position:-152px -80px }

li#navLocations a 				{ background-position:-277px 0px; width:128px; left:277px }
li#navLocations a:hover			{ background-position:-277px -40px }
body#pageLocations li#navLocations a 	{ background-position:-277px -80px }

li#navCater a 					{ background-position:-405px 0px; width:115px; left:405px }
li#navCater a:hover				{ background-position:-405px -40px }
body#pageCater li#navCater a 	{ background-position:-405px -80px }

li#navOffers a					{ background-position:-520px 0px; width:95px; left:520px }
li#navOffers a:hover 			{ background-position:-520px -40px }
body#pageOffers li#navOffers a 	{ background-position:-520px -80px }

li#navBlog a 					{ background-position:-615px 0px; width:59px; left:615px }
li#navBlog a:hover				{ background-position:-615px -40px }
body#pageBlog li#navBlog a 		{ background-position:-615px -80px }
		
a { outline:none}
	
	
	


/*------------------ SUBSCRIBE FORM STYLES -----------------------*/


#aweber-form {
	width:200px;
	height:168px;
	margin:5px 6px 15px 0;
	padding:4px;
	background: url(../images/subscribe-backgnd.gif) top no-repeat;
	float:left;
	text-align:right;
	}
	
#aweber-hdr {
	width:200px;
	height:37px;
	}

#aweber-form input {
	width:145px;
	height:15px;
	background:#f5f8b8;
	border:1px solid #b6bd36;
	padding:3px;
	margin-top:6px;
	margin-right:6px;
	}
#aweber-form label {
	font-weight: bold;
	color: #4f5213;
	font-size: 70%;
	padding-left:6px;
	padding-right:3px;
	text-align:left;
	}

#aweber-form textarea:focus, #aweber-form input[type="text"]:focus {
	background: #ffffff; border-color: #666666;
}
#aweber-form #submit{
	background: url(../images/sub-submit-btn.gif) top left no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:left;
	width: 95px;
	height: 18px;
	padding:0 0 2px 0;
	letter-spacing:1px;
	margin:10px 0 5px 12px;
}

#aweber-form #bodytext {
	display:block;
	width:82px;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:10px;
	color: #666666;
	float:right;
	padding:4px 6px 4px 0;
	}