@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

body { font-family: 'Droid Sans', sans-serif;}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 92.8%;
}
.gridContainer p{ line-height:20px;
}


.gridContainer-gold {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	background-color:#BFB868;
	padding-top:10px;
	padding-bottom:10px;
}

h1{
	font-weight:300;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	border-top:#0A2D38 solid 6px;
	border-left:#0A2D38 solid 6px;
	border-right:#0A2D38 solid 6px;
	padding-top:10px;
	color:#29444E;
		margin-right: 1.6%;

}

#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 95%;
	display: block;
	padding-left:1%;
		text-align:center;

}

#tel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 95%;
	display: block;
	text-align:right;
	padding-right:2%;
	text-align:center;
}
.tel { font-size:30px;}
.tel a { text-decoration:none; color:#0A2D38;}
.strap {
	font-size: 16px;
}
#navigation { clear: both; float: left; margin-left: 0; width: 100%; display: block;margin-top:20px;
}
#nav-banner { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-top:20px;margin-bottom:20px;}
#banner { clear: both; float: left; margin-left: 0; width: 100%; display: block;
margin-top:20px;}





/* MENU CSS*/

.ca-menu{
    padding: 0;
    margin: 0px auto;
    width: 90%;
	margin-left:60px;
}
.ca-menu li{
    width: 90%;
    height: 25px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 20px;
    border-left: 5px solid #BFB868;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin-top:-10px;
}

.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-content{
    position: absolute;
    left: 20px;
    width: 80%;
    height: 10px;
    top: 5px;
}
.ca-main{
    font-size: 16px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover{
    border-color: #000;
    background: #EC008D;
}

.ca-menu li:hover .ca-main{
	color: #fff;
	font-size: 16px;
}

#h2{
	font-size:20px;
}
/*END MENU CSS*/


input {
    border: 5px solid #fff; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 7px;
    background:white;
    margin: 0 0 7px 0;
}

textarea {
    border: 5px solid #fff; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 7px;
    background:white;
    margin: 0 0 7px 0;
}

fieldset
{
  background-color:#EC008D;
  max-width:90%;
  padding:20px;	
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#gold-banner-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#gold-banner-left h2{ color:#FFF;
font-weight:300;
font-style:italic;
}
#gold-banner-left a{ color:#FFF; text-decoration:none;}
#gold-banner-left a:hover{ color:#0A2C38; text-decoration:none;}


#gold-banner-middle{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gold-banner-middle h2{ color:#FFF;
font-weight:400;
font-size:26px;

}


#gold-banner-right{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#gold-banner-right h2{ color:#FFF;
font-weight:300;
font-style:italic;
}

#gold-banner-right a{ color:#FFF; text-decoration:none;}
#gold-banner-right a:hover{ color:#0A2C38; text-decoration:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 190px; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: none;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 217px;
	border: none;
}



#main-left{ clear: both;
 float: left;
 margin-left: 0;
 width: 100%;
 display: block;
}
#main-left h2 {font-weight:300;
font-size:26px;
 }
 
  #main-left h3 {
	font-weight: 300;
	color: #BFB868;
	font-size: 20px;
	font-style: italic;
 }


#main-left p { line-height:20px;
font-size:14px;
 }

#main-left a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
text-decoration:none;
 }

#main-left a:hover {
color:#000;
 }


#main-left li {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 20px;
	border-left: #8E883D 5px solid;
	list-style: none;
	padding-left: 20px;
	width: 80%;
	color: #0A2D38;
	font-style: italic;
 }

#main-right{ clear: both;
 float: left;
 margin-left: 0;
 width: 100%;
 display: block;
 padding-top:10px;
}
#main-right h2 {font-weight:300;
font-size:26px;
 }
 
 
 #main-right h3 {
	font-weight: 300;
	color: #BFB868;
	font-size: 20px;
	font-style: italic;
 }

 #main-right p { line-height:20px;
font-size:14px;
 }

#main-right a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
 }
#main-right a:hover {
color:#000;
text-decoration:none;

 }


#full-width {clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
 }
#full-width h2 {font-weight:300;
font-size:30px;
 }
#full-width a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
 }
