/*
Theme Name: maneladental
Theme URI: http://www.maneladental.com/
Description: maneladental Custom Theme
Version: 1.0
Author: Anchorwave
Author URI: http://anchorwave.com/
*/

@import url("css/reset.css");
@import url("css/typography.css");
@import url("css/wordpress.css");

/*----------------- 
1. Common Styles 
-------------------*/
body.home { background:url(images/background.jpg) repeat-x; position:relative;} 
body.subpage { background:url(images/subpage-body-bg.jpg) repeat-x; position:relative;} 
hr { display: block; background: #CCCCCC; color: #CCCCCC; width: 100%; height: 1px; border: none; margin:15px 0; clear:both; }


/*----------------- 
2. Structure
-------------------*/
#top .wrapper { width:980px; background:url(images/header-background.jpg) no-repeat; height:337px; position:relative; }
#logo, .call-us, .slogan, .appointment, .shadow, .cards { position:absolute; text-indent:-9999px; display:block;}
#logo { width:395px; height:57px; background:url(images/logo.png) no-repeat; left:20px; top:34px;}
.call-us { width:280px; height:45px; right:20px; top:32px; background:url(images/call-us-now.png) no-repeat;}
.slogan { width:253px; height:39px; top:135px; right:5px; background:url(images/slogan.png) no-repeat;}
.appointment { width:272px; height:66px; bottom:45px; right:0px; background:url(images/make-an-appointment.png) no-repeat;}
.appointment:hover { background-position:bottom;}
#top #billboard { width:678px; height:198px; overflow:hidden; left:22px; top:119px; position:relative;}
#top #billboard img { width:678px; height:198px; overflow:hidden; }
#mid .wrapper,
body.subpage #mid .wrapper { width:980px; overflow:hidden; background:url(images/mid-background.jpg) no-repeat top left !important;	position:relative; height:auto !important;}
.shadow { background:url(images/content-shadow.png) no-repeat; width:14px; height:259px; bottom:0; right:77px;}
#mid #nav { width:221px; display:inline; float:left;}
	#nav li { background:url(images/spacer.gif) no-repeat bottom; padding-bottom:1px;}
	#nav li a { display:block; line-height:30px; text-align:right; padding-right:38px;}
	#nav li a:hover,
	#nav li.current_page_item a { background:url(images/nav-hover-active.jpg) no-repeat top;}

#mid #content { display:inline; float:left; width:593px; padding-left:40px; padding-right:35px; background:#fff; min-height:300px;}
#mid #content .sec-content { display:block; padding-left:75px; font-size:11px; line-height:16px;  padding-top:30px;}
	.sec-content .left { margin-right:20px; }
	.sec-content .left,
	.sec-content .right { display:inline; float:left; width:230px;}
	.sec-content .left strong,
	.sec-content .right strong { display:block; font-size:13px !important; margin-bottom:5px; text-transform:uppercase; }
#bottom { height:276px; background:url(images/footer-background.jpg) repeat-x;}
	#bottom .wrapper { height:276px; background:url(images/footer-wp-background.jpg) no-repeat top !important; width:980px; position:relative;}
#our-services { width:263px; height:262px; background:url(images/our-services.png) no-repeat; position:absolute; bottom:92px; left:14px; z-index:1;}
	a.read-more { text-decoration:underline; margin-left:30px;} 
#our-services ul { padding: 65px 0 20px 30px; width:193px;}
#our-services ul li { border-bottom:1px dashed #ccc;}
.cards { background:url(images/cards.jpg) no-repeat; height:48px; width:547px; top:83px; right:100px;}
#bottom #sec-nav { border-top:1px dashed #D3D6DB; display:block; position:absolute; top:220px; left:0; margin-left:20px; padding-top:6px; width:974px; }
#bottom #sec-nav li,
#bottom .info li { display:inline; float:left; padding-right:10px;}
#bottom #sec-nav li.last,
#bottom .info li.last { float:right;}
#bottom .info { position:absolute; top:240px; left:0; margin-left:20px; padding-top:6px; width:974px; }

/*subpage*/
body.subpage #top .wrapper { width:980px; background:url(images/subpage-background.jpg) no-repeat top left; height:238px;}
body.subpage #mid #content { padding-bottom:100px; padding-top:25px;}
body.subpage .appointment { top:120px; left:12px;}
.office-hours { position:absolute; top:120px; left:420px; background:url(images/office-hours.png) no-repeat; width:127px; height:75px;}
body.subpage p { margin-top:0; margin-bottom:15px;}

body.subpage #mid #content ul,
body.subpage #mid #content ol { list-style:disc; list-style-position:outside; margin-left:25px; margin-bottom:20px; }
body.subpage #mid #content ol { list-style-type:decimal;}
body.subpage #mid #content ol li { margin-bottom:5px;}

/*Contact Page*/
#contact-form { width:345px; background:#E2E3DF url(images/contact-form-bg.jpg) repeat-x top; border:2px solid #AAADA0; padding:35px; float:left; display:inline;} 
.input-box { background:url(images/input-bg.jpg) no-repeat; width:225px; height:30px; border:0; display:inline; float:right; padding-left:5px;}
.textarea { background:url(images/textarea-bg.jpg) no-repeat; width:225px; height:85px; border:0; display:inline; float:right; padding-left:5px; padding-top:5px;}
#contact-form p { margin-bottom:20px; overflow:hidden; height:1%;}
.submitbtn  { background:url(images/submit.jpg) no-repeat; width:90px; height:30px; border:0; float:right;}
address .heading { margin-bottom:10px;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok { position:absolute; background:#fff; top:375px; left:240px;}
span.wpcf7-not-valid-tip  { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #FF0000; font-size:10px !important; margin:-15px 0 0 68px !important; padding:2px; position:absolute; top:0; width:218px !important; z-index:4;}

address, .phone, .hours {
margin-bottom:10px;
}
.contact-info {
float:left;
margin-left:16px;
}