/* ====================================
	Project: SolarisMassage.com
	Company: the Lazarus Group (lazarusgroup.com)
	Author: T Scott Phelps
	Created: March 2009
=====================================*/

/* basic reset */
* { padding: 0; margin: 0; }
a { outline: none; }

/* html, body */
html { height: 100%; }

body {
	background-color: #e0eafc;
	font: 62.5%/2em Helvetica, Arial, sans-serif;
	text-align: center;
	}

/* wrap */
.wrap {
	background: url(images/wrapbg.gif) 50px 0 no-repeat;
	font-size: 1.3em;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: auto;
	}

/* logo and nav */
.nav { 
	display: inline;
	float: left;
	height: 450px;
	width: 300px;
	position: relative;
	clear: both;
	}

.wrap a.logo {
	background: transparent url(images/logo.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 284px;
	width: 374px;
	position: relative;
	z-index: 10;
	text-indent: -9999px;
	border: none;
	left: -10px;
	}

	.wrap a.logo:hover {
		border: none;
		background: transparent url(images/logo.png) 0 0 no-repeat;
		}

.nav ul, .nav li { 
	list-style: none outside;
	}

.nav ul {
	position: relative;
	left: 70px;
	top: 10px; 
	}

.nav li { height: 35px; }

.nav a, .nav a:visited, .nav a:hover {
	background: transparent url(images/nav.png) 0 0 no-repeat; 
	border: none; 
	display: block;
	height: 35px;
	width: 220px;
	text-decoration: none; 
	text-indent: -9999px;
	}

.nav a.appoint, .nav a:visited.appoint { background-position: -18px -88px; }
.nav a.gift, .nav a:visited.gift { background-position: -18px -228px; }
.nav a.service, .nav a:visited.service { background-position: -18px -298px; }
.nav a.contact, .nav a:visited.contact { background-position: -18px -158px; }
.nav a.about, .nav a:visited.about { background-position: -18px -18px; }

.nav a:hover.appoint { background-position: -18px -438px; }
.nav a:hover.gift { background-position: -18px -578px; }
.nav a:hover.service { background-position: -18px -648px; }
.nav a:hover.contact { background-position: -18px -508px; }
.nav a:hover.about { background-position: -18px -368px; }

#appointment .nav a.appoint { background-position: -18px -438px; }
#gift .nav a.gift { background-position: -18px -578px; }
#service .nav a.service { background-position: -18px -648px; }
#contact .nav a.contact { background-position: -18px -508px; }
#about .nav a.about { background-position: -18px -368px; }

/* Vcard */
.nav .vcard {
	position: relative;
	left: 103px;
	top: 30px;
	}

.nav .fn { visibility: hidden; }

.nav .vcard a.email {
	display: inline;
	height: 15px;
	background: transparent none;
	text-indent: 0;
	color: #fff;
	}

.nav .vcard a:hover.email {
	text-decoration: underline;
	}

	
.topcall {
	display: inline;
	float: left;
	height: 3.6em;
	margin: -22em 0 0 20em;
	width: 250px;
	}	
	
/* appointment */
.appt {
	display: inline;
	float: left;
	height: 3.6em;
	margin: -18em 0 0 20em;
	width: 250px;
	}

.appt a, 
.appt a:visited,
.appt a:hover {
	border: none;
	text-decoration: none;
	width: 272px;
	height: 35px;
	display: block;
	background: url(images/appt.png) 0 0 no-repeat;
	}

/* content */
.content { 
	background: transparent url(images/contentbg.png) 0 0 repeat-x;
	display: inline;
	float: left;
	min-height: 40em;
	height: auto;
	margin: -15em 0 0 0;
	padding: 0 0 5em 0;
	width: 590px;
		-moz-border-radius-topright: 7px;
		-webkit-border-radius-topright: 7px;
	position: relative;
	z-index: 2;
	}

.inner {
	height: 100%;
	margin: 0 auto;
	width: 520px;
	
	}

.img { margin-left: 14px; }

/* typography */
h1, h2, h3, h4, h5, h6 { margin: 0 0 14px 0; }

h1 {
	text-indent: -9999px;
	height: 52px;
	margin-top: 14px;
	}

#home h1 { background: url(images/head-home.png) 0 0 no-repeat; }
#contact h1 { background: url(images/head-contact.png) 0 0 no-repeat; }
#appointment h1 { background: url(images/head-appointment.png) 0 0 no-repeat; }
#gift h1{ background: url(images/head-gift.png) 0 0 no-repeat; }
#about h1 { background: url(images/head-about.png) 0 0 no-repeat; }
#service h1 { background: url(images/head-service.png) 0 0 no-repeat; }

h2 { 
	color: #fff; 
	font-size: 14px; 
	line-height: 14px; 
	width: auto; 
	}

h2 span { background-color: #4873BB;  height: 14px; line-height: 14px; padding: 3px; }
h2 em { background-color: #003366; height: 14px; line-height: 14px; padding: 3px; font-style: normal; }

h3 { margin: 0 0 10px 0; }

p { margin: 0 0 10px 0; }

dl {  }

dt { font-size: 1.3em; font-weight: 600; margin: 1.6em 0 .6em 0; color: #4873BB; }

dd { display: block; margin: 0 50px 0 40px; }

dd.price { color: #003366; font-weight: 600; padding-bottom: 1em; }

.content a, .content a:visited { background: #5e84c4; border-bottom: 1px solid #003366; color: #fff; padding: 0 2px; text-decoration: none; }

.content a:hover { background: transparent; color: #5e84c4; text-decoration: underline; border-bottom: none; }

.content a.map { background: transparent; border: none; padding: 0; }

img { margin: 0 10px 0 0;  padding: 4px; border: 1px solid #7B9BD0; background-color: #fff; }

/* forms */
form {
	background: url(images/formbg.png) 0 bottom repeat-x;
	border: 1px solid #D1DCEF;
	padding: 1em 1em 3.5em 1em;
	margin-bottom: 2em;
	width: auto;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

fieldset { 
	border: 1px dotted #B5C4DF; 
	margin-bottom: 16px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

legend { font-size: 1.6em; font-weight: bold; margin-bottom: 12px; }

form ul, form li {
	list-style: none outside;
	}

form ul { width: auto; margin-left: -1em; }

form li { 
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
	}

label {
	float: left;
	line-height: 1.6em;
	margin: 0 14px;
	text-align: right;
	width: 13em;
	}

input {
	float: left;
	line-height: 1.4em;

	border: 1px solid #B3C9EF;
	}

input:focus { border: 1px solid #000; }

input.submit {
	color: #000;
	font-size: 1.4em;
	margin-left: 150px;
	padding: .3em;
	width: 8em;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

/* footer */
.footer {
	clear: both;
	height: 235px;
	width: 900px;
	width: auto;
	background: url(images/footerbg.jpg) bottom center no-repeat;
	}

/* extras */
.clearfix {
	clear: both;
	}

#service .content ul { margin-left: 20px; }