
/* style reset starts */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* style reset ends */

/* general starts */

body {
	background: #0c0c0c;
	margin: 0 auto;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:center;
}

p, li {
	font-size: 0.9em;
	line-height:1.2em;
	color:#fff
}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.6em; font-weight: normal;}

h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.05em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	border: 0;
}

a.green:link, a.green:visited, a.green:active {
	color: #ccff66;
	text-decoration: none;
	border-bottom: 1px dotted #ccff66;
	line-height:1.2em;
}

a.green:hover {border-bottom: 1px solid #ccff66;}

a.white:link, a.white:visited, a.white:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	line-height:1.2em;
}

a.white:hover {border-bottom: 1px solid #fff;}

a.lightBlue:link, a.lightBlue:visited, a.lightBlue:active {
	color: #8ac0cd;
	text-decoration: none;
	border-bottom: 1px dotted #8ac0cd;
	line-height:1.2em;
}

a.lightBlue:hover {border-bottom: 1px solid #8ac0cd;}

a.blue:link, a.blue:visited, a.blue:active {
	color: #7b9cce;
	text-decoration: none;
	border-bottom: 1px dotted #7b9cce;
	line-height:1.2em;
}

a.blue:hover {border-bottom: 1px solid #7b9cce;}

.cushycms {font-size: 0.9em; line-height: 1.4em;}
.cushycms p {font-size: 100%; line-height: 1.4em;}
.cushycms strong {color: #ccff66;}

.cushycms a {
	color: #ccff66;
	text-decoration: none;
	border-bottom: 1px dotted #ccff66;
	line-height:1.2em;
}

.clear {clear:both;}

#twitter a:link, #twitter a:visited, #twitter a:active, #twitter a:hover {
	color: #B0B0B0;
	text-decoration: none;
	border-bottom: 1px dotted #B0B0B0;
	line-height:1.2em;
}

.hide {
 position: absolute;
 left: -9000px;
}

br {line-height:1.2em;}

.small {font-size:0.9em;line-height:1.2em;}
.large {font-size:1.1em;line-height:1.2em;}
.green {color: #ccff66;}
.grey {color: #0c0c0c;}
.center {text-align:center;}
a.plain {text-decoration:none; border: 0;}
.treatmentsTitle {color: #ccff66; padding-bottom: 5px;}

img {border-style: none;}

.topGap {margin-top: 10px;}
.topGapLarge {margin-top: 20px;}
.botGap {margin-bottom: 10px;}
.botGapLarge {margin-bottom: 20px;}
.noBotGap {margin-bottom: 0;}
.topPad {padding-top: 10px;}
.botPad {padding-bottom: 10px;}
.topPadSmall {padding-top: 5px;}
.botPadSmall {padding-bottom: 5px;}
.leftPad {padding-left: 10px;}
.leftPadLarge {padding-left: 20px;}
.inset {padding-left: 10px;}

ul.circle {
	list-style-type:circle;
	padding-left: 15px;
}

ul.circle li {
	color: #ccff66;
}



#header {
	height:150px;
}

#header img#title {
	margin-top:50px;
}

#nav{
	width: 460px;
	height: 32px;
	margin-bottom: 12px;
}

ul#navlist {
}

ul#navlist li{
 display: inline;
}

ul#navlist li a{
 display:block;
 height: 32px;
 text-indent: -9999px;
 float:left;
 text-decoration: none;
 border: none;
}	

ul#navlist li.home a{
 width: 114px;
 background:  url(../images/nav/home.jpg) bottom center no-repeat;
}

ul#navlist li.homeActive a{
 width: 114px;
 background:  url(../images/nav/home.jpg) top center no-repeat;
}

ul#navlist li.treatments a{
 width: 108px;
 background:  url(../images/nav/treatments.jpg) bottom center no-repeat;
}

ul#navlist li.treatmentsActive a{
 width: 108px;
 background:  url(../images/nav/treatments.jpg) top center no-repeat;
}	


ul#navlist li.about a{
 width: 96px;
 background:  url(../images/nav/about.jpg) bottom center no-repeat;
}

