@charset "utf-8";

/* Stonehaven Dental 2009 
*  Author: Nate Paystrup
*
*/

body {
	margin: 0px;
	background-color: #9EDEFA;
	text-align: left;
	width: 100%;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-attachment: fixed;
	background-image: url(../images/cloud2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
p {
	text-align: justify;
}

div.hr {
	background-image: url(../images/hr-rule.png);
	height: 17px;
	width: 581px;
	margin: 0 auto;
}
a {
	text-decoration: none;
	color: #0A82C7;
	font-weight: bold;
}
#left_content a {
	color: #5ED3FF;
}

a:hover {
	text-decoration: underline;
	color: #0971AE;
}
blockquote {
	color: #003E6D;
	font-style: italic;
	padding-left: 38px;
	background-image: url(../images/blockquotes.gif);
	background-repeat: no-repeat;
	background-position: -163px 0px;
	text-align: justify;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}
blockquote div {
	background-image: url(../images/blockquotes.gif);
	background-repeat: no-repeat;
	background-position: 484px bottom;
	padding-right: 40px;
}
blockquote div span {
	font-weight: bold;
	color: #999;
	float: right;
	clear: both;
	font-size: 12px;
}



h1 {
	background-image: url(../images/h1-rule.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 45px;
	font-size: 26px;
	color: #505050;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-top: 0px;
}
h2 {
	font-size: 18px;
	color: #047DC3;
	font-weight: bold;
	margin-top: 10px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
h4 {
	font-size: 14px;
}

#main {
	width: 100%;
	margin: 0px;
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#container {
	width: 950px;
	margin: 0 auto;
}
#header {
	width: 950px;
	height: 125px;
}
#header .logo{
	background-image: url(../images/stonehaven_logo.png);
	height: 113px;
	width: 293px;
	float: left;
	margin-top: 3px;
}
#header .logo   a{
	display: block;
	text-indent: -9999px;
	height: 113px;
	width: 293px;
	overflow: hidden;
}
#header .phone {
	height: 36px;
	width: 382px;
	float: right;
	margin-top: 4px;
	clear: right;
}
#header .social {
	color: #333;
	clear: right;
	float: right;
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
	width: 300px;
}
#header .social span {
	color: #666;
}


#header .offers {
	height: 57px;
	float: right;
	text-align: right;
	width: 535px;
}
#header .offers a{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 57px;
}
#header .offers .offer1{
	height: 57px;
	width: 266px;
	float: left;
}
#header .offers .offer1 a{
	text-indent: -9999px;
	width: 266px;
	background-image: url(../images/invisalign_braces_offer.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 57px;
}
.offers a span {
	position: absolute;
	top: -9999px;
}


#header .offers .offer2{
	height: 57px;
	width: 267px;
	float: left;
}
#header .offers .offer2 a{
	text-indent: -9999px;
	width: 267px;
	background-image: url(../images/free_exam_xrays.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 57px;
}
#header .offers a:hover {
	background-position: left bottom;
}
#main_content {
	width: 950px;
	background-color: #FFF;
	color: #000;
	background-image: url(../images/left_col_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#main_content #right_content {
	float: right;
	width: 615px;
	padding-right: 10px;
	background-image: url(../images/right_cont_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 10px;
	margin-top: 0px;
}
#main_content #left_content{
	width: 230px;
	padding-left: 10px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	clear: left;
	float: left;

}
.bottom  {
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	height: 9px;
	width: 950px;
	background-image: url(../images/content_bottom_bg.png);
}
#main_content #right_content ul {
	list-style-type: none;
	list-style-image: url(../images/bullet.gif);
	color: #333;
}
#adspace {
	height: 60px;
	width: 950px;
	margin-bottom: 5px;
}

#banner {
	background-image: url(../images/banner_bg.jpg);
	height: 257px;
	width: 950px;
	margin-bottom: 5px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}
