/* 
    Document   : maintheme.css
    Created on : Apr 12, 2011, 8:11:28 PM
    Author     : Couch Media Studios
    Description:
        Describes the main theme of the entire site's contents
*/
@font-face {
	font-family:"Baskerville Old Face";
	src: url('../fonts/BaskervilleOldFace.ttf'), url('../fonts/BaskervilleOldFace.otf') format("opentype"); /* IE */
}
body {
    width:100%; height:100%;
    margin:0px; padding:0px;
    background:url('../images/bg.pattern.jpg') repeat;
	font-family:"Baskerville Old Face";
	font-size:16px;
	color:#330000;
}
a { text-decoration:underline; outline:none; color:inherit; }
a:hover { text-decoration:underline; outline:none; color:inherit; }
a:visited { text-decoration:underline; outline:none; color:inherit; }
#bgComposition {
    width:100%; height:100%;  /* The height will be dynamically adjusted by a JS code based on content height */
	margin:0px; padding:0px;
    position:fixed; top:0px;
    z-index:-10;  /* To send it back behind the content of the page */
}
#bgTop {
    width:100%; height:313px;
	margin:0px; padding:0px;
    position:relative; top:0px;
    background:url('../images/bg.top.jpg') repeat-x;
}
#bgBottom {
    width:100%; height:313px;
	margin:0px; padding:0px;
    position:absolute; bottom:0px;
    background:url('../images/bg.bottom.jpg') repeat-x;
}
#wrapper {
    width:856px; height:auto;
    margin:0px auto; padding:0px 49px;
    background:url('../images/bg.body.png') repeat-y;
}
#content {
    width:788px; height:auto;
    margin:0px; padding:0px 20px;
}
#slider img {
	width:808px; height:335px;
	border:none;
}
#logo {
	width:214px; height:134px;
	position:absolute;
	top:15px; margin-left:15px;
	background:url('../images/logo.png') no-repeat;
	z-index:100;
}
#menu {
	width:808px; height:50px;
	margin:0px auto; padding:0px;
	position:relative; top:0px; /***********/
	background:url('../images/bg.menu.png') repeat;
	z-index:99;
}
#menu a {text-decoration:none; outline:none; color:inherit;}
#menu a div[selected] {color:#2e2317;background:url('../images/bg.menu.hover.jpg') no-repeat;}
#menu div[selected] {color:#2e2317;background:url('../images/bg.menu.hover.jpg') no-repeat;}
.menulinks {
	width:auto; height:auto;
	margin-left:40px; padding:15px 10px;
	position:relative; top:0px; left:160px;
	font-size:20px;
	color:#c1ae95;
	background:none;
	float:left;
	cursor:pointer;
}
.menulinks:hover {
	color:#2e2317;
	text-decoration:none;
	outline:none;
	background:url('../images/bg.menu.hover.jpg') no-repeat;
}
.menuitem {
	width:inherit; height:50px;
	margin:5px 0px; padding:0px;
	color:#330000;
	text-align:left;
	font-size:14px;
	cursor:pointer;
	overflow:hidden;
}
.menuitem:hover {
	border-left:#2e2317 3px solid;
	padding-left:10px;
}
#menuleft, #menuright {
	width:179px; height:260px;
	margin:0px; padding:20px;
	float:left;
	position:relative; top:-10px;
}
#menumiddle {
	width:2px; height:300px;
	border-left:#2e2317 1px solid;
	margin:25px 0px; float:left;
}
.dropMenuTitle {
	font-size:17px;
	text-transform:capitalize;
	font-weight:bold;
}
.dropmenu {
	width:500px; height:350px;
	margin:0px; padding:0px;
	border-left:#140700 1px solid; border-bottom:#140700 1px solid;
	position:absolute; top:50px; left:-1px;
	background:#c1ae95 url('../images/bg.drop.menu.jpg');
	cursor:default; display:none;
}
#bodyContent {
	width:805px; height:auto;
	margin:0px; padding:0px;
}
#footer {
	width:808px; height:112px;
	margin:0px; padding:0px;
	position:relative; bottom:0px;
	background:#2e2317; /* url('../images/bg.footer.jpg') no-repeat; */
	font-size:13px;
	color:#c1ae95;
}
#footer span[id=footerlinks] {
	position:relative; top:30px; left:-40px;
}
#footer span[id=designer] {
	position:relative; top:30px; left:-40px;
}
#footer span[id=designer] a { text-decoration:none; outline:none; color:inherit; }
#footer span[id=copyright] {
	position:relative; top:90px;
}

