/*-- Global CSS for Persona Medical Spa -->

/* --------------- GENERAL --------------- */

*{
	margin:0;
	padding:0;
}

:focus
{
  -moz-outline-style: none;
}

body{
	background-image:url(../img/body-bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	margin:0;
	padding:0;
}


h1{
	color:#FFF;
	width:500px;
	height:35px;
	margin:10px 0 -10px 0;
	padding: 0 0 10px 0;
	position:relative;
	z-index:999;
}
h2{
	color:#FFF;
	height:25px;
	margin:0 0 0 0;
	padding:0 0 15px 0;
	position:relative;
	z-index:999;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	color:#069;
	margin: 0 0 8px 0;
}
h3.package{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#069;
	margin: 5px 0 8px 0;
	width:400px;
}
h3.package strong{
	float:right;
	width:400px;
	color:#036;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin: -18px 5px 0 0;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
	color:#448397;
	margin:5px 40px 10px 0;
}

ol{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
	color:#448397;
	margin:5px 0 20px 34px;
}
ol li{
	margin:0 0 5px 0;
}

a{
	color:#39C;
}
a:link, a:visited{
	color:#39C;
}
a:hover, a:active{
	color:#06C;
	text-decoration:underline;
}
.hr{
	width:100%;
	height:8px;
	background-image:url(../img/hr.gif);
	background-position:center;
	margin: 0 0 5px 0;
	background-repeat:no-repeat;
}

.ServiceList{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#448397;
}

/*-- --------------- MAIN PAGE ELEMENTS --------------- */
.producttext{
color:#009;
}
#templateCont{
	margin:0 auto;
	width:930px;
/*	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
/*	min-height:500px;  
/*	height:500px;/*Should have the same value as the min height above*/ 
	overflow-x:hidden;
}

#homeBanner{
	margin:0;
	padding:0;
	width:930px;
	height:300px;
	z-index:10;
}
.contacthead{
	height:53px;
	widows:930px;
	display:block;
	background-color:#666;
}
#subBanner{
	margin:0;
	padding:0;
	width:930px;
	height:256px;
	z-index:10;
}

#mainPageCont{
	margin: 0;
	padding: 0;
	background-image:url(../img/nav-shadow.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:200px;  
	height:200px;/*Should have the same value as the min height above*/ 
	clear:both;
}

.topArrow{
	width:36px;
	background-position:right 8px;
	background-repeat:no-repeat;
	background-image:url(../img/top-arrow.gif);
	height:auto;
	font-size:10px;
}
.topArrow a{
	text-decoration:none;
}
.topArrow a:hover{
	text-decoration:underline;
}





/*-- --------------- RIGHT COLUMN (main body) for most pages --------------- */

h1.welcome{
	position:relative;
	z-index:0;
	margin:0 0 0 -10px;
	padding:0;
	height: 95px;
	background-image:url(../img/welcome.gif);
	background-repeat:no-repeat;
	text-indent:-3333px;
}

#rightCol{
	margin: 30px 5px 0 0px;
	padding: 0;
	width: 695px;
	float:right;
}
#rightColSubpages{
	margin: 30px 0 0 40px;
	padding: 0;
	width: 675px;
	float:left;
}
#rightColSubpages ul{
	margin:0 0 15px 0;
}
#rightColSubpages ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#448397;
	list-style: circle; 
	margin:0 20px 12px 40px;
}
#rightColSubpages ul li.bullets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent:10px;
	color:#448397;
	margin:0px 0 2px 40px;
}

#welcome{
	width:486px;
	margin:auto 0;
}


#rightColSubpages .servicePriceList{
	list-style:none;
	width:400px;
	border-bottom:#999 1px solid;
	overflow:hidden;
	margin: 0;
	padding: 3px;
	background-color:#EEF7F3;
	text-indent:10px;
	color:#427484;
}
#rightColSubpages .servicePriceList strong{
	float:right;
	width:400px;
	color:#036;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	/* margin: 0 5px 0 0; */
	margin: -18px 5px 0 0;
	font-weight:normal;
}
#rightColSubpages .servicePriceList em{
	margin: 0 0 0 15px;
}

#rightColSubpages .contactList{
	list-style:none;
	width:300px;
	border-bottom:#999 1px solid;
	overflow:hidden;
	margin: 0;
	padding: 3px;
	background-color:#EEF7F3;
	text-indent:10px;
	color:#427484;
}
#rightColSubpages .contactList strong{
	float:right;
	width:300px;
	color:#036;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	/* margin: 0 5px 0 0; */
	margin: -18px 5px 0 0;
	font-weight:normal;
}

.closingText {
	background:#EFF5F4;
	padding:10px;
	margin:30px 20px 10px 0;
}

.closingText p{
	font-size:14px;
	color:#4D4028;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	margin-left:10px;
}

.numberCont{
	display:block;
	float:left;
}
.number{
	width:40px;
	height:35px;
	overflow:hidden;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	float:left;
	color:#069;
	margin: 0 20px 50px 0;
	background-color: #E0F3EA;
	border:1px solid #D0E1D8;
	clear:left;
}

/*-- --------------- COLUMN STUFF and CALLOUTS --------------- */

#calloutCont{
	margin:0 0 10px 20px;
	width: 178px;
	float: right;
	text-align:center;
	position:relative;
}
#calloutCont p{
	margin:10px 0 10px 15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color:#372B22;
}


#calloutContSubpage{
	margin:-40px 0 10px 20px;
	width: 178px;
	float: right;
	text-align:center;
	position:relative;
	background:#FFF;
}
#calloutContSubpage p{
	margin:10px 0 10px 15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color:#372B22;
}



/*-- --------------- FOOTER ELEMENTS --------------- */

.footerMain{
	margin: 0 auto 20px auto;
	width:900px;
	height: auto;
	clear:both;
}

#footerCont{
	font-family:Verdana, Geneva, sans-serif;
	color:#1a7b99;
	font-size:9px;
	width:900px;
	margin:5px auto 5px auto;
}
#footerCont a{
	color:#1a7b99;
	text-decoration:none;
}
#footerCont a:hover{
	text-decoration:underline;
}

.footerLeft{
float:left;
}
.footerRight{
float:right;
padding-right: 32px;
background-position:right 1px;
background-repeat:no-repeat;
height:30px;
margin-bottom:30px;
}
.ServiceList{
color:#285B77;
}

.servicemenuservice{
	color:#285B77;
}

/*-- --------------- MISC styles--------------- */


#contactRight{
	float:right;
	width:330px;
}
#contactRight p{
	margin:20px 15px 20px 0;
}
#map_canvas{
	float:right;
	width:100%;
	height:500px;
	border:1px solid #8BB1AD;
	margin:0 5px 0 0;
}