/*------------------------------------------------------------------
[Main Stylesheet]
Project:	Wise Orthodontics and Stonebridge Orthodontics
Version:	1.0
Last change:	28 August 2010 [created CSS file]
------------------------------------------------------------------*/
/*-- Reset --*/
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%;background:transparent}body{line-height:1.125em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

@font-face { font-family: 'AlbertusMTRegular'; src: url('../fonts/albertus_mt-webfont.eot'); src: local('☺'), url('../fonts/albertus_mt-webfont.woff') format('woff'), url('../fonts/albertus_mt-webfont.ttf') format('truetype'), url('../fonts/albertus_mt-webfont.svg#webfontRtyUz2Y9') format('svg'); }

html { background: #2daac3 url(../images/bg_html.jpg) repeat-x 0 0; }
body { color: #1c567a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }

#container { width: 970px; margin: 0 auto 50px; position: relative; }

.title {font-family: 'AlbertusMTRegular'; font-size: 17px; font-weight: normal; text-transform: uppercase;  margin: 0 0 0 163px; clear: left;width:400px; position:relative; top:-7px}

/*-- Header --*/
#hd { height: 523px; background: url(../images/bg_hd.png) no-repeat 0 0; }
	.auto { position: absolute; top: 220px; right: 40px; }
	#logo { width: 393px; margin: 19px 0 0 25px; float: left; }
		#logo a { height: 99px; display: block; background: url(../images/river-view-dental-specialists.png) no-repeat 0 0; text-indent: -9999px; }

	#header-address { display:block;  }
		#address { width: 150px; margin: -4px 0 0 165px; clear: left; float: left; line-height: 14px; font-size:11px; }
		#address strong { text-transform: uppercase; letter-spacing: 2px; }
	.address { width: 190px; margin: 8px 0 0; float: left; line-height: 14px;  margin-left:40px; font-size:11px;position:relative; top:-8px }
	.address2 { width: 160px; margin: 8px 0 0; float: left; line-height: 14px; font-size:11px; position:relative; top:-8px; margin-left:30px;}
		
	#address2 { width: 190px; margin: -64px 0 0 325px; clear: left; float: left; line-height: 16px; }
		#address2 strong { text-transform: uppercase; letter-spacing: 2px; }
	#logins { margin: 15px 15px 0 0; padding: 5px; float: right; background: url(../images/logins.png) no-repeat 0 0; }
		#logins li { width: 150px; margin: 0 10px 0 0; float: left; }
			#logins a { height: 33px; display: block; text-indent: -9999px; }
	
	/* Patient Login Sub-navs */
	#logins li ul {
		display: none; 
		width: 213px;
		color: #fff;
		text-transform: uppercase;		
		background: #79562c; 
		border: 1px solid #696e6f;
		text-indent: 0;
		padding: 15px 0 5px 0;
		overflow: hidden;
		background: #79562c; 
		font-size: 11px;	
	}
	#logins li ul li, #logins li ul a {width:auto}
	#logins li:hover ul, #logins li.hover ul {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		text-indent: 0;
	}
	#logins li:hover li, #logins li.hover li {
		float: none; 
		text-indent: 0;
		padding-left: 20px;
		padding-top: 10px;
	}
	#logins li:hover li a, #logins li.hover li a {
		background: #79562c; 
		color: #fff;
		text-indent: 0;
		text-decoration: none;
	}
			
			
	#social { margin: 10px 20px 0 0; padding: 5px; clear: right; float: right; background: url(../images/social_media.png) no-repeat 0 0; }
		#social li { width: 34px; margin: 0 6px 0 0; float: left; }
			#social a { height: 35px; display: block; text-indent: -9999px; }

#bd { padding: 0 0 25px; background: url(../images/bg_bd.png) repeat-y 0 0; }

/*-- Sidebar --*/
#sidebar { width: 239px; margin: -260px 0 0 40px; float: left; text-align: center; }
	#sidebar img { margin: 0 0 15px; }