#full-width a:hover {
color:#000;
text-decoration:none;

 }


HR {
border-top: 1px dotted #BFB868;
  color: #fff;
  background-color: #fff;
  height: 1px;
}


.float-right { float:right;
padding-top:40px;}

.float-right-arrow { 
	float:right;
	margin-left:10px;
	margin-bottom:8px;
}





#treatments1 { clear: both; float: left; margin-left: 0; width: 48.2758%; display: block;
margin-bottom:20px;}

#treatments1  a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
text-decoration:none;
 }
 #treatments1  a:hover {font-weight:300;
color:#000;
font-size:14px;
font-style:italic;
 }


#treatments2 { clear: none; float: left; margin-left: 3.4482%; width: 48.2758%; display: block; margin-bottom:20px;}
#treatments2  a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
text-decoration:none;
 }
 #treatments2  a:hover {font-weight:300;
color:#000;
font-size:14px;
font-style:italic;
 }

#treatments3 { clear: both; float: left; margin-left: 0; width: 48.2758%; display: block;
margin-bottom:20px;}

#treatments3  a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
text-decoration:none;
 }
 #treatments3  a:hover {font-weight:300;
color:#000;
font-size:14px;
font-style:italic;
 }


#treatmetns4 { clear: none; float: left; margin-left: 3.4482%; width: 48.2758%; display: block; margin-bottom:20px;}

#treatmetns4   a {font-weight:300;
color:#9B9446;
font-size:14px;
font-style:italic;
text-decoration:none;
 }
#treatmetns4   a:hover {font-weight:300;
color:#000;
font-size:14px;
font-style:italic;
 }
#footer1 {clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
 }
#footer1 h2{ font-weight:300;
color:#0A2C38;
font-size:18px;
}

#footer1 p{ line-height:22px;
color:#FFF;
font-size:14px;

}
 
#footer2 {clear: both;
float: left;
margin-left: 0;
width: 48.2758%;
display: block;
 }
 
 #footer2 h2{ font-weight:300;
color:#0A2C38;
font-size:18px;
}

#footer2 p{ line-height:32px;
color:#FFF;
border-bottom:#0A2C38 thin dashed;
font-size:14px;
width:80%;
}
#footer2 a { color:#FFF; text-decoration:none;}
#footer2 a:hover { color:#000;}




#footer3 {clear: none;
float: left;
margin-left: 3.4482%;
width: 48.2758%;
display: block;
 }
 
#footer3 h2{ font-weight:300;
color:#0A2C38;
font-size:18px;
}

#footer3 p{ line-height:32px;
color:#FFF;
border-bottom:#0A2C38 thin dashed;
font-size:14px;
width:80%;
}
#footer3 a { color:#FFF; text-decoration:none;}
#footer3 a:hover { color:#000;}

 
 
#footer4 {clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
 }
 #footer4 h2{ font-weight:300;
color:#0A2C38;
font-size:18px;
}

#footer4 p{ line-height:32px;
color:#FFF;
font-size:14px;
width:80%;
}

#footer4 a { color:#FFF; text-decoration:none;}
#footer4 a:hover { color:#000;}
#designby { clear: both; float: left; margin-left: 0; width: 100%; display: block; margin-top:10px; margin-bottom:20px;
color:#333;}

#designby a { color:#999;}
#designby a:hover { color:#000;}




/* BACK TO TOP BUTTON*/


#elevator_item {
width: 60px;
height: 100px;
position: fixed;
right: 15px;
bottom: 10px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 60px;
height: 70px;
background: url(../images/to-top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}
/* END BACK TO TOP BUTTON*/




/*-TEAM CIRLCE PICS*/

#circle-shape-example { 
  margin: 2rem;
}
#circle-shape-example p { 
  line-height: 1.8; 
}
#circle-shape-example .curve { 
  width: 33%; height: auto;
  min-width: 150px;
  float: left;
  margin-right:2rem; 
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
}
#before { 
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#after { 
  clear: none;
  float: left;
  margin-left: 3.4482%;
  width: 100%;
  display: block;
}


/* END TEAM CIRLCE PICS*/





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 95.55%;
	padding-left: 1.225%;
	padding-right: 1.225%;
}