#banner_sm {
	background-image: url(../images/banner_bg_sm.jpg);
	height: 257px;
	width: 325px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#banner div, #banner_sm div    {
	height: 79px;
	margin-left: 6px;
}
#banner div a, #banner_sm div a {
	height: 79px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 100%;
	overflow: hidden;
}
#banner div a:hover , #banner div a.current, #banner_sm div a:hover , #banner_sm div a.current {
	background-position: 0px -79px;
}
#banner div.forms, #banner_sm div.forms {
	margin-bottom: 8px;
	width: 300px;

}
#banner div.forms a, #banner_sm div.forms a {
	background-image: url(../images/ban_patient_forms.gif);
}
#banner div.coupons, #banner_sm div.coupons {
	margin-top: 8px;
	width: 235px;
}
#banner div.coupons a, #banner_sm div.coupons a {
	background-image: url(../images/ban_coupons.gif);
}
#banner div.appoint, #banner_sm div.appoint {
	margin-top: 7px;
	width: 187px;
}
#banner div.appoint a, #banner_sm div.appoint a {
	background-image: url(../images/ban_appointment.gif);
}


#navigation {
	height: 47px;
	width: 950px;
	background-image: url(../images/navigation_bg.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.main_nav {
	height: 47px;
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#firstVisit {
	height: 270px;
	width: 480px;
	margin: 0 auto;
}

ul.main_nav li {
	display: inline;
	list-style-type: none;
	float: left;
	height: 47px;
}
ul.main_nav li a {
	display: block;
	height: 47px;
	overflow: hidden;
	text-indent: -9999px;
	margin-right: 4px;
	margin-left: 4px;
}
ul.main_nav li.home a {
	background-image: url(../images/nav_home.gif);
	width: 74px;
	background-position: left top;
	background-repeat: no-repeat;
}
ul.main_nav li.services a {
	background-image: url(../images/nav_services.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px;
}
ul.main_nav li.insurance a {
	background-image: url(../images/nav_insurance.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 113px;
}
ul.main_nav li.firstvisit a {
	background-image: url(../images/nav_firstvisit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 101px;
}
ul.main_nav li.sedation a {
	background-image: url(../images/nav_sedation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 101px;
}
ul.main_nav li.testimonials a {
	background-image: url(../images/nav_testimonials.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 130px;
}
ul.main_nav li.contact a {
	background-image: url(../images/nav_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 126px;
}

ul.main_nav li.blog a {
	background-image: url(../images/nav_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 63px;
}
ul.main_nav li a:hover, ul.main_nav li a.current {
	background-position: 0px -47px;
}

#modules {
	width: 950px;
	height: 163px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 14px;
}
#modules ul {
	list-style-type: none;
	height: 163px;
	width: 950px;
	margin: 0 auto;
	padding: 0;
}
#modules ul li {
	background-image: url(../images/module_bgtrans.png);
	height: 163px;
	width: 297px;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: inline;
	float: left;
	margin-right: 29px;
}
#modules ul li.last {
	margin-right: 0px;
}

#modules ul li .img {
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 4px;
}
#modules ul li .img  a{
	display: block;
	height: 100px;
	width: 100px;
}
#modules ul li a {
	color: #FF9;
}

#modules ul li .text {
	float: left;
	width: 183px;
	margin-left: 5px;
	font-size: 12px;
}
/*Highlights */
#highlight {
	width: 950px;
	height: 163px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}
#highlight ul {
	list-style-type: none;
	height: 163px;
	width: 950px;
	margin: 0 auto;
	padding: 0;
}
#highlight ul li {
	background-image: url(../images/highlight_bgtrans.png);
	height: 163px;
	width: 297px;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: inline;
	float: left;
	margin-right: 29px;
}
#highlight ul li div {
	margin: 4px;
}

#highlight ul li.last {
	margin-right: 0px;
}

#highlight ul li .img {
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 4px;
}
#highlight ul li .img  a{
	display: block;
	height: 100px;
	width: 100px;
}
#highlight ul li a {
	color: #0982C8;
}

