/* 	SONIA ESTABILLO DENTAL CLINIC
	Project: Sonia Estabillo Dental
	Author: Code Jutsu
------------------------------------------------------------------------------ */

/* A clean slate.. */
@import "../css/reset.css";	/* CSS Reset by Eric Meyer */
@import "../css/fonts.css";  /* if any */


/* STRUCTURE  */
body { 
	background: #c9d0dc url(../img/bg_content.jpg) repeat-x top center; text-align: center;
	font-family: 'HelveticaL TStd Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;  }

h1, h2, h3, h4 { font-weight: 800; font-family: 'QuicksandBook', 'Corbel', 'Century Gothic', sans-serif;  }

abbr, acronym { border-bottom: 1px dotted #666666; }
cite {	font-style: italic; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 0 15px 15px 0; clear: both; }
.alignright { float:right; margin: 0 0 15px 15px;}
.wp-caption {  }
.wp-caption-text { font-style: italic; font-size: 11px;}

#container {
	display: block; width: 932px; margin: 0 auto; }
#wrapper {
	clear: both; width: 890px; background: #fff url(../img/bg_body.jpg) no-repeat 50% 50%; margin-left: 42px;}
	
#header {}
#header h1 {
	width: 932px; height: 115px; background: url(../img/bg_header.jpg) no-repeat top right; text-indent: -9999em;}
	#banner { 
		width: 932px; height:269px; position: relative; background: url(../img/bg_banner.jpg) no-repeat top right; overflow: hidden; }
	#header ul.menu { 
		display: block; width: 199px; position: absolute; top: 0; left: 0;text-align: left;  background: url(../img/bg_nav2.png) no-repeat 1px 0; z-index: 10;}
		#header ul.menu li { display: block; width: 150px;}
		#header ul.menu a { display: block; padding: 6px 0 6px 0; color: #ffffff; 
		font: 18px/18px 'HelveticaL TStd', Helvetica, Verdana, Arial, sans-serif; text-transform: lowercase; text-decoration: none; }
		#header ul.menu a:hover, #header ul.menu a.current { font-weight: bold; } 
		#header ul.menu .home a { margin-left: 20px;}
		#header ul.menu .about a { margin-left: 35px; }
		#header ul.menu .care a { margin-left: 50px; }
		#header ul.menu .ortho a { margin-left: 55px; }
		#header ul.menu .implants a { margin-left: 55px; }
		#header ul.menu .contact a { margin-left: 55px; }
	#slider {
		position: relative; display: block; width: 807px; float: right; z-index: 5;}
	#contact {
		display: block; width: 715px; height: 148px; float: right; overflow: hidden;}
		#contact .details { float: left; margin-top: 10px;}
		#contact .details p {
			display: block; width: auto; float: left; margin-right: 15px; color: #fff; font: 14px Arial, sans-serif; padding-top: 10px;}
		#contact .appointment {
			display: block; margin: 10px 15px; float: right;
			text-align: left; color: #fff; }
			#contact .appointment h2 {
				font-size: 28px; margin-bottom: 5px; }
			#contact .appointment p {
				font-size: 12px; line-height: 1.4; margin-bottom: 5px;}
			#contact .appt_button {
				display: block; width: 263px; height: 35px; text-indent:-9999em; float: right;
				background: url(../img/book_button.png) no-repeat top right; } 
			
			
#wrapper #content {
	padding: 30px 0; margin: 0 20px; text-align: left; color: #333; font-size: 14px; line-height: 1.4;}
	#content h1, #content h2, #content h3 {
		font-size: 24px; text-transform: uppercase; margin-bottom: 15px;}
	#content h3 { display: inline-block; padding: 10px 60px 30px 0; background: url(../img/bg_heading.png) no-repeat 100% 50%;  }
	#content h4 {
		clear: both; font-size: 20px; text-transform: uppercase; margin-bottom: 15px; border-bottom: 2px solid #c9d0dc;}
	#content h5 {
		font-size: 18px;}
	#content h6 {
		font-weight: bold; font-size: 14px; margin: 0 0 15px 0;}
	#content .block {
		display: block; float: right; width: 550px; }
	#content p {
		margin-bottom: 15px; }
	#content a {
		color: #3c5a99; }
	#content ul {
		list-style-type: disc; margin: 0 15px 15px 15px; }
	#content ol {
		list-style-type: decimal; margin: 0 15px 15px 25px;}
	#content dt {
		font-size: 16px; font-style: italic;}
	#content dd { margin-bottom: 15px; }
	#content blockquote {
		color: #3c5a99; margin: 0 30px 15px 30px;}
	#content img {
		padding: 3px; background: #abbee5; border: 1px solid #3c5a99;
		box-shadow: 0 0 10px #ccc;
		-moz-box-shadow: 0 0 10px #ccc;
		-webkit-box-shadow: 0 0 10px #ccc}	
	
	#footer {
		padding: 100px 20px 30px 20px; background: url(../img/bg_footer.png) no-repeat top center; color: #7188b5; font-size: 12px; text-align: center; }
	#footer ul {
		border-top: 1px solid #7188b5; padding-top: 30px; margin: 0 0 15px 0;}
	#footer ul li {
		display: inline; border-left: 1px solid #7188b5; padding: 0 15px;  }
	#footer ul li:first-child {
		border-left: 0 !important;}
	#footer ul li a {
		text-decoration: none; color: #7188b5;}
		#footer ul li a:hover { color: #333333; }
	#footer p a { color: #333333; }