@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Dr. Douglas J. Kibblewhite
Version:		1.0
Last change:	05/07/08
Assigned to:	Manuel Pineault (mp)
Primary use:	Website
-------------------------------------------------------------------*/


/*[Layout] ======================================

1. Body
	
	2. Container / #wrap
	
		3. Header / #header
		
		4. Blank Divider / .divider
		
		5. Left Column / #leftcolumn
		
			5.1 Content / #content
		
		6. Right Column / #rightcolumn
		
		7. Blank Divider / .divider
		
		8. Footer / #footer
		
			8.1 (Index.html Only) Column 1 / #one
			
			8.2 (Index.html Only) Column 2 / #two
			
			8.3 (Index.html Only) Column 3 / #three
			
			8.4 Copyright / #copyright
			
-------------------------------------------------------------------*/

/* hacks *************************************************************************/

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

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}


*{ margin: 0; padding: 0; }

h3, h5, h4, p{ margin-bottom: 20px; }
h4.topPad { margin-top: 20px; }
h4.gallery { margin: 20px 0 10px 0; }

ul{ list-style: none; }

input, textarea{
padding:6px;
margin:4px 0 0 0;
border:solid 1px;
}

.floatleft{ float: left; }
.floatright{ float: right; }
.noborder{ border: none; }
div#footer .line{ clear: both; width: 906px; height: 1px; border-top: 1px solid; }

div#wrap {
width: 906px;
margin: 50px auto 0 auto;
}

div#header{
height: 45px;
background-color: #fff;
/*border-bottom: 1px solid;*/
}

	div#logo a{
	width: 347px;
	height: 33px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	}
	
	#nav{
	width: 534px;
	height: 20px;
	float: right;
	}	
		#nav li{
		display: inline;
		float: left;
		}
			
			#nav li a{
			text-decoration: none;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			}
			
			#nav li a.active{ background-position: 0 20px; }

			a#navHome, a#navAbout, a#navProcedures, a#navGallery, a#navFaq, a#navLinks, a#navContact {
			height: 20px;
			}

			a:hover#navHome, a:hover#navAbout, a:hover#navProcedures, a:hover#navGallery, a:hover#navFaq, a:hover#navLinks, a:hover#navContact,
			a#navHome.selected, a#navAbout.selected, a#navProcedures.selected, a#navGallery.selected, a#navFaq.selected, a#navLinks.selected, a#navContact.selected {
			background-position: 0 -20px;
			}
			
			a#navHome{
			width: 62px;
			background: url(../images/nav/n_home.gif) no-repeat 0 0;
			}
			
			a#navAbout{
			width: 80px;
			background: url(../images/nav/n_about.gif) no-repeat 0 0;
			}
			
			a#navProcedures{
			width: 90px;
			background: url(../images/nav/n_procedures.gif) no-repeat 0 0;
			}
			
			a#navGallery{
			width: 104px;
			background: url(../images/nav/n_gallery.gif) no-repeat 0 0;
			}
			
			a#navFaq{
			width: 52px;
			background: url(../images/nav/n_faq.gif) no-repeat 0 0;
			}
			
			a#navLinks{
			width: 54px;
			background: url(../images/nav/n_links.gif) no-repeat 0 0;
			}
			
			a#navContact{
			width: 92px;
			background: url(../images/nav/n_contact.gif) no-repeat 0 0;
			}
			
	
			#nav li ul{
			border-bottom: 1px solid #dbdbdb;
			border-right: 1px solid #dbdbdb;
			border-left: 1px solid #dbdbdb;
			display: none;
			}
			
			#nav li.over ul, #nav li ul.showSub{
			display: block;
			position: absolute;
			background: #fff !important;
			z-index: 99999;
			}
			
			#nav li ul li{ 
			width: 73px;
			height: 20px;
			padding: 3px 6px 3px 9px;
			display: block;
			font-size: 11px;
			float: none;
			background-color: #fff;
			}
			
			#nav li ul li a{
			text-indent: 0;
			color: #8B2727;
			}
			
			#nav li ul li a:hover{
			text-decoration: underline;
			}

.divider{
/*width: 903px;
height: 4px;*/
padding:2px 0 2px 0;
clear: both;
border-left: 1px solid;
border-right: 1px solid;
background-color: #fff;
}

.imageBoxWrap {
	background: #F8F8F8;
	border: 3px solid #E1E8E1;
	clear:both;
	height:142px;
	margin-bottom:12px;
}

.imageBox {
	padding:15px;
	position: absolute;
}

.imageBoxCaption {
	position: relative;
	left: 325px;
	width: 195px;
	height: 130px;
}
.imageBoxCaption .text {
	position:absolute;
	bottom: 0;
}
.imageBoxCaption p {
	vertical-align:bottom;
}

.image {
	background: url(../images/icon_photo.gif) no-repeat 0 2px;
	padding-left: 24px;
}

div#border {
	border:solid 1px #dbdbdb;
	width:906px;
}

