/*
	Title:		Woodlands Dental
	Author:		Ian Houghton
	Website:	http://www.redmorello.com
*/

/*
================================
COMMON STYLES 
================================
*/

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;}
.contentImage {float:right;padding-left:10px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}  /* for IE/Mac */

a:active, a:focus{outline: none;}r

html, body{margin:0;padding:0;height:100%;}

/* FONTS standards */
body{font-size: 62.5%;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;color: #555555;background:#f3f2f2;}

h1{font-size:24px;color:#fff;font-weight:bold;}
h1.bg{width:594px;height:54px;background:transparent url('images/h1-left.jpg') no-repeat; margin:0 0 20px -52px; padding:10px 0 0 50px;}
h1.bg2{width:333px;height:64px;background:transparent url('images/h1-right.jpg') no-repeat; margin:0 -50px 20px 0px; padding:10px 0 0 30px;}
h1.bg-contact{width:424px;height:54px;background:transparent url('images/h1-left-contact.jpg') no-repeat; margin:0 0 20px -52px; padding:10px 0 0 50px;}
h1.bg2-contact{width:442px;height:64px;background:transparent url('images/h1-right-contact.jpg') no-repeat; margin:0 -50px 20px 0px; padding:10px 0 0 30px;}
#content h2{font-size:14px;font-weight:bold;margin-bottom:10px;}
strong {font-weight:bold;}

/*
================================
HEADER STYLES 
================================
*/

#header{height:130px;width:100%;background:transparent url('images/header-bg.jpg') repeat-x left top; margin-bottom:20px;}
#header ul {list-style: none; padding: 20px 0px 5px 0px; margin: 0px;}
#header ul li{display: inline; margin: 0px; padding: 0 15px 0 15px;}
#header ul li a{padding: 0px;color:#fff;font-size:24px;text-decoration:none;}
#header ul li a:hover{width:80%;border-bottom:2px solid #bfd231;}
#header ul li a:active{color:#bfd231;}
#header ul li.selected a{color:#bfd231;}
#containerHeader{width:1024px;margin:0 auto 0 auto;}
#containerHeader img{margin-left:32px;}
#navi{float:right;margin-right:32px;}
#telephone{margin: 20px 45px 0 0;font-size:18px;color:#fff;}
#telephone em{font-size:28px;color:#BFD231;}

/*
================================
TOP NAVIGATION STYLES 
================================
*/


/*
================================
BODY STYLES 
================================
*/

#main{margin:0 auto 0 auto; width: 1024px;}
#body{margin:0 auto 0 auto; width:960px;}
#contentTop{width:960px;height:10px;background:transparent url('images/content-top.jpg') no-repeat left top;}
#content{width:920px;min-height:800px;height:auto;background-color:#fff;padding:0 0 0 40px;}
#contentBottom{width:960px;height:10px;background:transparent url('images/content-bottom.jpg') no-repeat left top;}
#content H4{font-size:16px;font-weight: bold;padding-top: 10px;}

#homepageCol1{width:550px;margin:20px 0 40px 0;}
#textpageCol1{width:505px;margin:20px 20px 40px 0;padding:0 25px 0 0;}
/*#homepageCol1 li{font-size:12px;line-height:18px;margin-bottom:20px;height:29px; list-style-image:url('images/li-tick.jpg'); list-style-position:outside;}*/
#homepageCol1 li{font-size:12px;line-height:18px;margin-bottom:20px;height:29px;background-image:url('images/li-tick.jpg');background-repeat:no-repeat;padding-left:55px;}
#homepageCol2{width:320px;margin:20px 0 0 0;}
#textpageCol2{width:320px;margin:20px 0 0 0;}
#contactCol1{width:420px;margin:20px 0 40px 0;}
#contactCol2{width:460px;margin:20px 0 40px 0;}
#homepagecol2 span,#textpagecol2 span{font-size:14px;}
#homepagecol2 em,#textpagecol2 em{font-size:24px;font-weight:bold;padding-left:5px;}
em.telephone {font-weight:bold;font-size:24px;}

p {margin:10px 0 20px 0;line-height:24px;font-size:12px;}
/*#body li{font-size:12px;line-height:18px;background-image:url('images/li-tick.jpg');background-repeat:no-repeat;background-position:left 0px;padding-left:50px;margin-bottom:20px;height:29px;}*/
#body ul{margin:0 25px 0 25px;}
#breadcrumb ul{margin:0;padding:0;}
#breadcrumb li{font-size:12px;}
#breadcrumb a{color:#BFD231;font-weight:bold;text-decoration:none;font-size:14px;}
#breadcrumb a:hover{text-decoration:underline;}

#teammembers ul{margin:0;}
#teammembers li.teamCont{list-style-image:none;border-bottom:1px dashed #000;padding-bottom:10px;margin-bottom:40px;height:auto;min-height:175px;}
#teammembers img{border:2px solid #000;margin-right:30px;}
#teammembers h1{color:#555;font-weight:bold;font-size:24px;padding-bottom:2px;margin-bottom:25px;border-bottom:3px solid #BFD231;}
#teammembers h2{font-weight:bold;font-size:18px;padding-bottom:5px;}
#teammembers ol{list-style:circle;margin-left:30px;}
#teammembers ol li{list-style:circle;font-size:12px;border:none;padding:0;margin:0;}

#testimonials ul{margin:0;width:95%;}
#testimonials li{list-style-image:none;padding-bottom:10px;margin-bottom:40px;height:auto;}
#testimonials h2{font-weight:bold;font-size:14px;padding-bottom:5px;}
#testimonials p{font-style:italic;}
#testimonials blockquote ul{margin-left:20px;}
#testimonials blockquote li{list-style:circle;list-style-position:inside;padding:0 0 10px 0;margin-bottom:0px;height:auto;font-style:italic;}

#map{width:440px; height:360px; border: 1px solid #777;font-size:10px;}
#contactCol2 table{width:440px;margin-bottom:20px;font-size:12px;}
#contactCol2 td{vertical-align:top;padding:5px;}
#contactCol2 td p{line-height:24px;padding:0;margin:0;}
#contactCol2 td.address{font-weight:bold;}
.star{color:Red;font-weight:bold;}

.newsItem {position:relative;}
#news h2{color:#BFD231;font-size:18px;font-weight:bold;}
#news .date{font-size:12px;}
#news ul{margin:0;padding:0 0 20px 0;}
#news li{font-size:12px;}

#sideBarButtons {margin-top:30px;}
#sideBarButtons img{margin-bottom:30px;}

/*
================================
HERO STYLES 
================================
*/

#containerHero{padding:20px 20px 0 20px;width:920px;height:290px;margin-bottom:20px;background:transparent url('images/hero-bg.jpg') no-repeat left top;}
.sliderContainer{width:600px;height:250px;}
.pics{width:600px;height:250px;overflow:hidden;}
#buttonContainer{width:300px;height:250px;}
#buttonContainer img{padding-bottom:20px;}

/*
================================
SERVICE BANNER STYLES 
================================
*/
#services h2{color:#555;font-size:18px;font-weight:bold;}
#services .date{font-size:12px;}
#services ul{margin:0;padding:0 0 20px 0;}
#services li{font-size:12px;margin:10px 10px 20px 10px;}
#services a{color:#BFD231;font-weight:bold;text-decoration:none;font-size:14px;}
#services a:hover{text-decoration:underline;}
.serviceBanner{margin:0 0 0 50px;width:220px;height:260px;border:1px solid #d0d7a2;}
.serviceBannerPics{width:220px;height:260px;overflow:hidden;}
.serviceTitle{width:222px;height:31px;background:transparent url('images/service-bg.jpg') no-repeat left top;}
.serviceImage{margin: 0 0 0 10px;border:1px solid #5d5d5d;}
blockquote.style2 {
  margin:10px 0 0 0;
  padding: 8px;
  background-color: #f0f0f0;
  border-top: 1px solid #BFD231;
  border-bottom: 1px solid #BFD231;
  position:relative;
  }
.moreInfoButton {position:absolute;left:5px;bottom:5px;}
.moreInfoButton2 {margin:10px 0 10px 0;}

/*
================================
FOOTER STYLES 
================================
*/

#footer{margin:30px auto 0 auto; width:960px; clear: both;padding-bottom:20px;}
#footer li{text-align:center;font-size:11px;}
#footer li b{font-weight:bold;font-size:12px;}
#footer a{color:#555555;font-weight:bold;text-decoration:none;}
#footer a:hover{text-decoration:underline;}



#top{border-bottom: 1px solid #CED7DE;}

#top ul{list-style: none; padding: 0px 0px 15px 0px; margin: 0px;}
#top ul li{display: inline; margin: 0px; padding: 0xp;}
#top ul li a{padding: 10px;font-size:24px;}

/* Subpages layout */

#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}

.adiLogo{margin:25px 0 40px 65px;}

/*
================================
CONTACT STYLES
================================
*/

.form{margin:0 0 30px 40px;}
.form2{margin:0 0 30px 30px;}
.form .text
{
    width:265px;
    margin:0 25px 0 30px;
}

.form .fields
{
    margin:0 0 0 30px;
    width: 265px;
}

fieldset legend
{
    display:none;
}

fieldset label
{
    display:block;
    margin:10px 0 0 0;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}

fieldset label.first
{
    margin:0;
}

fieldset input
{
    background-color:#f0f0f0;
    border:2px solid #515151;
    width:250px;
    height:25px;
    padding:2px;
    margin:0 0 3px 0;
    color:#515151;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}

fieldset input.emailbutton
{
    background-color:#bfd231;
    border:2px solid #515151;
    width:150px;
    height:35px;
    padding:2px;
    margin:10px 0 3px 0;
    color:#ffffff;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}
  
fieldset textarea
{
    background-color:#f0f0f0;
    border:2px solid #515151;
    width:250px;
    height:130px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;
    color:#515151;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}

    fieldset input:focus, fieldset textarea:focus
    {
        border:2px solid #619ca7;
    }

fieldset input.error, fieldset textarea.error
{
    border:2px solid #a90329;
}

    fieldset input.error:focus
    {
        border:2px solid #af4975;
    }

fieldset button
{
    border:none;
    color:#619ca7;
    margin:10px 0 10px 45px;
    background:url('images/submit-btn.jpg') no-repeat left top;
    width:150px;
    height:50px;
    cursor:pointer;
}

fieldset h2{color:#555;font-size:18px;font-weight:bold;}

#errorList{color:Red;}
#errorList ul{margin:10px 0 0 0;}
#errorList li{padding:0;margin:0;list-style-image:none;font-size:14px;font-weight:normal;line-height:14px;}
.errorMessage{font-size:14px;font-weight:bold;}

/*
================================
REFERRAL STYLES
================================
*/

.referralForm{margin:0 0 30px 30px;}
.referralForm .form .text
{
    width:365px;
    margin:0 25px 0 30px;
}

.referralForm .form .fields
{
    margin:0 0 0 30px;
    width: 265px;
}

.referralForm fieldset legend
{
    display:none;
}

.referralForm fieldset label
{
    display:block;
    margin:10px 0 0 0;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}

.referralForm fieldset label.first
{
    margin:0;
}

.referralForm fieldset input
{
    background-color:#f0f0f0;
    border:2px solid #515151;
    width:400px;
    height:25px;
    padding:2px;
    margin:0 0 3px 0;
    color:#515151;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}
  
.referralForm fieldset textarea
{
    background-color:#f0f0f0;
    border:2px solid #515151;
    width:400px;
    height:130px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;
    color:#515151;
    font-size:14px;
    font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans", Arial, sans-serif;
}

    .referralForm fieldset input:focus, fieldset textarea:focus
    {
        border:2px solid #619ca7;
    }

.referralForm fieldset input.error, fieldset textarea.error
{
    border:2px solid #a90329;
}

    .referralForm fieldset input.error:focus
    {
        border:2px solid #af4975;
    }

.referralForm fieldset button
{
    border:none;
    color:#619ca7;
    margin:10px 0 10px 45px;
    background:url('images/submit-btn.jpg') no-repeat left top;
    width:150px;
    height:50px;
}

.referralForm fieldset h2{color:#555;font-size:18px;font-weight:bold;}
div.text h3{color:#555;font-size:18px;font-weight:bold;}
div.text p{font-size:14px;width:400px;}

#errorList{color:Red;}
#errorList ul{margin:10px 0 0 0;}
#errorList li{padding:0;margin:0;list-style-image:none;font-size:14px;font-weight:normal;line-height:14px;}
.errorMessage{font-size:14px;font-weight:bold;}

/*
================================
BLOCK STYLES
================================
*/

blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #f0f0f0;
  border-top: 1px solid #BFD231;
  border-bottom: 1px solid #BFD231;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  width:98%;
  }
  blockquote.style1 span {
	display:block;
	background-image: url(images/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	padding-bottom:10px;
  	}
  	blockquote.style1 span p {
    	font: 14px/20px italic Times, serif;
        padding:8px;
        margin:5px;
        text-indent: 0px;
  	}
  	
  	#testimonials h2{padding:5px 0 20px 5px;}

ul#caseStudy
{
	margin:0;
}
ul#caseStudy li
{
	text-indent: 0px;
}
.caseStudySpan
{
	width:270px;
	background-image: url(images/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	padding-bottom:10px;
}
.caseStudyGallery
{
	width:200px;
	height:auto;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */