html, body {
	height: 100%;
	min-height: 100%;
	height: auto;
	width:100%;
	min-width:100%;
	margin:0;
	padding:0;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 12px;
	color:#4d3334;
	background-color: #b68e5d;
	background-image: url(images/body.jpg);
}

#wrapper {
	width:100%;
	margin: 0px auto;
	height: auto;
	background-color:transparent;
	padding:0;
}

/* -------------------- SPLASH PAGE ------------------------- */

#splashtopper {
	position:absolute;
	top:0;
	width:100%;
	min-width:100%;
	height:157px;
	text-align:center;
	margin: 0px auto 0 auto;
	background: url(images/filligree_900w.png) no-repeat center;
	z-index:2000;
}

#splashmaincontainer {
	position:absolute;
	top:111px;
	width:100%;
	min-height:544px;
	max-height:544px;
	height:544px;
	background-color:#fcf9f3;
	text-align:center;
	margin: 0 0 auto 0;
	padding: 0 0 0 0;
	background: url(images/main_stippledback.jpg);
}

#splashshadowtop {
	position:absolute;
	top:51px;
	width:100%;
	height:60px;
	margin: 0 auto 0 auto;
	padding:0;
	background-image: url(images/splash_shadow_top.png);
	background-position: 0 0;
	}

#splashshadowbottom {
	position:absolute;
	top:544px;
	width:100%;
	height:60px;
	margin: 0 auto 0 0;
	padding:0;
	background-image: url(images/splash_shadow_bottom.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	left: -1px;
}
/* background: url(images/splash_photo.jpg); */
#splashphoto {
	width:400px;
	height:544px;
	float:left;
	clear:none;
	margin: 0px -400px 0px -4px;
	overflow:hidden;
	background: transparent;
	z-index:1000;
}

#splashphoto.new {
	background-image:none;
	background-color:transparent;
}

#splashrightside { 	
margin:0 0 0 400px;
padding: 50px 8px 0 10px;
text-align: left;
overflow:hidden;
}

#splashrightside.new {
	margin-left:0;
}

#splashrightsidecontent {
	width:98%;
	min-width:600px;
	margin-right:2px;
}

#splashrightsidecontent.new {
	margin: 0 auto 0 auto;
	text-align:center;
}

#splashlogo {
	position:relative;
	top:-44px;
	width:98%;
	height:280px;
	text-align:center;
	margin: 0px auto 0px 0px;
	z-index:1000;
	background: url(images/logo_tag_gold_600w.png);
	background-position: center;
	background-repeat: no-repeat;
}

#splashlogo.new {
	background-image: none;
	width:800px;
	height:400px;
	border: 1px dotted fuchsia;
	margin: -2px auto 6px auto;
}

#splashlogo a {
	display:block;
	width: 600px;
	height: 280px;
	margin: 0 auto 0 auto;
	text-decoration: none;
}

#splashlogo a span {
	visibility: hidden;
}

#splashinfo {
	width:98%;
	height:80px;
	text-align:center;
	margin: -72px auto 70px 0px;
	clear:both;
}

#splashinfo.new {
	margin: -40px auto 2px 0px;
	height:auto;
}

#splashinfo.more {
	width:98%;
	height:auto;
	margin: -30px auto 10px 0px;
}

#splashinfoleft {
	width:48%;
	height:auto;
	float:left;
	font-size:.80em;
}

#splashinforight {
	width:48%;
	height:100px;
	float:right;
	font-size:.80em;
}

#splashinfo.more p {
	font-size:1.25em;
	line-height:1.40em;
	text-align:left;
	font-size-adjust: none;
	color:#798aa6;
	margin: 4px auto 2px 10px;
}

#splashinfo.more span.em {
	font-style:italic;
}

/* NAVIGATION AREA ON THE SPLASH PAGE */


#splashnavigation {
margin:0;
padding: 0 4px 0;
text-align:center;
clear:both;
}

#splashnavigation ul {
margin: 8px 0 0 0;
padding:0;
list-style:none;
min-width:600px;
}

#splashnavigation ul li {
margin: 0 0 0 0;
padding: 0 4px 2px 4px;
list-style:none;
display:inline;
}

#splashnavigation ul li a:link, #splashnavigation ul li a:visited {
padding: 0 8px 0 8px;
font-size:20px;
line-height:32px;
font-stretch: narrower;
font-variant: normal;
font-style: italic;
font-weight: normal;
letter-spacing: -1px;
color: #774427;
text-decoration:none;
}

#splashnavigation ul li a:hover, #splashnavigation ul li a:active {
color:#fcf9f3;
text-decoration:none;
 background-color: #CDA371;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* - END SPLASH PAGE - */

/* --- NARROW INSIDE PAGES only 900px wide ---- */

#ninsidecontainer {
	position:absolute;
	top:88px;
	width:100%;
	height:100%;
	min-height:900px;
	text-align:center;
	margin: 0 auto 0 auto;
	background:transparent;
	background-color:transparent;
}

#ninsideshadowback {
	position:relative;
	width:1013px;
	height:100%;
	min-height:900px;
	background: transparent url(images/inside_shadowback1.png);
	margin: 24px auto 0 auto;
}

