/*
Theme Name: Wolf Schwartz
Theme URI: http://schwartzdentistry.com
Description: Theme developed by Juicy Results for Wolf Scwhartz BDS
Version: 1.0
Author: Juicy Results
Author URI: http://juicyresults.com
*/

@import "style/css/stickyFooter.css";
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Layout */

body {
	margin: 0;
	color: #343434;
	background: url(style/images/bgRepeat.png) repeat-x #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}

#content {padding: 15px;}
#pageContent {padding: 30px 95px;}

/* DEFAULT STYLES */

.maintenance {text-align: center;}

a {color: #39546f;text-decoration: none;}
a:hover {text-decoration: underline}

h1, h2, h3, h4, h5, h6 {color: #343434; margin-bottom: 0.25em; font-weight: normal;}

h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p {font-size: 14px; line-height: 1.5em; margin-bottom: 1.5em;}

ul {margin-bottom: 10px;}
ul li {
	font-size: 14px;
	list-style: none;
	margin-bottom: 10px;
	background: url(style/images/bullet.gif) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom: .25em;
	}
	
ol {margin-bottom: 10px;}
ol li {
	font-size: 14px;
	list-style: decimal inside;
	margin-bottom: .25em;
	}
	
hr {
	color: #dae0e4;
	background: #dae0e4;
	height: 1px;
	border: none;
	margin: 10px 0;
	}
	
/* SPECIAL STUFF */

dt {
	font-weight: bold;
	text-decoration: underline;
	float: left;
	margin-right: 10px;
	}
	
dd {font-style: oblique;}

fieldset {
	border: dotted 1px #39546f;
	background: #edeff1;
	padding: 0 10px;
	}
	
legend {padding: 5px;}
	
input {
	font-size: 14px;
	font-family: inherit;
	color: #343434;
	padding: 5px;
	}
	
textarea {
	font-size: 14px;
	font-family: inherit;
	color: #343434;
	padding: 5px;
	}
	
pre {background: #fff}

blockquote {
	border: dotted 1px #39546f;
	background: url(style/images/quote.gif) no-repeat #edeff1;
	padding: 10px 10px 10px 50px;
	}

#wrap {
	margin: 0 auto;
	padding: 0 20px;
	width: 1000px;
	overflow: hidden;
	background: url(style/images/pageBg.png);
	}

/* Alignments */
.aligncenter { display:block; margin:0 auto }
.alignLeft {float: left;}
.alignRight {float: right;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* Font Colors */
.blue {color: #39546f;}
.gold {color: #f2b100;}


h1.services {display: block; text-indent: -999px;}
h1.whatWeOffer {width: 167px; height: 26px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/whatWeOffer.gif');}
h1.implants {width: 103px; height: 33px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/implants.gif');}
h1.periodontal {width: 247px; height: 34px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/periodontalSurgery.gif');}
h1.cosmetic {width: 247px; height: 34px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/cosmeticDentistry.gif');}
h1.botox {width: 252px; height: 34px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/botox.gif');}
h1.sedation {width: 247px; height: 34px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/sedationDentistry.gif');}
h1.financial {width: 247px; height: 34px; background: url('http://schwartzdentistry.com/wp-content/uploads/2009/11/financialOptions.gif');}


/* Header */	
#header {
	background: url(style/images/headerRepeat.gif) repeat-x;
	height: 116px;
	}
	
	#logo {
		float: left;
		margin: 10px 0 0 26px;
		}
	
	#headerText {padding-top: 36px;}
		
	#rightText {
		float: left;
		width: 190px;
		height: 28px;
		color: #868686;
		font-size: 22px;
		padding: 12px 0 0 24px;
		margin: 0 0 0 58px;
		border-left: solid 1px #787891;
		text-transform: uppercase;
		line-height: 18px;
		}
		
	#leftText {
		float: left;
		width: 500px;
		color: #343434;
		font-size: 14px;
		padding: 3px 0 0 24px;
		margin: 0 0 0 58px;
		border-left: solid 1px #787891;
		line-height: 18px;
		font-style: italic;
		height: 36px;
		}
	
	#leftText .small {
		font-size: 11px;
		}
		
/* Home */

/* Slideshow */
#schwartzOverlay {
	position: absolute;
	top: 88px;
	z-index: 5;
	}
	
#slide {
	display: block;
	width: 1000px;
	height: 319px;
	overflow: hidden;
	}

#top-4 {
	height: 155px;
	background: url(style/images/home_bg_repeat.gif);
	padding-left: 15px;
	}
	
	#top-4 img {
		float: left;
		border: solid 3px #e9e9e9;
		margin-right: 5px;
		}
	#top-4 h1 {
		font-size: 16px; 
		color: #39546f;
		margin: 5px 0 5px 0;
		}
	#top-4 p {
		margin-top: 0;
		font-size: 12px; 
		color: #2e2e2e;
		}
	
.top4Box {
	width: 240px;
	padding-top: 36px;
	float: left;
	}
	
#homeBottom {
	display: block;
	padding: 20px 30px;
	margin-top: 10px;
	background: #edeff1;
	border-top: solid 1px #dae0e4;
	overflow: hidden;
	vertical-align: baseline;
	}
	#homeBottom #left {
		width: 460px;
		height: 65px;
		float: right;
		}
	
	