ul#navlist li.aboutActive a{
 width: 96px;
 background:  url(../images/nav/about.jpg) top center no-repeat;
}

ul#navlist li.contact a{
 width: 142px;
 background:  url(../images/nav/contact.jpg) bottom center no-repeat;
}

ul#navlist li.contactActive a{
 width: 142px;
 background:  url(../images/nav/contact.jpg) top center no-repeat;
}

ul#navlist li a:hover {
 background-position: top center;	
}

#footer{
	height: 32px;
	padding-bottom: 5px;
}

#ctaButton {
	margin-top:60px;
}	

#dottedLine {
	float: right;
	padding-right:70px;
	padding-bottom: 15px;
}

#intro {
	width: 460px;
	height: 160px;
	background:  url(../images/intro-bg.jpg) no-repeat;
	margin-bottom: 11px;
}

#introInner {padding: 25px 45px 20px 140px;}

#services {
	width: 460px;
	height: 331px;
	background:  url(../images/services-bg.jpg) no-repeat;
}

#servicesIntro {
	width: 460px;
	height: 331px;
	background:  url(../images/services-bg2.jpg) no-repeat;
	position:relative;
}

img#blogButton {
	position:absolute;
	top: 261px;
	left: 24px;
}

#map {
	width: 440px;
	height: 311px;
	padding: 10px;
	background:  url(../images/map-bg.jpg) no-repeat;
}

#googlemap {
	width: 440px;
	height:311px;
	overflow: hidden;
}

#servicesInner {padding: 0 0 10px 20px;}

#services h2.servicesTitle {
	padding-top: 22px;
	text-align:center;
}

#about {
	padding: 10px;
}

#about h2.aboutTitle {
	text-align:center;
}

#topBox1 {
	width: 460px;
	height: 331px;
	background:  url(../images/top-box1.jpg) no-repeat;
}

#topBox2 {
	width: 460px;
	height: 331px;
	background:  url(../images/top-box2.jpg) no-repeat;
}

#topBox1Inner, #topBox2Inner {
	padding: 10px;
}

#fadingImages {
	width: 460px;
	height: 160px;
	overflow: hidden;
}

/* form */

#contactForm {
	width: 460px;
	height: 331px;
	background:  url(../images/contact-form-bg2.jpg) no-repeat;
	color: #0c0c0c;
}

#contactFormThanks {
	width: 460px;
	height: 331px;
	background:  url(../images/contact-form-thanks.jpg) no-repeat;
	color: #0c0c0c;
}

#contactFormInner {
	padding: 30px 30px 0 130px;
}

form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

form li {
	margin-bottom: 5px;
	color: gray;
	font-weight: bold;
	border-top: 1px dashed gray;
	padding-top: 5px;
}

label {
	width: 5.5em;
	text-align: right;
	margin-right: 0.5em;
	float:left;
	display: block;
}

input, select, textarea {
	font: 1em Verdana, Geneva, sans-serif;
	border: 2px solid #ccc;
	background:#fff;
	color: #666;
}

li.submit input {
	margin-left: 6em;
	padding: 3px;
	border: 2px solid #ccc;
	cursor: pointer;
	font-weight: bold;
	color: gray;
}

input:focus, select:focus, textarea:focus {
	border: 2px solid #ccff66;
	background:#fff;
}

   
/* form ends */


.promo1Top {background:  url(../images/promos/promo1-top.jpg) no-repeat top center; padding-top:107px;}
.promo1Bot {background:  url(../images/promos/promo1-bot.jpg) no-repeat bottom center; padding-bottom:23px;}
.promo1Mid {background:  url(../images/promos/promo1-mid.jpg) repeat-y center center; padding: 0 20px;}


.promo2Top {background:  url(../images/promos/promo2-top.jpg) no-repeat top center; padding-top:107px;}
.promo2Bot {background:  url(../images/promos/promo2-bot.jpg) no-repeat bottom center; padding-bottom:23px;}
.promo2Mid {background:  url(../images/promos/promo2-mid.jpg) repeat-y center center; padding: 0 20px;}


