/*
--------------------------------------------------------------------------------------
01. RESET
--------------------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
     padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


/*
--------------------------------------------------------------------------------------
02. COMMON HTML ELEMENTS
--------------------------------------------------------------------------------------
*/

abbr { border-bottom: 1px dotted #737160;}
em {font-style: italic;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0;padding: 0;}
ol {margin-bottom: 15px;}
ol li {margin-bottom: 5px;}
p {margin-bottom: 15px;}
p.bold {font-weight: bold;}
p.center {text-align: center;}
strong {font-weight: bold;}
strong.seo { font-weight: normal; }
sub {margin-right: -3px; font-size: .6em; font-weight: normal;}
.clear { clear: both; height: 20px; }
.clear-bottom { clear: both; }
acronym { border-bottom: 1px dotted; }

a, a:link { color: #ebab85; }
a:visited { color: #c9845b; }
a:focus { color: #fff; background: #3e0000; text-decoration: none; }
a:hover { color: #fff; text-decoration: none;}

body {
	margin: 0; 
	padding: 0; 
	border: 0; 
	color: #000;
	background: #760000;
	font: .85em Arial, sans-serif; 
	line-height: 1.34em; 
	}



/*
--------------------------------------------------------------------------------------
03. START LAYOUT
--------------------------------------------------------------------------------------
*/

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

#header {
	width: 879px;
	height: 111px;
	background: url(../images/layout/header-bg.jpg) no-repeat;
	}

ul.quick-links {
	display: none;
	}

#header h1 a {
	position: relative;
	top: 34px;
	left: 47px;
	width: 273px;
	height: 78px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/layout/massage-by-patricia.jpg) no-repeat;
	}

ul.menu {
	position: relative;
	top: 38px;
	width: 500px;
	margin-left: 56px;
	float: left;
	}

ul.menu li {
	float: left;
	}

ul.menu li a {
	display: block;
	text-indent: -9999px;
	height: 67px;
	}

ul.menu li.home a {
	width: 82px;
	background: url(../images/layout/menu/home.jpg) no-repeat;
	}

ul.menu li.about a {
	width: 87px;
	background: url(../images/layout/menu/about.jpg) no-repeat;
	}

ul.menu li.services a {
	width: 84px;
	background: url(../images/layout/menu/services.jpg) no-repeat;
	}

ul.menu li.blog a {
	width: 82px;
	background: url(../images/layout/menu/blog.jpg) no-repeat;
	}

ul.menu li.contact a {
	width: 150px;
	background: url(../images/layout/menu/contact.jpg) no-repeat;
	}

ul.menu li.home a:hover,
ul.menu li.about a:hover,
ul.menu li.services a:hover,
ul.menu li.blog a:hover,
ul.menu li.contact a:hover {
	background-position: 0 -67px;
	}

ul.menu li.home a.active,
ul.menu li.home a.active:hover,
ul.menu li.about a.active,
ul.menu li.about a.active:hover,
ul.menu li.services a.active,
ul.menu li.services a.active:hover,
ul.menu li.blog a.active,
ul.menu li.blog a.active:hover,
ul.menu li.contact a.active,
ul.menu li.contact a.active:hover {
	background-position: 0 -134px;
	}

#intro {
	margin-top: -5px;
	width: 865px;
	height: 346px;
	clear: both;
	background: url(../images/layout/intro.jpg) no-repeat;
	}

#intro .transition {
	position: relative;
	top: -1px;
	width: 452px;
	height: 346px;
	display: inline;
	float: left;
	background: url(../images/homepage/photo-frame.jpg) no-repeat;
	}

#intro .transition img {
	margin: 35px 0 0 100px;
	}

#intro .transition .flash {
	margin: 35px 0 0 100px;
	}

#intro p {
	position: relative;
	top: -1px;
	width: 407px;
	height: 336px;
	float: left;
	text-indent: -9999px;
	background: url(../images/homepage/through-personalized.jpg) no-repeat;
	}

#content-container {
	margin-left: -16px;
	display: inline;
	clear: both;
	}

/* add height: 208px; in content area */
#content-top {
	margin: -11px 0 0 0;
	width: 878px;
	background: url(../images/layout/content-top.jpg) no-repeat;
	}

#content-bg {
	margin-top: -11px;
	width: 878px;
	background: url(../images/layout/content-bg.jpg) repeat-y;
	}

#content-bottom {
	width: 879px;
	height: 70px;
	background: url(../images/layout/content-bottom.jpg) no-repeat;
	}

.upcoming-events {
	margin: 0 15px 0 95px;
	padding: 10px;
	width: 184px;
	display: inline;
	float: left;
	}

.upcoming-events p {
	text-align: center;
	color: #da8585;
	}

.upcoming-events h2 {
	margin: 0 auto 10px auto;
	width: 174px;
	height: 65px;
	display: block;
	text-indent: -9999px;
	background: url(../images/homepage/upcoming-events.jpg) no-repeat;
	}

.event {
	padding: 5px 0;
	clear: both;
	}

.event h3 {
	margin: 0 8px 0 5px;
	padding-top: 10px;
	width: 47px;
	height: 48px;
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	font: italic .9em Arial, sans-serif;
	text-transform: uppercase;
	background: url(../images/homepage/event-date.jpg) no-repeat;
	}

.event h4 {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: .95em;
	width: 110px;
	float: left;
        line-height: 130%;
	}

.event p {
	margin: 0 0 10px 6px;
	color: #da8585;
	text-align: left;
	}

.event p strong {
color: #e0b9a8;
}

.welcome-testimonials {
	margin-left: 10px;
	width: 457px;
	float: left;
	color: #e0b9a8;
	}

.welcome {
	margin-right: 15px;
	width: 217px;
	display: inline;
	float: left;
	}

.welcome h2 {
	margin: 6px 0 5px -6px;
	width: 174px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	background: url(../images/homepage/welcome.jpg) no-repeat;
	}

.welcome strong {
	font-weight: normal;
	}

.testimonials {
	margin-top: 50px;
	width: 220px;
	float: left;
	}

.testimonials img {
border: 6px solid #880909;

}

.testimonials .testimonial {
	margin-bottom: 30px;
	padding: 20px;
	color: #d98487;
	background: #820606;
	}

.testimonials .testimonial h3 {
	color: #f9c397;
	}

.testimonials .testimonial p {
	margin: 0;
	padding: 0;
	}

#bottom-left-corner {
	margin-top: -140px;
	position: relative;
	left: 30px;
	top: 30px;
	width: 145px;
	height: 140px;
	background: url(../images/homepage/bottom-left-corner.png) no-repeat;
	behavior: url(iepngfix.htc);
	}

#footer {
	margin: 6px 0 30px 0;
	width: 770px;
	color: #9c7667;
	text-transform: uppercase;
	font-size: .8em;
	}

#footer a {
	color: #9c7667;
	}

#footer p {
	margin-left: 190px;
	display: inline;
	float: left;
	}

#footer a.site-credit {
	float: right;
	}


/* ---------- end --------- */