html {
	background: url("../images/body-bg-tile.jpg") top left repeat;
	margin:0;
	padding:0;
	/* Height is 100%, so the body can be 100% */
	height:100%;
	}
	
body {
	top:0;
	background:url("../images/wrapper-bg.jpg") top center no-repeat;
	margin:0;
	padding:0;
	/* Height is 100%, so the tiled BG will tile all the way down
	 the page, not just as far down as the page's content
	 (when the content's height is less than the window's height) */
	height:100%;
	color: #591e12
}

p {
	margin: 0;
	padding: 10px 0;
}

HR {
   border: none 0;
	border-top: 1px solid #73372B;
	width: 98%;
	height: 1px;
	padding: 0;
	margin: 10px 0;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 770px;
}

h1.logo {
	float:left;
	margin: 0;
	padding: 0;
	width: 325px;
	height: 230px;
	text-indent: -2000px;
	background-image: url(../images/logo.jpg);
}

h1.logo-suites {
	float:left;
	margin: 0;
	padding: 0;
	width: 325px;
	height: 230px;
	text-indent: -2000px;
	background-image: url(../images/logo-suites.jpg);
}

#header {
	float:right;
	margin: 0;
	padding: 0;
	width: 445px;
	height: 230px;
	text-indent: -2000px;
	background-image: url(../images/header-img.jpg);
}

#header-suite {
	float:right;
	margin: 0;
	padding: 0;
	width: 445px;
	height: 230px;
	text-indent: -2000px;
	background-image: url(../images/header-img-suite.jpg);
}

#content-container {
	margin:0;
	padding:0;
	width:770px;
	background: url(../images/content-bg.jpg) top left repeat-y;
}

.clear {
	clear: both
}

/*Left Colume Styles*/

#leftcol {
	float: left;
	margin: 0 0 0 20px;
	_margin: 0 0 0 10px; /*IE Sucks*/
	padding: 0;
	width: 525px;
	font: 13px "trebuchet MS", verdana;
	line-height: 18px
}

#leftcol h1 {
	margin: 10px 0 1px 0;
	padding: 0;
	color: #73372B;
	font-weight: bold;
	font-size: 17px;
	font-family: "trebuchet MS", verdana;
	border-bottom:1px solid #73372B;
	text-transform: uppercase;
}

#leftcol h2 {
	margin: 10px 0 1px 0;
	padding: 1px 5px;
	color: #73372B;
	font-weight: bold;
	font-size: 14px;
	font-family: "trebuchet MS", verdana;
	text-transform: uppercase;
	background: url(../images/bg-h2-left.jpg) top left repeat;
	border-top: 1px solid #C6BBAC;
	border-left: 1px solid #C6BBAC;
	border-right: 1px solid #EADED2;
	border-bottom: 1px solid #EADED2;
}

#leftcol ul {
	padding: 5px 5px 8px 25px;
	margin: 0 0 0 5px;
	list-style: disc url(../images/bullet.gif);
	list-style-type: none;
	font: 13px "trebuchet MS", verdana;
}

#leftcol li {
	line-height: 18px;
	padding: 0 0 2px 0;
	color: #591e12;
	font: 13px "trebuchet MS", verdana;
}

#leftcol ol  {
	padding: 10px 5px 8px 25px;
	margin: 0 0 0 10px;
	font: 13px "trebuchet MS", verdana;
	color: #591e12
}

#leftcol ol li {
	line-height: 18px;
	padding: 2px 0;
}

/*Right Colume Styles*/

#rightcol {
	float: right;
	margin: 0 16px 0 0;
	_margin: 0 8px 0 0; /*IE Sucks*/
	padding: 0;
	width: 180px;
	font: 12px "trebuchet MS", verdana;
	line-height: 16px;	
}

#rightcol h2 {
	margin: 10px 0 1px 0;
	padding: 0;
	color: #73372B;
	font-weight: bold;
	font-size: 14px;
	font-family: "trebuchet MS", verdana;
	border-bottom:1px solid #73372B;
	text-transform: uppercase;
}


/*Images Styles*/

.image-left {
	float: left;
	display: block;
	margin: 5px 5px 9px 5px;
	border: 5px solid #D9CCBC;	
	overflow:hidden
}

.image-center {
	display: block;
	margin: 10px auto 0 auto;
	text-align: center;
	border: 5px solid #D9CCBC;	
	overflow:hidden
}

.image-right {
	float: right;
	display: block;
	margin: 5px 5px 9px 5px;
	border: 5px solid #D9CCBC;
	overflow:hidden
}

/***********ROLLOVERS CSS***********/

#content-container a:link, #content-container a:visited {
	font-weight: normal;
	color: #BF523B;
	text-decoration: underline
}

#content-container a:hover, #content-container a:active {
	padding: 0;
	font-weight: normal;
	color: #BF523B;
	text-decoration: none
}

#content-container a {
	padding: 0;
	margin: 0 auto;
	font-weight: normal;
}

/***********FOOTER CSS***********/

#footer {
	margin: 0 auto;
	padding: 5px 0;
	width: 770px;
	height: 115px;
	text-align: center;
	font: 12px "trebuchet MS", verdana;
	background: url(../images/footer-bg.jpg) top center no-repeat;
}

p.footer-links {
   margin: 0;
	padding: 60px 0 0 0;
	color: #A2775B;
}

p.credit {
   margin: 0;
	padding: 5px 0px 0px 0px;
	color: #A2775B;
}

/* -= Roll Overs Footer=- */

#footer a:link, #footer a:visited {
	font-weight: normal;
	color: #A2775B;
	text-decoration: underline
}

#footer a:hover, #footer a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #A2775B;
	text-decoration: none
}

#footer a {
	padding: 0 3px 0 3px;
	margin: 0 auto;
	font-weight: normal;
}