.gridContainer-gold {
	width: 100%;
	background-color:#BFB868;
}


#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#tel {
	clear: none;
	float: right;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#navigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#nav-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
	margin-top:50px;
}


/* MENU CSS*/

.ca-menu{
    padding: 0;
    margin: 0px auto;
    width: 90%;
	margin-left:20px;
}
.ca-menu li{
    width: 90%;
    height: 25px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 20px;
    border-left: 5px solid #BFB868;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin-top:-10px;
}

.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-content{
    position: absolute;
    left: 20px;
    width: 80%;
    height: 10px;
    top: 5px;
}
.ca-main{
    font-size: 16px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover{
    border-color: #000;
    background: #EC008D;
}

.ca-menu li:hover .ca-main{
	color: #fff;
	font-size: 16px;
}

/*END MENU CSS*/


#gold-banner-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}

#gold-banner-middle{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 23.0769%;
	display: block;
}

#gold-banner-middle h2{ color:#FFF;
font-weight:400;
font-size:20px;
font-style:italic;
}


#gold-banner-right{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
}

#main-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}

#main-right{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}

#full-width{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#treatments1{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}

#treatments2{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}

#treatments3{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}

#treatmetns4{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}

#footer1{
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.3589%;
	display: block;
}

#footer2{
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}

#footer3{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}

#footer4{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#designby{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#before{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#after{
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}





}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1232px;
	margin: auto;
	padding-left:0;
}

.gridContainer-gold {
	width: 100%;
	max-width: 2600px;
	margin: auto;
	background-color:#BFB868;
	margin-top:20px;
}


#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 99%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
		text-align:left;

}
#tel {
	clear: none;
	float: right;
	margin-left: 2.0408%;
	width: 42%;
	display: block;
	text-align:right;
}
#navigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}
#nav-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:0px;
}
#banner {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
	margin-top:10px;
}


/* MENU CSS*/

.ca-menu{
    padding: 0;
    margin: 0px auto;
    width: 90%;
	margin-left:40px;
	margin-top:15px;
}
.ca-menu li{
    width: 90%;
    height: 25px;
    overflow: hidden;
    display: block;
    background: #fff;
    margin-bottom: 20px;
    border-left: 5px solid #BFB868;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin-top:-10px;
}

.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-content{
	position: absolute;
	left: 23px;
	width: 80%;
	height: 10px;
	top: 4px;
}
.ca-main{
    font-size: 16px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover{
    border-color: #000;
    background: #EC008D;
}

.ca-menu li:hover .ca-main{
	color: #fff;
	font-size: 16px;
}

/*END MENU CSS*/
#gold-banner-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 32%;
	display: block;
}

#gold-banner-middle{
	clear: none;
	float: left;
	margin-left: 3.5%;
	margin-right: 3%;
	width: 27%;
	display: block;
}
#gold-banner-middle h2{ color:#FFF;
font-weight:400;
font-size:35px;
font-style:italic;
}


#gold-banner-right{
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 32%;
	display: block;
}

#main-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	line-height:24px;
}
#main-left h2 {
	font-weight: 300;
	color: #BFB868;
	font-size: 26px;
 }



#main-right{
	clear: none;
	float: right;
	margin-left: 2.0408%;
	width: 45%;
	display: block;
		line-height:24px;

}
#main-right h2 {
	font-weight: 300;
	color: #BFB868;
	font-size: 26px;
 }
#full-width {clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
 }
#treatments1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 22.8%;
	display: block;
 }
#treatments2 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 22.7%;
	display: block;
 }
#treatments3 {
	clear: none;
	float: left;
	margin-left: 2.8%;
	width: 22.7%;
	display: block;
 }
#treatmetns4 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 23%;
	display: block;
 }
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24%;
	display: block;
 }
#footer2 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 24%;
	display: block;
 }
#footer3 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 23%;
	display: block;
 }
#footer4 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 22%;
	display: block;
 }
#designby {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
 }
#before {
	clear: both;
	float: left;
	margin-left: 0;
	width: 47%;
	display: block;
 }
#after {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 47%;
	display: block;
 }





}