/*-- 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{

font-family: Questrial, sans-serif;

font-size: 16px;

color: #707070;

margin: 0 0 8px 0;

text-transform: uppercase;

font-style: normal;

padding: 0 0 0px 0;

z-index: 999;

/*

	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;

	width:930px;

	display:block;

	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif ;
	padding-left: 150px;
}


.contacthead #head_text{
	position: relative;
	float: left;
	color:#448397;
	font-weight: 100;
	font-size: 18px;
	padding-top: 17px;
	z-index: 2;
	padding-left: 65px;
	
	
}
.contacthead  #head_number{
	position: relative;
	float: left;
	color:#448397;
	font-size: 20px;
	padding-left: 8px;
	font-weight: bold;
	letter-spacing:1px;
	padding-top: 15px;
	z-index: 2;
	
}


.contacthead #head_img{
	position: relative;
	background-image:url(../img/contacthead.png);
	width: 930px;
	height: 53px;
	left:-150px;
}


contacthead #head_img #click{
	border: none;
}



#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:Arial, Helvetica, sans-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:Arial, Helvetica, sans-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:#878787;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	margin-left:10px;

}



.numberCont{

	display:block;

	float:left;

}

.number{

	width:40px;

	height:35px;

	overflow:hidden;

	text-align:center;

	font-family:Arial, Helvetica, sans-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;
	background: url(../img/footer-template2.jpg)no-repeat;

	width:900px;
	height: 63px;

	clear:both;
	padding-top: 20px;

}



#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;

}



#contact_info{

	position: relative;

	float: left;

	top: -33px;

	font-family:Arial, Helvetica, sans-serif;

	color:#43b1bb;

	font-size:12px;

	width:900px;

	margin:5px auto 5px auto;

}

#contact_info ul li {

    position: relative;

    padding-left:22px;	

    list-style:none;

    float:left;

}

#fb{

	position: absolute;

	float: left;

	width: 200px;

	height: auto;

	top: 5px;

	padding-left: 20px;

}





h2 {

/*

    font-family: Questrial, sans-serif;

    color: #B2B2B2;

    font-weight: normal;

    font-size: 25px;

    font-style: normal;

*/

font-family: Questrial, sans-serif;

font-size: 16px;

color:#A3A3A3;

margin: 0 0 8px 0;

text-transform: uppercase;

font-style: normal;

padding: 0 0 0px 0;

z-index: 999;

padding-top: 15px;

font-weight: 100;

}





#serviceMenu h3 {

    font-family: Arial, sans-serif;

    font-size: 13px;

    color: black;

    text-transform: uppercase;

font-style:normal;

}



h3 {

    font-family: Questrial, sans-serif;

    font-size: 16px;

    color: #707070;

    margin: 0 0 8px 0;

    text-transform: uppercase;

font-style:normal;

}





p {

font-family: Arial, Helvetica, sans-serif;

line-height: 20px;

font-size: 13px;

color:#433f40;

margin: 5px 40px 10px 0;

}



#contact_info {

font-family: Verdana, Geneva, sans-serif;

color: #433f40;

font-size: 12px;

}



body {

background-image: url(http://personamedicalspa.com/img/new/body-bg.png);

background-repeat: repeat-y;

background-attachment: fixed;

background-position: center top;

background-color:#636060;

margin: 0;

padding: 0;

}



.promoHeader{

background:none;

border:none;

}





a:link, a:visited {

color: #17bfae;

}



a:link, a:visited {

color: #17bfae;

}



a {

color: #17bfae;

}



.contacthead #head_img {

position: relative;

background-image: url(http://personamedicalspa.com/img/new/contacthead.png);

width: 930px;

height: 53px;

left: -150px;

}

h1.welcome {

position: relative;

z-index: 0;

margin: 0 0 0 -10px;

padding: 0;

height: 95px;

background-image: url(http://personamedicalspa.com/img/new/welcome.gif);

background-repeat: no-repeat;

background-position: -16px 0px;

text-indent: -3333px;

}



#mainPageCont {

margin: 0;

padding: 0;

background-image: url(http://personamedicalspa.com/img/new/nav-shadow.gif);

background-position: center top;

background-repeat: no-repeat;

height: auto !important;

min-height: 200px;

height: 200px;

clear: both;

}



hr {

height: 1px;

background: url(http://personamedicalspa.com/img/new/hr.gif);

border: none;

margin: 20px;

}



#footerCont {

font-family: Verdana, Geneva, sans-serif;

color:#433f40;

font-size: 9px;

width: 900px;

margin: 15px auto 5px auto;

}



.hr {

width: 100%;

height: 8px;

background: url(http://personamedicalspa.com/img/new/hr.gif);

background-position: center;

margin: 0 0 5px 0;

background-repeat: no-repeat;

}

h1 {

    font-family: Questrial, sans-serif;

    color: black;

    font-weight: normal;

    font-size: 30px;

    font-style: normal;

}