#ninsidetopper {
	position:absolute;
	top:0;
	width:100%;
	min-width:100%;
	height:157px;
	text-align:center;
	margin: 0px auto 0 auto;
	background: url(images/filligree_900w.png) no-repeat center;
	z-index:1000;
}

#ninsidecontent {
	position:relative;
	top:0;
	width:900px;
	height:100%;
	min-height:900px;
	background: #fcf9f3;
	margin: 0 auto 0 auto;
	padding:0;
}


/* - END NARROW INSIDE PAGES only 900px wide - */

/* ---------- INSIDE PAGES WIDE - MAIN LAYOUT ------------*/

#winsidecontainer {
	position:absolute;
	top:88px;
	width:100%;
	text-align:center;
	margin: 0 auto 0 auto;
	background:transparent;
	background-color:transparent;
}

#winsidetopper {
	position:absolute;
	top:0;
	width:100%;
	min-width:100%;
	height:157px;
	text-align:center;
	margin: 0px auto 0 auto;
	background: url(images/filligree_900w.png) no-repeat center;
	z-index:1000;
}

#winsideshadowtop {
	position:absolute;
	top:53px;
	width:100%;
	height:60px;
	margin: 0 auto 0 auto;
	padding:0;
	background-image: url(images/splash_shadow_top.png);
	background-position: 0 0;
	}

#winsidecontent {
	position:relative;
	top:24px;
	width:100%;
	background: #fcf9f3;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(images/main_stippledback.jpg);
}

#insidecontenttextarea {
	width:100%;
	margin: 0 0 20px 0;
	background: transparent;
	padding: 48px 0 0;
}

#fulltextarea {
	width:99%;
	margin: 0 0 20px 0;
	background: transparent;
	padding: 20px 0 0 0;
}

/* - END INSIDE PAGES WIDE - MAIN LAYOUT -*/

/* -------- COLUMNS LAYOUT FOR INSIDE WIDE PAGES ---------------*/

#winsideleftcolumn {
float:left;
margin:0;
padding:0;
width:200px;
height:600px;
background-color:transparent;
}

/*---------- LEFT SIDE NAVIGATION -----------*/

#winsideleftNav {
margin: -8px 0 0 0;
padding:0;
width:200px;
height:100%;
text-align:left;
background-color:transparent;
background: url(images/inside_navback.png) no-repeat;
 border-right: 1px dotted #4d3334;
}

#winsideleftNav ul {
margin: 0 0 0 0;
padding:0;
list-style:none;
}

#winsideleftNav ul li {
margin: 0 0 0 4px;
padding:0;
list-style:none;
border-bottom: 1px dotted #4d3334;
}

#winsideleftNav ul li a:link, #winsideleftNav ul li a:visited {
padding: 4px 8px 4px 8px;
font-size:20px;
font-stretch: narrower;
font-variant: normal;
font-style: italic;
font-weight: normal;
letter-spacing: -1px;
color:#4d3334;
text-decoration:none;
display:block;
margin: 8px 0 8px 0;
}

#winsideleftNav ul li a:hover, #winsideleftNav ul li a:active {
color:#fcf9f3;
text-decoration:none;
background-color:transparent;
background: url(images/background_brown_20.png);
}

#winsideleftNav ul li a.first {
	padding-top:10px;
	background:none;
}

/*- END LEFT SIDE NAVIGATION -*/

/* ------------------------------------- RIGHT SIDE OF PAGES -aka- "CENTER" COLUMN -------------------------*/

#winsiderightcolumn { 	
margin:0 0 0 200px;
padding: 50px 10px 10px 10px;
text-align: left;
}

#winsiderightcontent {
	width:90%;
	height:auto;
	min-width:800px;
	margin: 0 auto 0 auto;
	margin-right:2px;
}

/*--------------------- PAGES - ON PAGE NAVIGATION - HORIZONTAL ----------------------------------*/

#onpagenav {
text-align:center;
 width: 100%;
 min-width:800px;
 margin: 0 auto 0 auto;
 border-bottom: 1px dotted #4d3334;
}

#onpagenav ul {
list-style:none;
 margin: 20px auto 10px auto;
}

#onpagenav ul li {
list-style:none;
display:inline;
 margin: 0 auto 0 auto;
}

#onpagenav ul li a:link, #onpagenav ul li a:visited {
padding: 0 8px 0 24px;
font-size:18px;
font-stretch: narrower;
font-variant: normal;
font-style: italic;
font-weight: normal;
letter-spacing: -1px;
color: #774427;
text-decoration:none;
margin-left:8px;
background: url(images/bullet-flower-20.png) no-repeat left;
}

#onpagenav ul li a:hover, #onpagenav ul li a:active {
text-decoration:underline;
}

/*--------------------- END --- ON PAGE NAVIGATION - HORIZONTAL ----------------------------------*/


/*--------------------- PAGES CONTENT SPLIT TWO COLUMNS ----------------------------------*/

#contentleft {
	width:48%;
	float:left;
	padding-right:12px;
	border-right: 1px dotted #4d3334;
}

