@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:934px;
	margin:0 auto;
	padding-bottom:0px;
}
#header {
	position:relative;
	width:934px;
	height:55px;
	padding-top:4px;
	}
#header h1 {
	display:block;
	padding-top:27px;
	}
		
#topnav {
	float:right;
	width:636px;
	height:50px;
	margin:15px 20px 15px 0;
	border-bottom:2px dashed #bb6f44;
}


.newsbox {
	float:left;
	width:174px;
	height:200px;
	margin:0px 16px 0 0;
	}
.newsbox-last {
	float:left;
	width:174px;
	height:200px;
	margin:0px;
	}

.newsbox p a, .newsbox-last p a {
	display:block;
	margin-top:6px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color: #572700;
	}

.newsbox img a {
	padding:2px;
	vertical-align:top;
	margin-bottom:20px;
	}
	

/*#contentcontainer {
	width:934px;
	padding:0px;
}*/
#intro-flashBox {
	position:relative;
	top:5px;
	width:934px;
	height:495px;
	margin-bottom: 30px;
	/*background-color:#E3DED1;*/
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
	-webkit-border-radius:10px;
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
	-moz-border-radius:10px;
	border-radius: 11px;
	behavior: url(../border-radius.htc);
	box-shadow:2px 2px 8px #202020;
	background-color: rgba(180, 180, 144, 0.4);
	-moz-background-color: rgba(180, 180, 144, 0.4);
	}
	
#intro-box {
	position:relative;
	top:5px;
	width:914px;
	height:495px;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
	-webkit-border-radius:10px;
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .5);
	-moz-border-radius:10px;
	padding:20px 0 0 20px;
	border-radius: 11px;
	behavior: url(../border-radius.htc);
	}
	
#onecolumn {
	position:relative;
	top:5px;
	width:854px;
	margin-bottom: 30px;
	padding:40px;
	background-color: #FFFFFF;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 11px;
	behavior: url(../border-radius.htc);
	}
	
#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:693px;
	padding:0px 0px 10px 0;
	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:40px;
	top:-30px;
	margin:0 20px 0px 0;
	}
#location-listing {
	float:right;
	display:block;
	width:180px;
	height:170px;
	padding:5px;
	margin-right:30px;
	}
	
#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:10px;	}
	
#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:100%;
	height:200px;
	padding:10px 0 0 0;
	margin:30px 0 0 0;
	border-top:1px solid #666666;
	}
#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 0 0 25px;
	border:1px solid #999966;
	list-style:none;
	}
.listing-left img {
	display:block;
	margin-bottom:3px;
	}
.listing-noborder {
	float:left;
	padding:1px;
	margin:8px;
	list-style:none;
	}
#navigation-bottom {
	width:100%;
	height:156px;
	background: url(../images/bottom-strip.png) repeat-x;
	position:fixed;
	bottom:0px;
	z-index:2
	}
#nav-box {
	display:block;
	background:url(../images/nav-bar.gif) no-repeat top;
	background-position:0 -18px;
	height:80px;
	width:363px;
	float:right;
	color:#999999;
	padding:0px;
	overflow:hidden;
	}
#footer {
	clear:both;
	width:916px;
	height:25px;
	bottom:0px;
	padding:4px 10px 3px 10px;
	font-size:80%;
	border-top:2px dotted #bb6f44;
	}



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

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

/*a:link {
	text-decoration: none;
	color:#572700;
	font-weight:bold;
	outline:none;
}*/

a:hover {
	text-decoration:underline;
	color:#FF3300;
}



 
/* - 4. fonts - */

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

#box-centre p {
	padding:0 30px;
	margin-left:20px;
	margin-bottom:5px;
	}

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

h2.eco-head {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7b7000;
	font-size:32px;
	margin-left:40px;
	}
h3.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 {
	font-size:21px;
}

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

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

p {
	margin-top:10px;
}

.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}

.clearboth {clear:both;}

#clearboth {clear:both;}

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


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

.subscribe-box	{
	background:url(../images/side-bar/subscribe_bg.gif) top left no-repeat;
	padding:13px 0 0 30px;
	height:160px;
	}

	
/*----------------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#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#navCoffee a 					{ background-position:0px 0px; width:114px; left:0px }
li#navCoffee a:hover			{ background-position:0px -40px;}
body#pageCoffee li#navCoffee a 	{ background-position:0px -80px }

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

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

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

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

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

		


#pageIndex #wrapper #footer ul li {
	display: inline;
	padding:0 6px;
}

#pageIndex #wrapper #footer ul {
	font-size:14px;
	}

a:hover {
	text-decoration:underline;
	color:#FF3300;
}