/*
Theme Name: Waverly Smile Clinic Custom
Theme URI: http://exstatic.net
Description: A custom theme designed & developed by Exstatic Media
Author: Exstatic Media
Author URI: http://exstatic.net
Version: 1.0
License: Commercial. Do not reuse or redistribute.
*/

@import url('css/reset.css');  /* Reset Css */
@import url('css/wp-core.css'); /* Wordpress Core Styling */

html{
background:#032259 url('images/bg-gradient.png') repeat-x;
}

body {
background:transparent url('images/bg.jpg') top center no-repeat;	
font-family:Arial, sans-serif;
min-height:800px;
}

* {
text-decoration:none;
font-family:Arial, Verdana, sans-serif;
outline:none;
margin:0;
padding:0;
}

header nav{
	margin:0 auto;
}

a {
color:#08527c;
font-weight:bold;
}

a:hover {
color:#5b7d7a;
}

.wrap {
width:872px;
position:relative;
height:inherit;
margin:0 auto;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

.center {
text-align:center;
}

header .wrap{
	background:#FFF;
	height:165px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:1px solid #c1d4e6;
	border-bottom:none;
}

header{
	margin:20px 0 0;
}

#logo{
	position:absolute;
	top:8px;
	left:16px; 
}

#dental-implant{
	top:9px;
	right:30px;
	position:absolute;
}

#nav-bg{
	width:864px;
	height:67px;
	background:url('images/nav-bg.jpg') no-repeat;
	position:absolute;
	left:4px;
	bottom:0;
}

header nav ul li{
	float:left;
	margin:0 5px;
	position:relative;
	white-space: nowrap;
	background:#08527c;
}

header nav ul li ul{
	display:none;
	position:absolute;
	z-index:200;
	background:#08527c;
}

header nav ul li:hover > ul{
	display:block;
	width:auto;
}

header nav ul li ul li {
	display:block;
	clear:both;
}

header nav ul li ul li a{
	display:block;
}

header nav{
	position:absolute;
	left:50%;
	bottom:5px;
}

header nav ul li a{
	padding:4px 9px;
	font-size:11px;
	text-transform:uppercase;
	color:#FFF;
}

header nav ul li a:hover{
	color:#EFEFEF;
	background:#336699;
}

#content .wrap{
	background:#FFF;
	border-left:1px solid #c1d4e6;
	border-right:1px solid #c1d4e6;
	min-height:200px;
	overflow:hidden;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

#slider-container{
	width:863px;
	height:197px;
	margin:3px auto 0;
	position:relative;
	background-image: url("http://waverleysmileclinic.com.au/wp-content/uploads/2011/11/blank-slider1.jpg");
}

.slide{
	position:relative;
}

.slide img{
	position:absolute;
	top:0;
	left:0;
}

.slide .text{
	position:absolute;
	width:450px;
	height:180px;
	background:url('images/slide-text-bg.png') repeat;
	z-index:5;
	top:6px;
	left:10px;
}

.slide .text a {
	color:#fff;
	font-weight:bold;
}

.slide .text h3{
	font-size:25px;
	color:#08527C;
	margin:10px 20px;
	font-weight: bold;
}

.slide .text p{
	font-size:13px;
	color:#08527C;
	line-height:17px;
	margin:10px 20px;
}

#feat-title{
	z-index:200;
	position:absolute;
	font-size:30px;
	color:#08527C;
	font-weight:bold;
	top: 20px;
	width: 300px;
	left: 10px;
}

#feat-desc{
	z-index: 200;
	position: absolute;
	font-size: 18px;
	color: #08527C;
	top: 60px;
	left: 42px;
	width: 470px;
}

#content-left{
	width:484px;
	padding:0 20px 0 16px;
	float:left;
}

#content-left.sub{
	margin-top:10px 0;
}

