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

body {
background: #f2e3bf url(../images/stripe.jpg) repeat-x;
}

a { cursor:pointer; }
#preload {display:none;}

#wrapper {
margin: 0 auto;
width:900px;
}

h1 {font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.5em;}
h4 {font-size:1.25em;}

.darkBrown {color:#260a01;}
.darkOrange {color:#cc7208;}

.smallType {font-size:9px;}

#header {
height:80px;
background:url(../images/header.gif) no-repeat;
}

#navButtons {
height:30px;
padding-left:20px;
padding-top:7px;
margin-bottom: 20px;
background:url(../images/nav.gif) no-repeat;
width:100%;
float:left;
font-size:800px;
}

	#bHome{
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-home.png) left top;
	}
	
	#bHome:hover {
	background:url(../images/nav-home.png) left 36px ;
	} 
	
	#bHome.active {
	background:url(../images/nav-home.png) left 18px;
	}

	#bAbout {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-about.png) left top;
	}
	
	#bAbout:hover {
	background:url(../images/nav-about.png) left 36px;
	} 
	
	#bAbout.active {
	background:url(../images/nav-about.png) left 18px;
	}

	#bProducts {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-products.png) left top;
	}
	
	#bProducts:hover {
	background:url(../images/nav-products.png) left 36px;
	} 
	
	#bProducts.active {
	background:url(../images/nav-products.png) left 18px;
	}

	#bGallery {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-gallery.png) left top;
	}
	
	#bGallery:hover {
	background:url(../images/nav-gallery.png) left 36px;
	} 
	
	#bGallery.active {
	background:url(../images/nav-gallery.png) left 18px;
	}

	#bContact {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-contact.png) left top;
	}
	
	#bContact:hover {
	background:url(../images/nav-contact.png) left 36px;
	} 
	
	#bContact.active {
	background:url(../images/nav-contact.png) left 18px;
	}

	#bBlog {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-blog.png) left top;
	}
	
	#bBlog:hover {
	background:url(../images/nav-blog.png) left 36px;
	} 
	
	#bBlog.active {
	background:url(../images/nav-blog.png) left 18px;
	}

	#bLinks {
	float:left;
	margin-right:10px;
	width:90px;
	height:18px;
	overflow:hidden;
	background: url(../images/nav-links.png) left top;
	}
	
	#bLinks:hover {
	background:url(../images/nav-links.png) left 36px;
	} 
	
	#bLinks.active {
	background:url(../images/nav-links.png) left 18px;
	}

#contents {
margin:0 auto;
border:0;
padding:32px 0;
text-align:left;
}

	.roundBox {
	border:6px solid #fff;
	padding:8px 0; /*padding to make innner rounded box fit; top bottom padding = inner radius (see js settings in js header script)*/
	}
	
	#contentBox {
	float:left;
	background:#f8efdb;
	width:885px;
	}
	
	#homeLeft {
	float:left;
	background:#f8efdb; 
	width:450px; 
	padding:20px 25px;
	}	
		
		#homePic {
		float:left;
		width:390px; 
		height:225px; 
		/*background:url(../images/home-salsa.jpg) no-repeat;*/
		}
	
	#homeRight {
	float:right;
	background:url(../images/home-right-bg.jpg) no-repeat; 
	width:425px; 
	height:325px; 
	padding:25px;
	color:#fff;
	font-size:0.95em;
	}
	
	div.textOnly {
	float:left;
	width:95%;
	padding:20px;
	}
	
#footer {
float:left;
margin-top:50px;
margin-bottom:50px;
width:885px; 
height:30px; 
background:url(../images/footer-bg.gif) repeat-x;
text-align:center;
color:#d3c1aa;
}

	#footerNavBar {
	color:#a58053;
	}
	
	ul#footerNavList li {
	list-style:none;
	display:inline;
	padding-left:5px;
	}
	
	ul#footerNavList a {
	color:#a58053;
	text-decoration:none;
	}
	
	ul#footerNavList a:hover {
	text-decoration:underline;
	}

/* Products... */

div#leftProductContent {
	float:left;
}

div#rightProductContent {
	float:left;
}

div#productsContent {
	float:left;
	width:435px;
	padding:0 25px;
	margin:35px 0 15px 0;
	height:195px;
	overflow:auto;
}

/***** ADMIN STYLE *****/

div#adminContainer {
margin:0 auto;
border:0;
padding:32px 0;
text-align:left;
}

	div#adminLeftContent {
	float:left;
	background:#f8efdb; 
	/*width:449px; */
	width:160px;
	padding:15px;
	text-align:right;
	}
	
	div#adminRightContent {
	float:left;
	background:#f8efdb; 
	width:630px;
	padding:15px;
	margin-left:20px;
	color:#000;
	font-size:0.95em;
	}

table.formTable td {
vertical-align:top;
padding:2px;
}

	table.formTable td.label {
	text-align:right;
	}
	
	table.formTable input.textBox {
	border:1px solid #aaa;
	width:400px;
	margin-left:1px;
	padding-left:5px;
	}

	table.formTable textarea.textArea {
	width:400px;
	height:100px;
	}
	
	table.formTable td.submit {
	text-align:right;
	}
	
div#signOut {
	float:right;
}

span.changeErrorMessage {
	color:#990000;
	font-weight:bold;
}
/***** ADMIN PHOTO GALLERY *****/

div#galleryContainer {	
}

table#tableListImagesInfo {
	vertical-align:top;
}

	table#tableListImagesInfo td {
	border-top:1px solid #999;
	text-align:center;
	}
	
	table#tableListImagesInfo tr td.tdDescription, textarea.inputDescription {
		width:350px;
		height:100px;
	}
	
	table#tableListImagesInfo tr td input.inputPriority {
		width:20px;
	}
	
a#linkClearAll, a#linkCheckAll {
	cursor:pointer;
}

div#feedbackMessage {
	color:#EC4822;
	font-weight:bold;
}

.ajaxPriority, .ajaxDelete {
	cursor:pointer;
}
 
/***** UPLOADER *****/
table#uploadTable td {
padding:2px;
}

/*** BLOG ***/

div#leftBlogContent {
	width:695px;
	float:left;
}

	div#leftPost {
		float:left;
		width:100px;
		padding-top:10px;
		text-align:right;
	}
	
		span.postMonth {
			font-weight:bold;
			color:#999;
		}
	
		span.postYearDay {
			font-weight:bold;
			color:#999;
		}
	
	div#rightPost {
		float:right;
		width:530px;
		padding-right:40px;
		padding-left:20px;
		padding-top:10px;
		color:#555;
		/*margin-left:10px;*/
	}
	
	div#rightPost h3 {
		color:#411C01;
	}
	

		div.odd { 
		background-color:#f8efdb; 
		float:left; 
/*		border-left:1px solid #ccc;
		border-top:1px solid #ccc; 
		border-right:1px solid #ccc; */
		}

		div.even { 
		background-color:#FFF; 
		float:left; 
/*		border-left:1px solid #B9B9B9;
		border-top:1px solid #B9B9B9; 
		border-right:1px solid #ccc;*/
		}
		
		div#dvNext {
		float:right; 
		/*padding-right:25px;*/
		padding-top:20px;
		padding-bottom:10px;
		}
		
		div#dvPrev {
		float:left; 
		/*padding-left:25px;*/
		padding-top:20px;
		padding-bottom:10px;
		}

	div#dvNext a, div#dvPrev a {
		color:#999;
	}	

	div #dvNext a:hover, div#dvPrev a:hover {
		color:#411C01;
		text-decoration:none;
	}


div#rightBlogContent {
	width:190px;
	float:right;
}
	div.blogHeader {
		background-color:#411C01;
		/*margin-top:10px;*/
	}
	
	div.blogHeader span {
	color:#FFF;
	font-weight:bold;
	padding-left:10px;
	}
		
	div.rightList ul li {
		padding-left:10px;
		padding-top:8px;
	}

	div#dvCategoryList {
		width:281px;
		max-height:300px;
		overflow:auto;
		border: 1px solid #ccc;
		padding:5px 0;
	}

	div#categoriesHeader {
		margin-top:20px;
	}

div.dvListOfTitles { display:none; }

/** BLOG ADMIN **/

table#tableListPosts thead tr th, table#tableListPosts tbody tr td {
	padding:10px;
}
table#blogNewPost tbody tr td input.txtPostTitle {
	width:520px;
}

div#lnkAddNewCategory, div#dvAddNewCategory {
padding-bottom:5px;
}

	div#lnkAddNewCategory a {
	color:#ccc;
	}
	
	div#lnkAddNewCategory a:hover {
	color:#000;
	}
	
	div.feedbackMessage {
		padding:10px;
	}