/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Riverwoods Orthodontics CSS ~ Written by Clifton Labrum ~ http://clifton.im
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html{ margin: 0; padding: 0; height:100%; }
body{ margin: 0; padding: 0; height:100%; font-family: Georgia, serif; text-align: center;  min-width: 960px; background:#D8DED4; color:#97A390; line-height: 130%; }
	
* { margin:0;padding:0; }

/* ~~~~~~~~~ HEADERS ~~~~~~~~~ */
h1{ margin:0; color:#7F6451; }
	body.about h1{ font-size:40px; margin:5px 0px 50px 0px; }
	body.appointments h1{ font-size:40px; margin:5px 0px 15px 0px; }
	body.braces h1{ font-size:40px; margin:5px 0px 15px 0px; }
		body.braces h1 span{ display:block; font-size:15px; color:#97A390;  }
h2, h2 a, h2 a:visited{ color:#405733; font-size:20px; margin:0 0 10px 0; font-weight:normal; text-transform: uppercase; text-decoration: none; }
	h2 a:hover, h3 a:hover{ color:#97A390; }
	body.about h2, body.appointments h2, body.braces h2{ font-size:26px !important; text-transform: none; margin-bottom:0px; line-height: 110%; }
		body.about h2{ margin-bottom:-7px; }
	body.appointments h2, body.braces h2{ margin-bottom:5px; margin-top:25px; padding-top:10px; }
h3, h3 a, h3 a:visited{ color:#405733; font-size: 14px; margin:0 0 3px 0; text-transform: uppercase; font-weight: normal; text-decoration: none; }
h4{ color:#666; font-size: 13px; font-weight: bold; margin:0 0 2px 0; text-shadow: #FFF 0px 1px 0px; }
h5{ font-size:11px; display:inline-block; text-transform: uppercase; color:#999; margin-bottom:3px; font-weight: normal; text-shadow: #FFF 0px 1px 0px; }
h6{}
	#mainbox-right-home h2, #mainbox-right-about h2{ font-size:20px !important;  text-decoration: none; text-align: center; padding-bottom:2px; border-bottom:1px solid #C6C6C6; margin-top:20px; color:#333; }
	#mainbox-left-inner h2{ margin-bottom:5px; }
	
/* ~~~~~~~~~ IMAGE REPLACEMENT TITLES ~~~~~~~~~ */

/*Home Page Titles*/
.designerd{ background:url(../images/bigtitle-home.jpg) no-repeat; width:470px; height:113px; position: absolute; margin:0; text-indent: -9999px; }

/* ~~~~~~~~~ ANCHORS ~~~~~~~~~ */
a, a:active, a:visited { color:#97A390; outline:none; }
	a:hover { text-decoration:none; color:#405733; border:none; }
a img{ border:none; }

/* ~~~~~~~~~ PARAGRAPHS ~~~~~~~~~ */
p{ line-height:150%; margin:0 0 15px 0; color:#212B1B; text-align:left; font-size:15px; }
	p#splashy{ font-size:18px; font-style: italic; color:#97A390; text-align: left; width:435px; background:url(../images/phone.jpg) no-repeat 20px 24px #F2F4F0; padding:15px 15px 15px 70px; -moz-border-radius:7px; -webkit-border-radius:7px; text-shadow: #FFF 0px 1px 0px; margin-bottom:30px; line-height: 150% !important; }
	p#splashy span{ color:#405733; }
	#main p{ line-height: 170%; }
	#inno-left p, #inno-right p{ font-size:12px; font-style: italic; color:#97A390; text-shadow: none; text-align: left; margin-bottom:0px; }
	
/* ~~~~~~~~~ LISTS ~~~~~~~~~ */
ul{ list-style-type: none; padding:0; margin:0; }
	ul li{ color:#212B1B; font-size:15px; line-height:170%; }

ol{ margin-left:30px; margin-bottom:15px; }
	ol li{ padding-left:0px; color:#212B1B; font-size:15px; line-height:170%; }
	
/* ~~~~~~~~~ MISCELLANEOUS STYLES ~~~~~~~~~ */
.pad-top{ margin-top:110px !important; }
.pad-top-tons{ margin-top:140px !important; }
.space{ margin:25px 0px; }
.pad-bottom{ margin-bottom:30px !important; }
a.facebook{ background:url(../images/facebook.jpg) no-repeat; padding:9px 0px 11px 40px; color:#645143; }
		
/* ~~~~~~~~~ BUTTONS ~~~~~~~~~ */
a.button{ color:#645143 !important; font-size:12px; background:url(../images/button.jpg) no-repeat top left; padding:0 0 0 12px; display:inline-block; text-decoration: none; text-transform: uppercase; }
	a.button:hover{ color:#837469 !important; }
	a.button span{ background:url(../images/button.jpg) no-repeat top right; padding:2px 20px 0 0px; line-height:22px; display:inline-block; height:24px; text-shadow: #FFF 0px 1px 0px; font-family:"Gill Sans", Calibri, "Helvetica Neue", Helvetica, sans-serif; }
	a.button.green{ background:url(../images/button-green.jpg) no-repeat top left; }
		a.button.green span{ background:url(../images/button-green.jpg) no-repeat top right; }
	a.download{ background:url(../images/download.jpg) no-repeat; padding: 10px 0px 20px 40px; margin:15px;  }
	a.play{ background:url(../images/play.jpg) no-repeat; padding: 10px 0px 20px 40px; margin:15px;  }
	a.click-for-map{ background:url(../images/click-for-map.jpg) no-repeat; width:185px; height:46px; padding:18px 0px 18px 15px; text-decoration: none; display:block; color:#7F6451; text-shadow: #FFF 0px 1px 0px; margin-bottom:0px;  font-family:"Gill Sans", Calibri, "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; font-size:12px; }
	
/* ~~~~~~~~~ CLEAR ~~~~~~~~~ */
.clear{ overflow: auto; }

/* =========== PAGE STRUCTURE ============================================ */

/* ~~~~~~~~~ CONTAINER ~~~~~~~~~ */
#container { text-align: left; width:960px; margin: 0 auto; height:100%; padding:0; background:url(../images/container-bg.jpg) no-repeat; }

/* ~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header{ height:80px; text-align: left; }
	#logo{ position: absolute; margin-top:19px; margin-left:0px; width:225px; height:44px; }
	
	/* Navigation */
		#nav { width:442px; height:59px; position:absolute; margin-left:518px; margin-top:11px; }
		#nav-list ul{ margin:0; padding:0; list-style:none; }
		#nav-list li{ float:left; margin:0; padding:0; background:none; height:59px; }
		#nav-list ul li a{ display:block; text-indent: -9999px; height:59px; }
		#nav-list a{ border: none; }
		/* Home Nav */	
			li#home{}			
			li#home a{ background:url(../images/nav-home.jpg) no-repeat left top; width:56px; }
			li#home a:hover{ background-position: left center; }			
			li#home a.off{ background-position: left bottom; }	
		/* Braces Nav */	
			li#braces{ margin-left:20px;  }			
			li#braces a{ background:url(../images/nav-braces.jpg) no-repeat left top; width:66px; }
			li#braces a:hover{ background-position: left center; }			
			li#braces a.off{ background-position: left bottom; }
		/* Appointments Nav */	
			li#appointments{ margin-left:20px; width:116px; }			
			li#appointments a{ background:url(../images/nav-appointments.jpg) no-repeat left top; width:116px; }
			li#appointments a:hover{ background-position: left center; }
			li#appointments a.off{ background-position: left bottom; }
		/* About Nav */	
			li#about{ margin-left:20px; width:64px; }			
			li#about a{ background:url(../images/nav-about.jpg) no-repeat left top; width:64px; }
			li#about a:hover{ background-position: left center; }			
			li#about a.off{ background-position: left bottom; }	
		/* Login Nav */	
			li#login{ margin-left:20px; width:60px; }			
			li#login a{ background:url(../images/nav-login.jpg) no-repeat left top; width:60px; }
			li#login a:hover{ background-position: left center; }
			li#login a.off{ background-position: left bottom; }

/* ~~~~~~~~~ PAGE STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#home-hero{ width:960px; height:360px; text-indent: -9999px; background:url(../images/hero-home.jpg) no-repeat; }	
	a.hero{ width:960px; height:360px; display:block; }
#home-middle{ width:930px; height:170px; background:url(../images/home-middle.jpg) no-repeat; margin:20px 0px; padding:15px; }	
	#home-middle-A{ width:290px; margin-right:30px; float:left; }
	#home-middle-B{ width:315px; margin-right:30px; float:left; }
	#home-middle-C{ width:265px; float:left; }
	
	#home-middle p{ font-size:14px; font-style: italic; color:#97A390; text-shadow: none; text-align: left; width:140px; }

.white-cap{ width:960px; height:15px; background:url(../images/white-cap.jpg) no-repeat; }
.white-middle{ width:930px; background:#FFF; padding:0px 15px; }
.white-bottom{ width:960px; height:15px; background:url(../images/white-bottom.jpg) no-repeat; }

#home-bottom-A{ width:200px; margin-right:30px; float:left; }
	#home-bottom-B{ width:270px; margin-right:30px; float:left; }
	#home-bottom-C{ width:400px; float:left; }
		#home-bottom-C img{ float:right; margin-left:20px; margin-top:5px; }

	#home-bottom p{ font-size:12px; font-style: italic; color:#97A390; text-shadow: none; text-align: left; margin-bottom:0px; }
	#home-bottom address a{ font-size:12px; color:#405733; font-style:normal; text-shadow: none; text-transform: uppercase; text-align: left; float:right; margin-left:20px; line-height: 135%; text-decoration: none; }

#page{ width:960px; margin:20px 0px; }	

#main{ float:left; width:650px; margin-right:50px; }
	body.braces #main{ float:left; width:700px; margin-left:30px; }
#side{ float:left; width:230px; }
	#box{ background:#F2F4F0; padding:20px; -moz-border-radius:7px; -webkit-border-radius:7px; }
	#box h3{ border-bottom:1px solid #D8DED4; margin-bottom:10px; color:#717A6C; }
	#box p{ color:#97A390; text-shadow:#FFF 0px 1px 0px; font-size:13px; font-style: normal; }
		#box p:last-child{ margin-bottom:0px; }
.about-group{ border-bottom:1px solid #D8DED4; margin-bottom:15px; padding-bottom:5px; }
	.about-group img{ border:1px solid #D8DED4; padding:2px; margin-top:5px; }
	.last-group{ border:none !important; }
.about-left{ float:left; width:200px; margin-right:30px; text-align: right; }
	.about-left cite{ font-size:12px; text-transform: uppercase; font-style: normal; color:#97A390; }
.about-right{ float:right; width:420px; }

.inno-box{ margin:25px 0px; }
#inno-left{ float:left; width:220px; margin-right:30px; background:url(../images/inno-traditional.jpg) no-repeat 0px 5px; padding-left:100px; }
#inno-right{ float:left; width: 200px; background:url(../images/in-ovation.jpg) no-repeat 0px 5px; padding-left:100px; }

#inno-left-tweak{ float:left; width:270px; margin-right:30px; }
#inno-right-tweak{ float:right; width:350px; }
	#inno-right-tweak embed{ border:1px solid #D8DED4; padding:3px; background:#F2F4F0; }

.sidenote{ float:right; width:150px; margin-left:30px; text-align: center; }
	.sidenote p{ margin-bottom:5px !important; }
	.sidenote a{ margin:0 auto; }
/*Imagery*/
#leaves{ width:270px; height:194px; background:url(../images/leaves.jpg) no-repeat; position: absolute; margin-left:690px; }
#pebbles{ width:340px; height:150px; background:url(../images/pebbles.jpg) no-repeat; position: absolute; margin-left:600px; margin-top:20px; }
#bottom-leaf{ width:270px; height:194px; background:url(../images/bottom-leaf.jpg) no-repeat; margin-left:0px; }
#inno-pic{ width:170px; height:285px; background:url(../images/inno-pic.jpg) no-repeat; float:left; margin-left:-15px; margin-top:15px; }

/* ~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer{ height:60px; color:#97A390; text-transform: uppercase; font-size: 11px; text-align: center; padding-top:5px; }
	
#basic-modal-content {display:none;}

/* ~~~~~~~~~ MODAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#login-modal h2{ font-size:30px !important; text-transform: none; margin-bottom:15px; margin-top:15px; }
#login-modal p{ font-size:15px; margin-bottom:15px; text-align: justify; line-height: 130%; }
#login-modal a.button span{ padding-top:1px; }

/* Overlay */
#simplemodal-overlay{ background:#212B1B; }

/* Container */
#simplemodal-container{ width:330px; height:230px; color:#212B1B; background:url(../images/modal-bg.png) no-repeat; padding:50px; }
#simplemodal-container a.modalCloseImg{ width:30px; height:30px; top:20px; right:25px; display:inline; z-index:3200; position:absolute; cursor:pointer; }