/*-- Content --*/
#content { width: 595px; margin: 70px 55px 0 0; float: right; }
	#content h1, #content #home-h2 { margin: 0 0 25px; font-family: 'AlbertusMTRegular'; font-size: 22px; font-weight: normal; text-transform: uppercase; }
	#content h2 { margin: 0 0 15px; font-size: 16px; font-weight: normal; }
	#content h3 { margin: 0 0 15px; font-size: 14px; font-weight: normal; }
	#content p, #content ol, #content ul { margin: 0 0 15px; }
	#content a { color: #51381b; text-decoration: none; }
	#content li { margin: 0 0 0 25px; }
	#content .sub_nav { margin: 0 0 25px; color: #51381B; font-size: 14px; font-weight: bold; }
		#content .sub_nav a:hover, #content .sub_nav .active { color: #4bb1cb; }
	.column { width: 50%; float: left; }

/*-- Footer --*/
#ft { height: 235px; padding: 40px 60px 0 0; background: url(../images/bg_ft.png) no-repeat 0 0; text-align: right; text-transform: uppercase; }
	#ft a { color: #51381B; text-decoration: none; }
	#ft ul { width: 200px; height: 110px; margin: 0 0 35px; float: right; text-align: left; }
	#ft .strong { font-size: 14px; font-weight: bold; }
	#sesame-link { clear: both; font-weight: bold; }

