/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/



body {
	min-width: 960px;
	/*background: url('../images/background.jpg') #F9F6F0 repeat-x;*/
	background-color: #FAE8E0;
	font-family: Helvetica, sans-serif;
	font-size: medium;
	font-weight:100;
	line-height:20px;
	color:#2f2f2f;
	height: auto;
	padding-bottom: 20px;
}

a {
	color: #6666cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img a {
	color: transparent;
	text-decoration: none;
}

img a:hover {
	text-decoration: none;
}

/*h1 {
	text-align: right;
	font-size:40px;
	margin-right: 50px;
	color: #6666cc;
	font-weight:600;
}*/

h1 {
	text-align: right;
	font-size:1.5em;
	line-height:1.1em;
	margin-right: 50px;
	color: #6666cc;
	font-weight:600;
}

h2 {
	padding-top: 20px;
	text-align: left;
	margin-left: 20px;
	color:#6666cc
}

/*.content {
	background: url("../images/logo.png") no-repeat scroll right top transparent;
}*/

.content h3 {
	color: #2f2f2f;
	font-size: 24px;
	font-weight: 100;
	line-height: 34px;
	margin-left: 50px;
	width: 630px;
	margin-bottom: 10px;
}

h4 {
	text-align: right;
	margin-right: 50px;
	margin-top: -15px;
	font-size:16px;
	font-weight:100;
	color:#666;
}

.content p {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 100;
    line-height: 21px;
    margin: 0 0 20px 50px;
    width: 700px;
}

.content h4 {	
	text-align:center;
	margin: 0 auto 20px auto;
	font-size:16px;
	font-weight:100;
	color:#6666CC;
	width:940px;
}

h5 {
	text-align: right;
	margin-right: 50px;
	font-size:24px;
	font-weight:100;
	color:#6666cc;
}

h6 {
	text-align: right;
	margin-right: 50px;
	margin-top:-10px;
	font-size:20px;
	font-weight:100;
	color:#999999;
}

.content h1 {
	margin-right: auto;
	margin-left: auto;
	width:900px;
	color:#999;
	font-size:28px;
	font-weight:100;
	line-height:34px;
	padding-top: 20px;
	text-align: center;
}

.logoblock {
	float:right;
	margin:-175px -50px 0 0;
	width: 1050px;
}

.logoblock h2 {
	padding-top:0;
	text-align: right;
	margin-right: 50px;
	margin-top:-10px;
	font-size:1.5em;
	color:#6666cc
}

.logoblock p {
	text-align: right;
	margin-right: 50px;
	margin-top: 0px;
	font-size:0.95em;
	color:#666;
	width:630px;
	float:right;
	line-height:1.3em
}

.small {
	font-size: 0.8em
}

.logoblock em {
	color: #6666cc;
	font-weight:normal;
	font-style:normal;
}

.grey {
	color:#666666;
	font-weight:lighter;
}

.purple {
	color: #6666cc;
	font-weight:normal;
}

.home {
	float:left;
	margin:-115px 0 0 0;
}

.home img {
	border:none;
}

.services {
	float:left;
	margin:-115px 0 0 90px;
}