/* PAGE LAYOUT 1 */

#page {
	width: 810px;
	margin: 30px auto;
	}

#layout1Left {
	float: left;
	width: 220px;
	margin-left: 80px;
	margin-top: 20px;
	}
	
#layout1Left img {
	padding: 4px;
	border: solid 1px #d6d6d6;
	margin-bottom: 8px;
	}
	
#layout1Left h1 {
	font-size: 11px;
	font-weight: bold;
	}

#layout1Left p {
	font-size: 11px;
	color: #39546f;
	width: 190px;
	}

#layout1Right {
	width: 580px;
	float: right;
	margin-right: 80px;
	margin-top: 20px;
	}
	
	/* Services Specific */
	
	#layout1Left .pagenav {
		font-size: 14px;
		font-weight: bold;
		}
		
	#layout1Left .page_item a {
		font-size: 12px;
		color: #39546f;
		}
		
	#layout1Left li ul li {
		background: url(style/images/square.gif) no-repeat 0 7px;
		padding-left: 10px;
		font-weight: normal;
		list-style: none;
		}

/* Before & After Page */

.before-afterPost {
	background: #e8eef3;
	border: solid 1px #b5c2ca;
	width: 788px;
	height: 205px;
	padding: 10px;
	}
	
	.before-afterPost ul li {
		display: inline;
		float: left;
		width: 388px;
		height: 205px;
		padding: 0;
		overflow: hidden;
		background: url(style/images/loading.gif) center no-repeat;
		list-style: none;
		}
	
	.before-afterPost ul li.before {margin-right: 10px;}
	.before-afterPost ul li p {color: #fff; z-index: 5; margin: -30px 10px; font-size: 18px;}
	
.before-afterDecscription p {color: #39546f; background: #b5c2ca; padding: 5px;}

/* Footer */

#footer p {
	font-size: 11px;
	color: #fff;
	margin-top: 18px;
	}

#footer a {color: #fff}
	
#footerAddress {
	width: 972px;
	height: 40px;
	padding: 14px;
	margin-left: -30px;
	overflow: hidden;
	display: block;
	background: #edeff1;
	border-top: solid 1px #dae0e4;
	}
	
	#footerAddress p{
		color: #39546f;
		font-size: 16px;
		float: left;
		margin-top: 10px;
		}
		
	#footerAddress img{
		float: left;
		margin-right: 15px;
		}

/* Menu */
#menu {
	display: block;
	margin: 3px 0 0 0;
	height: 53px;
	width: 1000px;
	background: url(style/images/menuBg.gif);
	}
	
	ul#buttons {
		list-style: none;
		margin-left: 95px;
		margin-top: -10px;
		}
		
	ul#buttons li {
		display: inline;
		float: left;
		background: none;
		padding: 0;
		}
	ul#buttons li a {
		display: block;
		height: 53px;
		width: 162px;
		text-indent: -999px;
		outline: none;
		}
	
	a.about {background: url(style/images/menu.png) no-repeat 0 0;}
		a:hover.about {background: url(style/images/menu.png) no-repeat 0 -53px;}
		a.about-current {background: url(style/images/menu.png) no-repeat 0 -106px;}
	
	a.services {background: url(style/images/menu.png) no-repeat -162px 0;}
		a:hover.services {background: url(style/images/menu.png) no-repeat -162px -53px;}
		a.services-current {background: url(style/images/menu.png) no-repeat -162px -106px;}
	
	a.before-after {background: url(style/images/menu.png) no-repeat -324px 0;}
		a:hover.before-after {background: url(style/images/menu.png) no-repeat -324px -53px;}
		a.before-after-current {background: url(style/images/menu.png) no-repeat -324px -106px;}
	
	a.testimonials {background: url(style/images/menu.png) no-repeat -486px 0;}
		a:hover.testimonials {background: url(style/images/menu.png) no-repeat -486px -53px;}
		a.testimonials-current {background: url(style/images/menu.png) no-repeat -486px -106px;}
	
	a.contact {background: url(style/images/menu.png) no-repeat -648px 0;}
		a:hover.contact {background: url(style/images/menu.png) no-repeat -648px -53px;}
		a.contact-current {background: url(style/images/menu.png) no-repeat -648px -106px;}