#highlight ul li .text {
	float: left;
	margin-left: 5px;
	font-size: 12px;
}

#right_content #services {
}
#right_content #services a {
	height: 120px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
#right_content #services a #text {
	margin-left: 125px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}
#right_content #services h2 {
	font-size: 14px;
	margin-bottom: 5px;
}
#main_content #right_content #services p {
	margin-top: 5px;
}


#right_content #services a.sedation {
	background-image: url(../images/serv_sedation.jpg);
}
#right_content #services a.cosmetic {
	background-image: url(../images/serv_cosmetic.jpg);
}
#right_content #services a.oral {
	background-image: url(../images/serv_oral.jpg);
}
#right_content #services a.implants {
	background-image: url(../images/serv_implants.jpg);
}
#right_content #services a.dentures {
	background-image: url(../images/serv_dentures.jpg);
}
#right_content #services a.ortho {
	background-image: url(../images/serv_ortho.jpg);
}
#right_content #services a.general {
	background-image: url(../images/serv_general.jpg);
}
#right_content #services a.pediatric {
	background-image: url(../images/serv_pediatric.jpg);
}
#right_content #services a:hover {
	background-position: left bottom;
	text-decoration: none;
}

#aff {
	height: 175px;
	width: 950px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.leftimg {
	float: left;
	margin-right: 5px;
}
.rightimg {
	float: right;
	margin-left: 5px;
}



#footer {
	background-image: url(../images/footer_bgtrans.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 73px;
	width: 950px;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
}
#footer a {
	color: #CCC;
}

#footersub {
	width: 950px;
	margin-top: 5px;
	clear: both;
	text-align: center;
	font-size: 70%;
	color: #666;
	margin-bottom: 20px;
}
#footersub a {
	color: #999;
}

#footer .text  {
	float: left;
	width: 800px;
	text-align: center;
	margin-top: 8px;
	color: #666;
	font-size: 70%;
	clear: left;
}
#footer .text2  {
	float: left;
	width: 800px;
	text-align: center;
	margin-top: 8px;
	color: #999;
	font-size: 70%;
	clear: left;
}
#footer .smlogo {
	float: right;
	height: 58px;
	width: 142px;
	margin-top: 8px;
}
#mobile {
	text-align: center;
	font-size: 10px;
	color: #666;
}

.patient_forms {
	height: 51px;
	width: 157px;
	float: right;
	margin-right: 50px;
	margin-top: 40px;
}

.patient_forms a{
	background-image: url(../images/btn_patient_forms.gif);
	height: 51px;
	width: 157px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
.patient_forms a:hover {
	background-position: 0px -51px;
}
#reader_icon {
	clear: left;
	height: 104px;
	width: 484px;
	margin: 0 auto;
	margin-top: 20px;
}
#reader_icon a {
	background-image: url(../images/adobe_reader.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	overflow: hidden;
	height: 104px;
	color: #FFF;
	font-weight: normal;
}
#reader_icon a p {
	margin-left: 15px;
	width: 280px;
	margin-top: 20px;
}

#address {
	width: 375px;
	margin-right: 25px;
	float: left;
}

#hours {
	font-size: 12px;
	background-color: #1193C5;
	border: 1px solid #1193C5;
	float: left;
	width: 200px;
}
#hours th {
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#hours td {
	color: #000;
	background-color: #FFF;
}
#map {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	border: 1px solid #333;
}
#directions {
	width: 600px;
	margin: 0 auto 10px auto;
}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cpn_text {
	font-size: 12px;
}
.offers {
	height: 57px;
	width: 533px;
}
.smalltext {
	font-size: 10px;
}

.offers a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
.offers .offer1 {
	height: 57px;
	width: 266px;
	float: left;
}
.offers .offer2 {
	height: 57px;
	width: 267px;
	float: left;
}
.offers a.off1 {
	background-attachment: fixed;
	background-image: url(../images/invisalign_braces_offer.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.offers a:hover {
	background-position: left bottom;
}

#appform {
	font-size:12px;
	text-align:left;
	width:520px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-bottom: 10px;
}
#appform p {
	margin-top: 0px;
	margin-bottom: 0px;
}


#appform #form-left {
	width: 200px;
	float: left;
	padding-bottom: 15px;
}
#appform #form-right {
	padding-bottom:15px;
	width:280px;
	float: right;
}
#appform #form-bottom {
	clear: both;
	float: none;
}
#appform #form-right.float-right {
	float: right;
	text-align: left;
	width: 100px;
}
#appform #form-right.float-left {
	float: left;
}
#cal1Container, #cal2Container {
	position: absolute;
	display: none;
	z-index: 500;
}
.bkg_calendar {
	background-image: url(../images/btn_img_calendar.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#countbox , #evtdate{
	color: #2EABE2;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

select   , input, textarea {
	border: 1px solid #000;
	background-color: #FFF;

}
select:hover , input:hover, textarea:hover{
	background-color: #ECFFFD;
	border: 1px solid #029BA4;

}

input.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input.button {
	color: #000;
	background-color: #CCC;

}
.secondary_details {
	font-size: 80%;
	font-weight: normal;
	font-style: italic;
}
#validation_notice {
	width: 450px;
	text-align: center;
	color: #F00;
	font-weight: bold;
	display: none;
	background-color: #FFC;
	border: 1px solid #000;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding: 4px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.required {
	color: #F00;
}

fieldset {
	padding: 0;
	border: 1px solid #999;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color: #85C9F0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
legend {
	margin-left: 1em;
	color: #047DC3;
	font-weight: bold;
}
.cdinput {
	width: 180px;

}
.fsheading {
	font-size: 14px;
	font-weight: bold;
	color: #0982C8;
}


fieldset ol {
	list-style: none;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	margin: 0px;
}
fieldset li {
	padding-bottom: 10px;
}
.btnClose {
	height: 16px;
	width: 16px;
	border: 1px solid #666;
	float: right;
}


label {
	display: block;
	font-weight: bold;
}
#sidebar {
	margin-top: 0px;
	color: #000;
	padding: 0px;
	margin-left: 0px;
}
#sidebar a, #left_content a {
	color: #FFF200;
}
#sidebar a:hover, #left_content a:hover {
	color: #45AAE4;
}
#sidebar ul , #left_content ul{
	padding-left: 2px;
	list-style-type: none;
	font-size: 12px;
	margin-left: 0px;
	list-style-image: none;
}
#sidebar ul li, #left_content ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
	margin-top: 0px;
}
#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}
#sidebar h2, #left_content h2 {
	font-size: 14px;
	color: #FFF;
	margin-top: 2px;
	margin-bottom: 5px;
}
#left_content h3 {
	font-size: 16px;
	color: #78CBFA;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}
#sidebar ul ol li    {
	list-style: decimal outside;
}
div.comment-body {
	color: #333;
	font-size: 12px;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
p.postmetadata  {
	font-size: 80%;
	color: #666;
	line-height: 10px;
}
#commentform label small{
	color: #333;
	font-size: 10px;
}
div.comment-meta.commentmetadata {
	font-size: 10px;
}
div.post small {
	margin-top: 0px;
	color: #666;
	padding-top: 0px;
	font-size: 12px;
	font-style: italic;
}
div.post.hentry  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
div .entry {
	margin-left: 12px;
}

div.post h2 , div.post h3{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.post h3 a ,div.post h2 a{
	color: #000;
}

.menu1{
	padding-left:20px;
	padding-top:2px;
	padding-bottom: 2px;
	display:block;
	text-decoration: none;
	color: #000000;
	height: 20px;
	cursor: pointer;
}
.lvl2 {
	display: block;
	height: 19px;
	margin-left: 18px;
	padding-top: 2px;
	padding-left: 7px;
	font-size: 80%;
	color: #009;
}

.hide{
	display: none;
}
.show{
	display: block;
}
#mymenu1 a  {
	color: #18C0FE;
}