/*-- Nav --*/
#nav { margin: 15px 0 150px; }
	#nav ul ul { padding: 15px 15px 5px; position: absolute; left: 239px; top: 0; display: none; z-index: 999; background: #79562c; border: 1px solid #696e6f; text-align: left; }
		#nav ul ul a { width: 170px; display: block; color: #FFF; font-size: 11px; text-transform: uppercase; text-decoration: none; }
			#nav ul ul a:hover { color: #90E6FD; }
	#nav li { margin: 0 0 5px; position: relative; }
	.head { width: 239px; height: 27px; padding: 8px 0 0; display: block; color: #edf7f9; font-family: 'AlbertusMTRegular'; font-size: 17px; text-decoration: none; text-transform: uppercase; }
		#orthodontics:hover, #home:hover, #pediatric-dentistry:hover, #our-blog:hover, .sfhover .head, .active .head { color: #51381b; background: #90e6fd; }
		
/* Clear Fix */
.cf:after, #hd ul:after, #bd:after, #home-nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf, #hd ul, #bd, #home-nav {display: inline-block;}
.cf, #hd ul, #bd, #home-nav {display: block;}
* html .cf, * html #hd ul, * html #bd, * html #home-nav {height: 1px;}


/*****************************
 Specific page styles
*****************************/
/*-- Home --*/
#slideshow-home { width: 603px; height: 270px; margin: 67px 25px 0 0; float: right; clear: both; overflow: hidden; }
#home-nav { position: absolute; top: 523px; left: 390px; background: url(../images/home-nav.png) no-repeat 0 0; }
	#home-nav a { height: 40px; display: block; text-indent: -9999px; }
	#home-nav li { width: 207px; margin: 0 21px 0 0; float: left; }
		#orthodontics-tab a:hover { background: url(../images/home-nav.png) no-repeat 0 -41px; }
		#pediatric-tab a:hover { background: url(../images/home-nav.png) no-repeat -228px -41px; }

/*-- Site Map --*/
ul.site-map { width: 33%; float: left; }
.site-map .heading { margin: 0 0 15px; color: #51381b; font-weight: bold; }


/* SESAME CSS */
img.right {margin: 0 0 15px 15px;float: right;clear: right;}
img.left {margin: 0 15px 15px 0;float: left;clear: left;}
img.left-border {float: left;clear: left;margin: 5px 15px 15px 0;border: solid 1px #333;/* Customize me! */
}
img.right-border {float: right;clear: right;margin: 5px 0 15px 15px;border: solid 1px #333;/* Customize me! */
}
p.flash_notice {margin: 18px;padding: 9px;color: #ff0000;border: 1px dotted #ff0000;background: #ffffff;text-align: center;}
.clear {clear: both;}
/* This styled div acts as the hr for most browsers */
div.hr {height: 0px;background-color: #eee;/* Customize me! */
border: solid 1px #eee;/* Customize me! */
border-width: 1px 0 0 0;/* Customize me! */
margin: 20px 0;padding: 0;clear: both;}
/* This is the backup for screen readers */
hr {display: none;height: 0px;background-color: #eee;border: solid 1px #eee;border-width: 1px 0 0 0;clear: both;}

/*--Appointment Request --*/
div.referral-form, div.appointment-form, div.comments {width: 100%;margin-top: 18px;letter-spacing: normal;}
fieldset {border: 0;padding: 9px 0;margin: 0 18px;}
fieldset h2 {margin: 0 0 9px;}
fieldset p {margin: 0 0 18px;}
fieldset p.disclaimer {font-size: 90%;font-style: italic;margin: 0;}
fieldset dl {}
fieldset dl dt {font-size: 16px;clear: both;margin: 9px 0 0;}
fieldset dd ul {margin: 9px 0;}
fieldset dd ul li, fieldset dd ol li {list-style: none;}
fieldset dd li {clear: both;margin: 3px 0;padding: 5px 0 4px 10%;overflow: auto;height: auto;position: relative;}
fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */
}
fieldset dd li input:hover, fieldset dd li input:focus, fieldset dd li select:hover, fieldset dd li select:focus, fieldset dd li textarea:hover, fieldset dd li textarea:focus {background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
 outline-color: #537197;/* customize me */
 }
fieldset li h3 {font-size: 12px;line-height: 18px;margin: 0;}
fieldset li div {float: left;display: inline-block;width: 40%;position: relative;padding-right: 5%;}
fieldset li div.input-street {width: 85%;}
fieldset li div.input-city {width: 60%;}
fieldset li div.input-full-name {width: 85%;}
fieldset li div.input-phone-full {width: 85%;}
fieldset li div.input-email {width: 85%;}
fieldset li div.input-zip {width: 20%;}
fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
fieldset li div.radio input {border: none;}
fieldset li div.radio label {padding-right: 9px;font-size: 90%;}
fieldset li div.input-select-full {width: 85%;}
fieldset li div.input-comments {width: 85%;}
li div.input-comments textarea {height: 63px;overflow: auto;}
fieldset li div.input-captcha {width: 50%;}
fieldset li div.verification {width: 35%;}
li div.verification img {border: 1px solid;margin-top: 9px;-moz-border-radius: 4px;/*for Moz, optional*/
-webkit-border-radius: 4px;/*for Webkit Browsers, optional*/
}
fieldset li div label {line-height: 18px;font-weight: bold;margin-bottom: 9px;font-size: 80%;color: #537197;/*override to match site*/
}
fieldset li div input, fieldset li div textarea, fieldset li div select {display: block;line-height: 18px;width: 100%;border: 1px solid;padding: 4px 0 3px;text-indent: 4px;margin-top: 9px;-moz-border-radius: 4px;/*for Moz, optional*/
-webkit-border-radius: 4px;/*for Webkit Browsers, optional*/
}
fieldset li div select {height: 25px;}
fieldset li div.radio input {display: inline;width: auto;margin-right: 4px;}
fieldset li div div {width: 100%;}
fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
display: block;width: 125px;height: 34px;text-align: center;margin: 0;background:#cfdae4;/* customize me! */
border: 1px solid #537197;line-height: 34px;color:#537197;/* customize me! */
font-size:12px;font-weight:bold;-moz-border-radius: 4px;/*for Moz, optional*/
-webkit-border-radius: 4px;/*for Webkit Browsers, optional*/
}
/*numbering added by jQuery*/
fieldset ol li span.comment-number {font-size: 150%;color: #537197;/* customize me*/
position: absolute;left: 9px;top: 9px;}
/* referral form * Styles only for the referral form*/
.referral-form fieldset li div.radio {width: 40%;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003;background: #fefda1;}
div.error {background: url(../images/validate_error.gif) 0 0 no-repeat;color: #a52003;width: 18px;height: 18px;position: absolute;top: 0;right: 0;overflow: hidden;display: block;margin: 12px -2% 0 0;text-indent: -999em;}
div.success {background: url(../images/validate_ok.gif) 0 0 no-repeat;width: 18px;height: 18px;position: absolute;top: 0;right: 0;overflow: hidden;display: block;margin: 12px -2% 0 0;text-indent: -999em;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}