.promo3Top {background:  url(../images/promos/promo3-top.jpg) no-repeat top center; padding-top:107px;}
.promo3Bot {background:  url(../images/promos/promo3-bot.jpg) no-repeat bottom center; padding-bottom:23px;}
.promo3Mid {background:  url(../images/promos/promo2-mid.jpg) repeat-y center center; padding: 0 20px;}

.promo4Top {background:  url(../images/promos/promo4-top.jpg) no-repeat top center; padding-top:107px;}
.promo4Bot {background:  url(../images/promos/promo4-bot.jpg) no-repeat bottom center; padding-bottom:23px;}
.promo4Mid {background:  url(../images/promos/promo1-mid.jpg) repeat-y center center; padding: 0 20px;}

.promo1, .promo2, .promo3, .promo4 {width:219px}

.promoMedium1Top {background:  url(../images/promos/promo-medium1-top.jpg) no-repeat top center; padding-top:19px;}
.promoMedium1Bot {background:  url(../images/promos/promo-medium1-bot.jpg) no-repeat bottom center; padding-bottom:19px;}
.promoMedium1Mid {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}

.promoMedium2Top {background:  url(../images/promos/promo-medium1-top.jpg) no-repeat top center; padding-top:19px;}
.promoMedium2Bot {background:  url(../images/promos/promo-medium2-bot.jpg) no-repeat bottom center; padding-bottom:19px;}
.promoMedium2Mid {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}

.promoMedium3TopContact {background:  url(../images/promos/promo-medium3-top.jpg) no-repeat top center; padding-top:19px;}
.promoMedium3BotContact {background:  url(../images/promos/promo-medium3-bot.jpg) no-repeat bottom center; padding-bottom:19px;}

.promoMedium1MidContact {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}
.promoMedium2MidContact {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}
.promoMedium3MidContact {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}

.promoMedium3 {background:  url(../images/promos/social-bg.jpg) no-repeat top center; width:300px; height:218px;}
.promoMedium3Inner {padding: 22px 10px 0 80px;}

.promoRoundedTop {background:  url(../images/promos/promo-medium1-top.jpg) no-repeat top center; padding-top:19px;}
.promoRoundedBot {background:  url(../images/promos/promo-rounded-bot.jpg) no-repeat bottom center; padding-bottom:19px;}
.promoRoundedMid {background:  url(../images/promos/promo-medium1-mid.jpg) repeat-y center center; padding: 0 20px;}

.promoMedium1, .promoMedium2, .promoMedium3, .promoRounded {width:300px; overflow: hidden;}

.promoMedium1Mid, .promoMedium2Mid {
	min-height:177px;
	height:auto !important;
	height:177px;
}

.promoMedium1MidContact, .promoMedium2MidContact, .promoMedium3MidContact {
	min-height:210px;
	height:auto !important;
	height:210px;
}

.promoContact {
	background:  url(../images/promos/contact-promo-bg.jpg);
	width: 300px;
	height: 248px;
}

.promoContactInner {
	padding: 19px 20px;
}


.largeBox {width:460px; overflow: hidden;}

.largeBoxTop {background:  url(../images/promos/large-box-top.jpg) no-repeat top center; padding-top:22px;}
.largeBoxBot {background:  url(../images/promos/large-box-bot.jpg) no-repeat bottom center; padding-bottom:22px;}
.largeBoxMid {background:  url(../images/promos/large-box-mid.jpg) repeat-y center center; padding: 0 20px;}


.social-top {
	width: 156px;
	height: 40px;
}

#social-bot {
	width: 156px;
	height: 40px;
}

#twitter_div {
	width: 156px;
	height: 100px;
	overflow:hidden;
	padding-top: 10px;
}

#topContent {
	padding-bottom:20px;
}

#midContent {
	padding-bottom:20px;
}

#botContent {
	padding-bottom:20px;
}

#footerContent {
	padding-bottom:5px;
}

/* general ends */

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:left;
}

.container_12 .gridServices {
	width:135px;
	float:left;
	margin: 0 0 10px 0;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}

.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