#contentright {
	width:48%;
	float:left;
	padding-left:12px;
}

/*  << ----------------- PHOTO GALLERY PAGE --------------------- >>  */

ul#photogallery {
	width:760px;
	list-style-type: none;
	float:left;
	margin: 0 100% 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #774427;
}

ul#photogallery.plain {
	border:none;
	margin: 20px 100% 10px 0;
}

ul#photogallery li { display: inline; }

ul#photogallery li a {
	width:110px;
	height:90px;
	padding:3px 3px 3px 3px;
	background-color:#fff;
	border:1px solid #454545;
	float:left;
	text-align:center;
	margin: 0 10px 6px 0;
}



/* << ----------------// Inside Pages "Content Area" Footer //------------ */
#winsidecontentfooter {
margin:0;
padding: 10px 0 10px 0;
width:100%;
height:48px;
font-size:10px;
color: #bfa796;
background-color: transparent;
clear:both;
background: url(images/inside_content_footer_back.jpg) repeat 0;
border-top: 1px solid #f5eddb;
}

#winsidecontentfooterimg {
	width:100%;
	height:24px;
	text-align:center;
	margin: 8px auto 3px 0;
	background: url(images/inside_content_footer_filliigree.png) no-repeat center;
}

/* << ----------------// INSIDE PAGES WIDE - "PAGE" FOOTER FOR SHADOW EFFECT ONLY //------------ */

#winsidepagefooter {
margin: 24px 0 0 0;
padding: 0 0 0 0;
width:100%;
height:49px;
font-size:10px;
background-color:transparent;
clear:both;
background: url(images/splash_shadow_bottom.png) top;
}


/*-----   TEXTS   <-------*/

a {
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

p {
	font-size: 14px;
	font-size-adjust: inherit;
	font-stretch: narrower;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	margin: 2px 0 4px 0;
	line-height: 17px;
}

span.em {
	font-style:italic;
}

p.title {
	font-size: 16px;
}

span.small {
	font-size:11px;
}

h1 {
	font-size:34px;
	line-height: 38px;
	margin: 0 0 3px 0;
	font-stretch: narrower;
	font-size-adjust: inherit;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color:#774427;
	height: auto;
	letter-spacing: -1px;
}

h2 {
	font-size:26px;
	line-height:28px;
	font-stretch: narrower;
	font-size-adjust: inherit;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color:#774427;
	height: auto;
	letter-spacing: -1px;
}

h3 {
	font-size:22px;
	line-height:24px;
	font-stretch: narrower;
	font-size-adjust: inherit;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color:#774427;
	height: auto;
	letter-spacing: -1px;
	margin: 10px auto 3px 0;
	width:100%;
}

span.spacer {
	display:inline;
	width:60px;
	margin-bottom: 0;
	margin: 0 8px 0 8px;
}

.pageheader {
	padding-bottom:6px;
	border-bottom: 1px solid #4d3334;
}

.underlined {
	text-decoration: underline;
}

.strong {
	font-weight:bold;
}

span.menuprice {
	color:#774427;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	display:inline;
	padding: 0 0 2px 40px;
	text-align:right;
	border-bottom: 1px dotted #4d3334;
}

p.tuckedup {
	margin-top:-16px;
}


/*-----   ----------- COLORS   ---------------- <-------*/

.ltblue {
	color:#798aa6;
}

.deepblue {
	color:#0d4a71;
}

.red {
	color:#c24a3c;
}

.goldish {
	color:#efb37d;
}

.deepgold {
color:#cda371;
}

.sand {
	color:#f5eddb;
}

.ostrich {
	color:#fcf9f3;
}

.dkbrown {
	color:#4d3334;
}

.tan {
	color:#cda371;
}

.medbrown {
	color:#774427;
}

.ltbrown {
	color: #bfa796;
}

/*- END COLORS -*/


/*----------- IMAGES ----------------*/

img.frame {
	padding:3px 3px 3px 3px;
	background-color:#fcf9f3;
	border:1px solid #f5eddb;
}

/*---------- POSITIONING -------------*/

.middle {
	text-align: center;
	margin: 0 auto 0 auto;
}

#middle {
	position:relative;
	width:99%;
	height: auto;
	text-align: center;
	margin: 0 auto 0 auto;
}

.pushtop {
	margin-top:12px;
}

.left {
	float:left;
	margin-right:3px;
}

.right {
	float:right;
	margin-left:3px;
}

h3.tightfit {
	margin-bottom:-10px;
}

p.saveroomv {
	margin-top:0px;
}

img.flowerbullet {
	float:left;
	margin: 0 4px 0 0;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#ClearedFooter {
margin:0;
padding: 5px 0px 5px 0px;
width:99%;
height:1px;
clear:both;
}

#clear {
	height:1px;
	float:none;
	clear: both;
}

div.leftcleared {
	clear:left;
}

div.rightcleared {
	clear:right;
}

div.cleared {
	clear:both;
}

.hidden {
	visibility:hidden;
}

#dasheddivider {
	width:99%;
	height:2px;
	border-bottom: 1px dotted #4d3334;
	clear:both;
	padding: 4px 0 4px 0;
}
