@import url('reset.css');
@import url('sifr.css');
@import url('baseform.css');
@import url('fancybox.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/* General */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333; background: #f0f0f0; border-top: 3px solid #165fb1; margin: 0; padding:0;}
p { margin: 0 0 10px 0;}
a, a:link, a:visited { color: #093e78; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline; }

.left { float: left; }
.right { float: right; }

.clear { clear:both; }


/* Header */
h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 16px; font-weight: normal; color: #093e78;}
h3 { font-size: 13px; font-weight: normal;}
h4 { font-size: 12px; font-weight: bold; color: #0089ad;}
h5, h6 { font-size: 11px; font-weight: normal;}
h1, h2, h3, h4, h5, h6{line-height: 2;}

.h1home { font-size: 16px; font-weight: normal; color: #093e78;}


#wrapper { margin: 0 auto; width: 840px; }	
	.container { border: 1px solid #CCCCCC; background: #FFFFFF; padding: 12px; margin: 5px 0px; width: auto; min-height: 85px; }
	
	#navigation { background: url(../images/core/bg_navigation.jpg) no-repeat top left; float: left; width: 255px; min-height: 230px; margin: 0 0 10px 0; }
	
	#banner { background: url(../images/core/bg_banner.gif) no-repeat top left; float: right; width: 545px; height: 230px; margin: 0 0 10px 0; }
		#banner div.slideshow { height: 230px; width: 458px; margin: 0px 43px; #margin: 0px 43px 0px 0px; overflow: hidden; position: absolute; top: 102px; #top: 100px; }
			*html #banner div.slideshow { margin: 0px 0px 0px -2px; top: 100px; }
		#banner div.previous { float: left; width: 40px; margin: 100px 0 0 3px;  }
		#banner div.next { float: right; width: 40px; margin: 100px 0px 0 0; }

	#content { float: left; width: 520px; padding: 0 0 0 30px; }
		p.home { height: 0px; padding: 43px 0 0 0; margin: 8px 0 10px 25px; background: url(../images/header/home.jpg) no-repeat top left; overflow: hidden; color: #FFFFFF; width: 100%;  }
		h1.dentures { height: 0px; padding: 43px 0 0 0; margin: 8px 0 10px 25px; background: url(../images/header/dentures.jpg) no-repeat top left; overflow: hidden; color: #FFFFFF;  }
		h1.implant { height: 0px; padding: 43px 0 0 0; margin: 8px 0 10px 25px; background: url(../images/header/implant.jpg) no-repeat top left; overflow: hidden; color: #FFFFFF;  }
		h1.mouthguards { height: 0px; padding: 43px 0 0 0; margin: 8px 0 10px 25px; background: url(../images/header/mouthguards.jpg) no-repeat top left; overflow: hidden; color: #FFFFFF;  }
		h1.contact { height: 0px; padding: 43px 0 0 0; margin: 8px 0 10px 25px; background: url(../images/header/contact.jpg) no-repeat top left; overflow: hidden; color: #FFFFFF; width: 780px;  }
		
		.map { border: 3px solid #CCCCCC; margin: 15px 0 0 0; }
	
	#cta { float: right; width: 215px; height: 165px; padding: 64px 15px 10px 15px; background: url(../images/core/bg_contact.jpg) no-repeat top left;  color: #FFFFFF; }
		#cta p { margin: 0; padding: 0; }
		#cta span.label { display: inline-block; width: 60px; }
		#cta span.phone { display: inline-block; font-size: 18px; margin: 12px 0;}
		
	#seven-reasons { display: inline; clear: both; float: right; width: 245px; height: 64px; color: #FFFFFF;}
		
	#logos { text-align: center; }
	#logos img { margin: 0px 50px; }
	
	*html #logos { height: 80px;}	
	
	
/* Navigation */
#navigation {padding:0 10px 0 0; position: absolute;}
	#navigation ul {margin:0;padding:0; list-style: none; }
	#navigation ul li {margin:0;padding:0;float:left; cursor: pointer; border-bottom: 1px solid #dddddd;}
	#navigation ul li a {display:block;text-indent:-999px;overflow:hidden; width:250px;}
	
	#navigation ul li.home a {background:url(../images/navigation/nav_home.gif) no-repeat 0 0; height: 42px;}
	#navigation ul li.dentures a {background:url(../images/navigation/nav_dentures.gif) no-repeat 0 0; height: 38px; }
	#navigation ul li.implant a {background:url(../images/navigation/nav_implant.gif) no-repeat 0 0; height: 60px; }
	#navigation ul li.mouthguards a {background:url(../images/navigation/nav_mouthguards.gif) no-repeat 0 0; height: 41px; }
	#navigation ul li.contact a {background:url(../images/navigation/nav_contact.gif) no-repeat 0 0; height: 43px; }
	
	#navigation ul li a:hover {background-position:-252px 0px!important;}
	
	body#home #navigation ul li.home a, body#dentures #navigation ul li.dentures a, body#implant #navigation ul li.implant a, body#mouthguards #navigation ul li.mouthguards a, body#contact #navigation ul li.contact a {background-position:-252px 0px!important;} 
	
#footer {  }
	#footer .left { margin: 25px 0 0 15px; }
	#footer .right { margin: 25px 15px 0 0; }

*html #footer { height: 80px;}


#seven-reasons-list{
	list-style: decimal;
	margin: 10px;
	padding-left: 20px;
}

#content img, #right img{
	border: 1px solid #888;
	-moz-box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
}

#map-link{text-align: right;}

#enquiry { float: right; width: 245px; }

#implant #content, #mouthguards #content{
	width: 460px;
}

#right{
	display: inline;
	float: right;
	margin-right: 10px;
	width: 300px;
}

hr{
	border: 0;
	border-top: 1px solid #ccc;
	height: 1px;
}
#krazzy-b{
	margin: 0 auto;
	padding-top: 20px;
	width: 300px;
}