/* -----------------------------------------------------------------------


 Addicted2massage.com.au Styles 1.0

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {
	font-size:75%;
	color:#f7ecdc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1, .h1 {font-size:2.2em;line-height:1.5;margin-bottom:0.75em; font-weight:normal; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font-size:2em;margin-bottom:.75em; margin-top:1.5em;color:#660000; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
h2.home {font-size:1.2em;color:#660000; font-weight:normal;}
h3 {font-size:1.5em;line-height:1.2;margin-top:1.5em;margin-bottom:1em; color:#fff; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
h3.disappear {
	text-indent:-4000em;
	background-color: #a7302f;
	background-repeat: no-repeat;
	background-position: left middle;
}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em; margin-top:2em;color:#fff; font-weight:bold;}
h5 {font-size:.9em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:.8em;font-weight:bold;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p img.top {margin-top:0;}
img.border {border: 5px solid #a7302f;}
a:focus, a:hover {color:#fff;}
a {color:#fff;text-decoration:underline;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
ul{ list-style:none;}
#col-two ul {list-style:disc; margin-bottom:2em;}
#col-two li {margin-left:3em; margin-bottom:.5em;}
hr {
margin:25px 0;
background-color:#eac5c4;
color:#eac5c4;
border:none;
height:1px;
}



.clear {clear:both;}

/* ---------- structural elements -----------*/
body {
	text-align:center;
	background-color: #fbf3cc;
	background-image: url(/images/bg-tile.jpg);
	background-repeat: repeat;
}

#container {
	margin:0 auto;
	width:816px;
	background-image: url(/images/slate-tile.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top:1px;
	position:relative;
}
#container .container-innerwrap {margin:0 21px; text-align:center;}


/* -- nav --*/
#nav {
	background-image: url(/images/nav-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #f67874;
	width:775px;
	height:64px;
	text-align:center;
	padding-top:1px;
}
#nav ul{margin-top:23px; margin-left: 13px;}
#nav li {
	background-image: url(/images/nav-seperator.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:10px;
	float:left;
	padding-right:10px;
	padding-left:10px;
}
#nav li.first {
	background-image: none;
}
#nav a {display:block;
	color:#ffffff;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -4000em;
	height:13px;
}
#nav a:hover {color:#ffffff; text-decoration:none;}
#nav a.home {
	width:39px;
	background-image: url(/images/btn-home.gif);
}
#nav a.home:hover {
	background-image: url(/images/btn-home-on.gif);
}
#nav a.about {
	width:177px;
	background-image: url(/images/btn-about.gif);
}
#nav a.about:hover {
	background-image: url(/images/btn-about-on.gif);
}
#nav a.benefits {
	width:215px;
	background-image: url(/images/btn-massage-benefits.gif);
}
#nav a.benefits:hover {
	background-image: url(/images/btn-massage-benefits-on.gif);
}
#nav a.faq {
	width:96px;
	background-image: url(/images/btn-faq.gif);
}
#nav a.faq:hover {
	background-image: url(/images/btn-faq-on.gif);
}
#nav a.prices {
	width:116px;
	background-image: url(/images/btn-prices.gif);
}
#nav a.prices:hover {
	background-image: url(/images/btn-prices-on.gif);
}



h1#logo {
	text-indent:-4000px;
	margin:40px auto;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
}
h1#logo a {width:659px; height:58px; display:block;}


#content {
	background-color: #b6403e;
	background-image: url(/images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:85px;
}
#content div.bottom {
	background-color: #ffffff;
	background-image: url(/images/content-bottom-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:82px;
	clear:both;
}

/* -- column one --*/
#col-one {
	float:left;
	width:264px;
}

#images {margin: 0 auto; margin-bottom:20px; text-align:center;}
#images li {text-align:center; margin-bottom:48px;}
#images li img {border: 5px solid #a7302f;}
#images li img.no-border {border: none;}

/* -- main column --*/
#col-two {
	background-image: url(/images/vert-rule.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:center;
	float:right;
	width:505px;
}
#col-two div.inner-wrap {
padding:0 33px;
text-align:left;
}

/* -- sub columns --*/

.sub-columns {clear:both; position:relative;margin-bottom:1.5em;}
.sub-col-one {width:252px; text-align:center; vertical-align:middle;}
.sub-col-two {float:right; width:160px;}

/* -- misc --*/
table.testimonials {text-align:center; margin:0 auto; margin-top:20px;}
table.testimonials td {text-align:center;}
table.testimonials td + td {padding:0 10px;}

/* -- footer --*/
#footer {
	padding:25px 0 15px; text-align:center;}
#footer p.footer {font-size:10px;color:#450c0c; margin-top:3em; margin-bottom:0;}
#footer p.footer a {color:#450c0c; text-decoration:none;}
#footer div.contact {width:70%; margin:0 auto; color:#b6403e; text-align:left;}
#footer div.contact h2{margin-top:0; color:#660000;}
#footer div.contact h3 {color:#660000; font-size:1.4em; font-weight:normal;}
#footer div.contact h3 a {color:#660000;}