div#columnWrap {
	width:906px;
	margin:0 auto;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	background: url(../images/content_bgNew.gif) repeat-y 0 0;
	background-position:0 5px;
}

div#leftcolumn{
width: 580px;
padding: 0 5px 0 5px;
float:left;
}

	div#leftcolumn div#content{
	margin-top: 4px;
	padding: 20px;
	/*border: 1px solid;*/
	}
	
	div#leftcolumn div#content ul.list li {
		padding-bottom:5px;
		padding-left:12px;
		background:url(../images/bullet_white.gif) no-repeat 0 5px;
		font-size:12px;
		}
	
		div#leftcolumn div#content a{ text-decoration: none; }
		div#leftcolumn div#content a:hover{ text-decoration: underline; }
		
		div#leftcolumn div#content dt{ font-weight: bold; }
		div#leftcolumn div#content dd{ padding-bottom: 15px; padding-left: 12px; }
		div#leftcolumn div#content ul#sublinks { padding: 0 0 20px 0; }
		div#leftcolumn div#content ul#sublinks li{ padding: 0 10px; display: inline; border-right: 1px solid #993300; }
		div#leftcolumn div#content ul#sublinks li.noborder{ border: none; }
		
		div#leftcolumn div#content iframe{ border: 7px solid; }
		
			/*div#content a img{ margin: 6px; border: 7px solid; }*/
	
div#rightcolumn{
width: 250px;
padding: 30px 35px 0 25px;
float: right;
text-align:left;
font-size:10px;
/*background: url(../images/sidebarbgNew.gif) no-repeat;*/
}


div#rightcolumn p, div#rightcolumn a, div#rightcolumn table{ color: #fff; }

div#rightcolumn p{ font-size:12px; }
div#rightcolumn p.question{ 
font-size:12px; 
margin:0; 
padding:0;
}
div#rightcolumn p.answer{ 
font-size:16px; 
letter-spacing: 1px;
margin:0; 
padding:3px 0 35px 0;
}

div#rightcolumn ul li {
		padding-bottom:5px;
		padding-left:12px;
		background:url(../images/bullet_white.gif) no-repeat 0 5px;
		color:#fff;
		font-size:12px;
		}
	
	div#rightcolumn p{ margin-bottom: 15px; line-height:20px;}
	
	div#rightcolumn a:hover{ text-decoration: none; }
	
	table#ask td{ padding-bottom: 10px; }
	
		table#ask td input#submit{ padding: 0; border: none; }	

div#footer, div#footerHome {
width: 906px;
height: 65px;
/*border-top: 1px solid;*/
}

div#footerHome {
	height:auto;
	margin:0 auto;
	border:none;
}

	div#one, div#two, div#three{ width: 290px; margin-top: 20px; }
	
		div#one ul li{
		padding-bottom: 5px;
		padding-left: 12px;
		background: url(../images/bullet.gif) no-repeat 0 5px;
		}

	div#two{ margin-left: 18px; }
	
	div#copyright{ width: 906px; padding-top: 10px; clear: both; text-align: center; }
	div#copyright a:link, div#copyright a:visited { color: #999999; }
	div#copyright a:active, div#copyright a:hover { color: #8b2727; text-decoration:none; }

		
/*[Colour Codes] ======================================

Background:		#ffffff (white)
Body p:			#555555 (grey)
Body a:			#8b2727 (burgandy red)
Body h3:		#8b2727 (burgandy red)
Body h4:		#333333 (dark grey)

Right Column p:	#ffffff (white)
Right Column a: #ffffff (white)

Content:		#ebeff3 (light green)

Footer p:		#999999 (lighter grey)

border:			#dbdbdb (light grey)
		
-------------------------------------------------------------------*/

body, div#header, div#footer{ background-color: #fff; }

body p{ #555555; }

body a, body h3{ color: #8b2727; }
body h5{ color: #fff; font-size:16px; }

body h4{ color: #333; }

body input, body textarea{ border-color: #999; }


div#content{ background-color: #ebeff3; }

div#footer p, div#footerHome p{ color: #999999; }

div#one ul li{ color: #666; }

div#header, div#leftcolumn div#content, div#footer, div#footerHome, div#leftcolumn div#content iframe, div#content a img, .divider, div#footer .line{ border-color: #dbdbdb; }

div#content a:hover img{ border-color: #999; }

div#details {
	background-color:#518182;
	border:solid 1px #598D8E;
	padding:20px 20px 5px 20px;
}

/*[Typography] ======================================

Body Copy:		12px Arial, Verdana, Helvetica, sans-serif;
h3:				18px
h4:				14px
Input:			12px

Right Column:	11px
Footer:			11px
		
-------------------------------------------------------------------*/

body{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

h3{ font-size: 18px; line-height: 20px; font-weight: normal; }
h4{ font-size: 14px; line-height: 20px; }

div#header{ font-size: 1px; }

div#rightcolumn, div#footer, div#footerHome{ font-size: 11px; }

div#rightcolumn table#ask, div#one ul li{ font-size: 12px; }

div.threeCol{ float: left; width: 150px; }