.services img {
	border:none;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.headerblock {
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	width: 1050px;
}

.container_12 {
	margin-top:180px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-color:#FFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 10px #888;
}

.credits {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-color:transparent;
	font-size:10px;
}

.credits p {
	margin-left:20px;
	margin-top:20px;
}

.credits img {
	float:right;
	margin-right:20px;
	margin-top:-10px;
	border:none;
}

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


.column2, .treatmentbox, .treatmentbox1, .treatmentbox2, .treatmentbox3, .treatmentbox4, .column1, .content .experience, .quotes, .treatments, .treatmentsnopic, .photos, .treatmentboxsubheading, .treatmentssubheading, .photossubheading {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.container_12 .column1 {
	width: 520px;
	margin-left:30px;
}

.container_12 .content, .container_12 .holderup, .container_12 .holderdown, .container_12 .footer {
	width: 940px;
}

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

.container_12 .column2 {
	width: 300px;
	padding-left:20px;
	padding-right:10px;
}

.container_12 .holderup {
	position:relative;
	width:919px;
	height:600px;
	float:left;
	margin-left:20px;
	background:url("../images/faded_holder_up.png") no-repeat scroll 0 50px rgba(0, 0, 0, 0);
}

.container_12 .experience {
	display:block;
	margin-left:auto;
	margin-right:auto;
	right: auto;
	left: auto;
	width: 600px;
	margin-top: 400px;
}

.container_12 .experience h2 {
	margin-top:20px;
}

.container_12 .experience p {
	margin-bottom:70px;
}

/* TREATMENT BOXES
----------------------------------------------------------------------------------------------------*/

.treatmentbox1 {
    background: url("../images/box_back.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    height: 240px;
    margin-bottom: 30px;
    margin-left: 30px;
    position: absolute;
    width: 410px;
}

.treatmentbox2 {
    background: url("../images/box_back.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    height: 240px;
    margin-bottom: 30px;
    margin-left: 475px;
    position: absolute;
    width: 410px;
}

.treatmentbox3 {
    background: url("../images/box_back.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    height: 240px;
    margin-bottom: 30px;
    margin-left: 30px;
    
    position: absolute;
    width: 410px;
}

.treatmentbox4 {
    background: url("../images/box_back.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    height: 240px;
    margin-bottom: 30px;
    margin-left: 475px;
    
    position: absolute;
    width: 410px;
}

.holderup h2 {
	margin-bottom:10px;
	text-align:center;
}

.holderup h2 img {
	margin-top:75px;
	margin-right:30px;
}

.holderup img {
	border:none;
}

.holderup p {
	margin-top: 270px;
	margin-bottom:40px;
	text-align:center;
}

.container_12 .holderdown {
	width:919px;
	height:551px;
	margin-left:20px;
	margin-top:20px;
	background:url('../images/faded_holder_down.png') no-repeat;
}

.treatmentbox1 h2, .treatmentbox2 h2, .treatmentbox3 h2, .treatmentbox4 h2 {
	margin-top: -10px;
	text-align: left;
	margin-left: 20px;
	margin-bottom:5px;
}

.treatmentbox1 h2 {
	width:400px;
}

.treatmentbox1 h3, .treatmentbox2 h3, .treatmentbox3 h3, .treatmentbox4 h3 {
	margin-top: 0px;
	text-align: left;
	margin-left: 20px;
	margin-bottom:0px;
	font-size:14px;
	font-weight:300;
}


.treatmentbox3 .nosub, .treatmentbox4 .nosub {
	margin-top:0px;
	margin-bottom:38px;
}

.treatmentbox1 p, .treatmentbox2 p, .treatmentbox3 p, .treatmentbox4 p {
	width:250px;
	margin-top: 25px;
	text-align: left;
	margin-left: 20px;
	margin-right: 200px;
}

.treatmentbox1 p img, .treatmentbox2 p img, .treatmentbox3 p img, .treatmentbox4 p img {
	margin:10px 0 0 -2px;
}

.column1 h2, .column2 h2 {
	margin-left:0px;
}

/* SERVICES BOXES
----------------------------------------------------------------------------------------------------*/

.treatmentbox {
	width: 920px;
	margin:50px 0 50px 20px;
	background:url('../images/box_back.gif') #f1f1f1 repeat-x;
	border:solid 1px #CCC;
}

.treatmentboxsubheading {
	width: 920px;
	margin:50px 0 50px 20px;
	background:url('../images/box_back_subhead.gif') #f1f1f1 repeat-x;
	border:solid 1px #CCC;
}

.treatmentbox h2, .treatmentboxsubheading h2 {
	width:500px;
	margin:0 0 30px 0;
}

.treatmentbox h3, .treatmentboxsubheading h3 {
	width:500px;
	margin:-20px 0 30px 0;
}

.treatments h2, treatmentssubheading h2 {
	margin:0 0 10px 0;
}

.treatmentsnopic h2, .treatmentssubheading {
	margin:0 0 10px 0;
}

/* TESTIMONIALS
----------------------------------------------------------------------------------------------------*/

.quotes {
	width: 200px;
	margin-left:30px;
}

.smallholderdown {
	background:url('../images/smallholderdown.png') no-repeat;
}

.smallholderdown p {
	font-size:small;
	color:#666699;
	margin:0 15px 10px 15px;
}

.quotes img {
	margin:30px 0 -5px 35px;
}

/* TREATMENTS
----------------------------------------------------------------------------------------------------*/

.treatments {
	width: 420px;
	padding-left:5px;
	padding-right:5px;
	margin-top:80px;
}

.treatmentssubheading {
	width: 420px;
	padding-left:5px;
	padding-right:5px;
	margin-top:120px;
}

.treatmentsnopic {
	width: 600px;
	padding-left:5px;
	padding-right:5px;
	margin-top:80px;
}

.treatmentslist {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}

/* PHOTOS 
----------------------------------------------------------------------------------------------------*/

.photos {
	width: 200px;
	padding-left:0;
	padding-right:10px;
	margin-top:100px;
}

.photossubheading {
	width: 200px;
	padding-left:0;
	padding-right:10px;
	margin-top:140px;
}

.smallholderup1 {
	background:url('../images/smallholderup.png') no-repeat;
	height:250px;
	margin-top:50px;
}

.smallholderup2 {
	background:url('../images/smallholderup.png') no-repeat;
	height:250px;
	margin-top:-20px;
}

.photos img {
	float:left;
	margin:-55px 0 0 9px;
}

.photos p {
	font-size:13px;
	color:#666699;
	margin:0 15px 10px 15px;
	text-align:center;
}

.photossubheading img {
	float:left;
	margin:-55px 0 0 9px;
}

.photossubheading p {
	font-size:13px;
	color:#666699;
	margin:0 15px 10px 15px;
	text-align:center;
}

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

.footer {
	float:left;
	width: 960px;
	height:70px;
	padding:1px 10px;
	background-color:#e4e4de;
}

.footer h1 {
	color:#6666cc;
	font-weight:400;
	font-size:28px;
	text-align:left;
	margin-left:20px;
	line-height: 0.7em;
}

.footer h4 {
	margin-top:-15px;
	text-align:left;
	margin-left:20px;
	font-size:16px;
}

.footer img {
	float:right;
	margin-top:10px;
	padding-right:10px;
}

.dentons {
	margin-left: 1000px;
	color:#999;
}

/* LISTS
----------------------------------------------------------------------------------------------------*/

#list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#list li {
	color:#2f2f2f;
	padding-left: 25px;
	padding-bottom:5px;
	background-image: url('../images/bullet.png');
	background-repeat: no-repeat;
	background-position: 1 .5em;
	font-size: 0.8em;
    font-weight: 400;
}

.bullet-list {
	margin-left: 50px;
	padding-left: 0;
	list-style: none;
	font-size: 20px;
	
}

.bullet-list li {
	color:#2f2f2f;
	padding-left: 25px;
	padding-bottom:5px;
	background-image: url('../images/bullet.png');
	background-repeat: no-repeat;
	background-position: 1 .5em;
	font-size: 0.8em;
    font-weight: 400;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after, .container_12:before, .container_12:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after, .container_12:after {
	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .container_12 {
	zoom: 1;
}

.center {text-align:center}