@charset "utf-8";
/* CSS Document */
.content-space {
	height:20px;}
	
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 500px;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.img-content {
	background:#000;
	padding:10px;
	margin:2px;
	border-width:2px; border:#333333;   
	border-color:#333333; }
	.img-content a:visited{	text-decoration:underline!important; border-width:2px; border:#333333;   
	border-color:#333333; }
	.img-content a:hover {	text-decoration:underline!important; border-width:2px; border:#333333;   
	border-color:#333333; }
	.img-content a {	text-decoration:underline!important; border-width:2px; border:#333333;   
	border-color:#333333; }
	
.header {
	background:#000 url(../img/willowbend-dental-header.jpg);
	height:335px;
	text-align:center;
	padding-top:5px; }
	
.content-bg {
	background:url(../img/wb-content-bg.gif) #00002d repeat-y;}
	
.content-box-left-pic {
	height:650px;}
	
#content-quote-box {
	background:#000 url(../img/wb-quote-block-trans.png) bottom right no-repeat;
	min-height:90px;
	width:457px;
	padding:5px;}
	
#content-quote-box p {
	padding-left:50px;
	font-size: 100%;}
	
.content-box-hp {
	background:#FFF url(../img/willowbend-content-box-4.gif) repeat-x;
	height:220px;
}
.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:1px;
	border-bottom:#999999 medium;
    }
.bottom-pad {
	margin-bottom:20px;
}	
.top-pad-10, a {
	margin-top:10px;
	/*color:#23134c;*/

	
}	

.top-pad-50 {
	margin-top: 50px;
}
.top-pad-30 {
	margin-top: 30px;
}
.content-box-h1-wv {
	background:url(../img/willowbend-content-box-h1-welcome-video-trans.png);
	height:35px;
}
.content-box-h1-fi {
	background:url(../img/willowbend-content-box-h1-featured-trans.png);
	height:35px;
}
.content-box-h1-ot {
	background:url(../img/willowbend-content-box-h1-office-tour-trans.png);
	height:35px;
}
#demotip {
	display:none;
	background:transparent url(../img/jqtools/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
}

#overlay {
	background-image:url(../img/jqtools/transparent.png);
	color:#efefef;
	height:450px;
}
 
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}

.white-link a {color:#FFF;}
.white-link a:hover {color:#695492}
.footer-services {
	font-size:10px;
	list-style:none;
	display:block;
}
.profile {
	height:350px;
	padding:10px;
	vertical-align:middle;
}

.profile img {
	float:left;
	display:block;
}
.profile-p {
	margin-top:20px;
}
.profile-h4 {
	margin-top:80px;
}
/*contact form */
.hideElement {display:none;}

.errorMsg {background-color:red;color:white;padding:.2ex; font-size:10px;}
.successMsg {background-color:#ffc20e;color:black;padding:.2ex; font-size:10px;}

.successText {color:#ffc20e;font-weight:bold;}
.errorText {color:red;font-weight:bold;}
/*Apply this class to the <p> block containing the submit button*/
.p_submit input {
	margin-left:9.5em;
	/*Include the following style to give the button depth*/
	/*border: 2px outset #d7b9c9;*/
}


	
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#gallery-wrapper {width:806px; margin:50px auto; display:none}
#gallery-wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:796px; height:500px; padding:2px; background:#000}
#information {position:absolute; bottom:0; width:796px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:806px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:506px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:506px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:130px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:130px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:750px; margin-left:5px; height:130px; overflow:hidden}
#slider {position:absolute; left:0; height:130px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}   


.footer-wb {
	position: relative;
	background:#ffffdb url(../img/wb-footer-bg.gif) repeat-x;
	height:600px;
	margin-top: -480px; /* negative value of footer height */
	clear:both;
	color:#23134c;} 
	
.footer-wb a {
	color:#4d10e9;}

.fineprint { font-family: Arial, Verdana, sans-serif; 
	font-size: 9px; text-decoration:none;
	font-style: normal; 
	line-height: 9px; 
	font-weight: normal; 
	color: #cccccc;!important  }  
	
	
.fineprint a { font-family: Arial, Verdana, sans-serif; 
	font-size: 9px; text-decoration:none;
	font-style: normal; 
	line-height: 9px; 
	font-weight: normal; 
	color: #cccccc;!important  }  
	
	
.fineprint a:hover { font-family: Arial, Verdana, sans-serif; 
	font-size: 9px; text-decoration:none;
	font-style: normal; 
	line-height: 9px; 
	font-weight: normal; 
	color: #cccccc;!important }