/************ HOME PAGE *******************/
#homeleft {
	width:480px; height:300px;
	margin:0px; padding:20px;
	text-indent:30px;
}
#homemiddle {
	width:2px; height:215px;
	margin:20px 0px; float:left;
}
#homeright {
	width:200px; height:300px;
	margin:0px; padding:0px;
	border-left:#2e2317 1px solid;
	text-align:center;
}
.bodyLeftTitle {
	width:inherit; height:auto;
	font-size:32px;
	text-transform:capitalize;
	margin-bottom:20px;
	position:relative; left:-30px;
}
.bodyRightTitle1 {
	font-size:35px;
	text-transform:capitalize;
	margin-bottom:15px;
}
.bodyRightTitle2 {
	font-size:18px;
	text-transform:capitalize;
	font-weight:bold;
	margin-top:7px;
}

/************ MENU PAGE *******************/
#menuList {
	width:768px; height:auto;
	margin:0px; padding:20px;
}
.menuListTitle1 {
	font-size:19px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}
.menuListTitle2 {
	font-weight:bold;
}
.menuListPrice {
	font-style:italic;
	position:relative; left:25px;
}
.menuListLineWrapper {
	width:808px; height:auto;
	margin:0px; padding:0px;
	vertical-align:middle;
}
.menuListLine1 {
	width:608px; height:2px;
	margin:0px; padding:0px;
	background:#2e2317;
	position:relative; left:50px;
	float:left;
}
.menuListLine2 {
	width:35px; height:2px;
	margin:0px; padding:0px;
	background:#2e2317;
	position:relative; left:60px;
	float:left;
}
.menuListLineWrapper a {
	position:relative; top:-7px; left:55px;
	float:left;
	text-decoration:none;
	outline:none;
}
.menuListLineWrapper a:hover { text-decoration:underline; }
/************ CONTACT PAGE ****************/
#contactleft {
	width:362px; height:300px;
	margin:0px; padding:20px;
	float:left;
	font-size:15px;
}
#contactmiddle {
	width:2px; height:215px;
	border-left:#2e2317 1px solid;
	margin:20px 0px; float:left;
}
#contactright {
	width:362px; height:300px;
	margin:0px; padding:20px;
	float:left;
	text-align:center;
}
.contactLeftTitle {
	width:inherit; height:auto;
	font-size:35px;
	text-transform:capitalize;
	margin-bottom:5px;
}
.contactLeftSlogan { position:relative; left:2px; }
#contactLeftTable {
	width:300px; height:auto;
	border:0px; margin:0px; padding:0px;
	position:relative; left:30px; top:10px;
}
.contactTable { width:362px; height:auto; margin:0px auto; padding:0px; border:none; color:#2e2317; position:relative; left:-20px; }
.contactTable td { margin:0px; padding:20px 0px 0px 20px; border-bottom:#2e2317 2px solid; }
.contactTable td[id="leftTD"] { width:120px; text-align:right; vertical-align:top; font-size:18px; }
.contactTable td[id="rightTD"] { width:230px; text-align:left; }
.contactTable input[type="text"] { width:230px; height:18px; background:none; border:none; outline:none; font-family:"Baskerville Old Face"; font-size:16px; color:#2e2317 }
.contactTable input[type="submit"] { width:100px; height:25px; background:none; border:none; border-bottom:#2e2317 2px solid; float:right; outline:none; font-family:"Baskerville Old Face"; font-size:17px; text-transform:uppercase; color:#2e2317; }
.contactTable input[type="submit"]:hover { background:#2e2317; color:#c1ae95; cursor:pointer; }
.contactTable textarea { width:230px; height:100px; background:none; border:none; outline:none; font-family:"Baskerville Old Face"; font-size:16px; color:#2e2317; }

.gallerySlideshow {
	width:688px; height:525px;
	margin:30px 0px 30px 0px;
	border:18px white solid;
	box-shadow:5px 5px 5px #333;
	outline:none;
}
/************ TERMS & PRIVACY PAGE ****************/
#termsWrapper {
	width:768px; height:auto;
	margin:0px; padding:20px;
}