.post h1 *{
	font-size:23px;
	color:#08527C;
	font-weight:bold;
	margin:18px 0 13px;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{
	color:#08527C;
	font-weight:bold;
	margin:18px 0 13px;
}

.post h2{
	font-size:20px;
}

.post h3{
	font-size:18px;
}

.post h4{
	font-size:15px;
}

.post h5{
	font-size:13px;
}

.post h6{
	font-size:11px;
}

.post h1{
	margin:18px 0 5px;
}

.post p{
	font-size:12px;
	line-height:18px;
	margin:11px 0;
	color:#000;
	font-weight:500;
}

.post ul, .post ol{
	font-size:12px;
	line-height:18px;
	margin:11px 0 11px 15px;
	color:#000;
	font-weight:500;
}

.post ul li{
	list-style-type:circle;
}

.post strong{
	font-weight:bold;
}

.post ol li{
	list-style-type:decimal;
}

#sidebar{
	float:left;
	width:309px;
	padding:10px 0;
}

#sidebar #appointment{
	margin-left:23px;
	margin-bottom:18px;
}

#sidebar h3{
	font-size:23px;
	color:#08527C;
	font-weight:bold;
	margin:18px 0 10px;
}

footer{
	height:90px;
	padding-top:10px;
}

footer .wrap{
	text-align:center;
	font-size:10px;
	color:#FFF;
	line-height:20px;
}

footer .green{
	color:#AACC30;
}

footer .bold{
	font-weight:bold;
}

#overlay{
	background:#333;
	opacity:0.7;
	width:800px;
	height:800px;
	position:absolute;
	top:0;
	left:0;
	z-index:200;
}

#clickout{
	position:absolute;
	top:0;
	left:0;
	z-index:201;
}

#contact-form{
	width:356px;
	min-height:460px;
	background:#FFF;
	z-index:202;
	position:absolute;
	padding:19px;
	border-radius:15px;
}

#contact-form h2{
	font-size:19px;
	font-weight:bold;
	color:#08527C;
	margin:0 0 24px;
}

#contact-form label{
	font-family:Verdana, sans-serif;
	font-size:12px;
	width:60px;
	margin:0 20px 0;
	text-align:right;
	display:inline-block;
	line-height:21px;
}

#contact-form input[type=text]{
	height:21px;
	font-size:12px;
	width:205px;
	border:1px solid #c1d4e5;
}

#contact-form fieldset{
	margin:5px 0;
}

p.label{
	font-family:Verdana, sans-serif;
	font-size:12px;
	line-height:21px;
	margin:0 0 0 35px;
}

p.label.gap{
	margin-top:20px;
}

#dropdown{
	margin:5px 0 5px 35px;
}

#dropdown .first{
	width:242px;
	height:21px;
	border:1px solid #c1d4e5;
	background:url('images/dropdown-arrow.png') right center no-repeat;
}

#dropdown:hover > ul{
	display:block;
}

#dropdown ul{
	display:none;
	position:absolute;
	border:1px solid #c1d4e5;
	background:#FFF;
}

#dropdown ul li, .first{
	cursor:pointer;
	display:block;
	width:242px;
	line-height:21px;
	font-size:12px;
	padding:2px 5px;
}

#dropdown ul li:hover{
	background:#EFEFEF;
}

#contact-form textarea{
	width:242px;
	padding:5px;
	height:54px;
	font-size:11px;
	border:1px solid #c1d4e5;
	margin:0 0 0 35px;
}

#contact-form fieldset#date{
	margin:0 0 0 35px;
}

#contact-form  input.small{
	width:36px;
	height:21px;
	border:1px solid #c1d4e5;
	text-align:center;
}

fieldset p{
	display:inline-block;
}

#submit{
	width:105px;
	height:25px;
	background:url('images/submit.jpg') no-repeat;
	float:right;
	margin:20px 30px 0 0;
	text-indent: -9999px;
	border: none;
	cursor:pointer;
}

#contact-explanation{
	font-style:italic;
	font-size:9px;
	margin-top:15px;
	text-align:center;
}

.hidden{
	display:none;
}

.menu-arrow{
	position:absolute;
	width:10px;
	height:10px;
	background:url('images/arrow.png') no-repeat;
	right: -10px;
	top: 8px;
}

#cross{
	position:absolute;
	width:26px;
	height:26px;
	background:url('images/cross.png') no-repeat;
	display:block;
	top:-13px;
	right:-13px;
}

#contact-form #contact label.error{
	font-size: 11px;
	width: 290px;
	color:red;
	font-weight:bold;
}