@import url('reset.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;}


body { 
	background: url(../images/backgrounds/background.gif) no-repeat top center #F1F0EE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	}
	
a { 
	color: #00aeef;
	text-decoration: none;
}

a:hover { 
	color: #999999;
	text-decoration: none;
}	

/* Structure */

#header {
	background: url(../images/backgrounds/header.jpg) no-repeat top center;
	height: 138px;
	width: 100%;
	}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	min-height: 650px;

	}
	
/* Navigation */

ul#navigation {
	background: url(../images/backgrounds/navigation.jpg) no-repeat top left; 
	height: 40px; 	
	width: 934px;
	margin: 0px;
	padding: 0px 13px;
	}
	
ul#navigation li {
	margin: 0px;
	padding: 0px 11px !important;
	padding: 0px 9px;
	line-height: 40px;
	float: left;
	}

ul#navigation li a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	} 

ul#navigation li a:hover {
	color: #a6ce39;
	}

	/*  Active */
	#navigation li a:hover.home, 
	body#home #navigation li a.home,
	body#aboutus #navigation li a.aboutus,
	body#anxiety #navigation li a.anxiety,
	body#infection #navigation li a.infection,
	body#infection #navigation li a.infection,
	body#technology #navigation li a.technology,
	body#cosmetic #navigation li a.cosmetic,
	body#teeth #navigation li a.teeth,
	body#white #navigation li a.white,
	body#implants #navigation li a.implants,
	body#contactus #navigation li a.contactus {
		color: #a6ce39;
	}  
	
	
/* Banner  - Home */

#bannerHome {
	background: url(../images/backgrounds/banner.jpg) no-repeat top left;
	height: 365px;
	padding:  22px 0 0 0;
	width: 960px;
	}
	
	#banner {
	width: 659px;
	height: 330px;
	overflow: hidden;
	float: left;
	background: url(../images/banner/banner1.jpg) no-repeat;
	border-right: 1px solid #FFFFFF;
	}

#cta { 
	width: 299px;
	float: left;
	
	}
	
#cta img { 
	border: none; 
	
	}	
	
#cta img:hover { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.8;
	opacity:.8;
	
	}	
	
	
	
/* Banner  - Inner */	

#bannerInner {
	margin: 0 0 10px 15px;
}
	

/* Content */

#contentContainer {
	background: url(../images/backgrounds/content.jpg) no-repeat top left;
	line-height: 1.6em;
	color: #7e7e7e;
	
}

#contentInner {
	background: url(../images/backgrounds/content-inner.jpg) no-repeat top left !important;
	background: none;
	line-height: 1.6em;
	color: #7e7e7e;
	margin-top: 30px;
	
}

#contact {
	width: 290px;
	margin: 0 85px 0 0 !important;
	margin: 0 75px 0 0;
	float: left;
}

	#contact p {
		margin: 0px 20px 20px 20px; 
	
		}

#content {
	width: 575px;
	margin: 0 0 30px 0;
	float: left;
	
}

	#content h1 {
		font-size: 16px;
		font-weight: normal;
		margin: 0px 0px 20px 0px; 
	
		}

	#content p {
		margin: 0px 0px 20px 0px; 
		}
		
	#logo img { margin: 0 15px;}
	
	#logo img:hover { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.8;
	opacity:.8;
	
	}	
	
	.image-left {
	border: 5px solid #CCCCCC;
	float: left;
	margin: 0 15px 15px 0px;
	}
	
	.image-right {
	border: 5px solid #CCCCCC;
	float: right;
	margin: 0 0 15px 15px;
	}

/* Footer */

#footer {
	background: url(../images/backgrounds/footer.jpg) no-repeat top center;
	height: 182px;
	padding: 20px 0 0 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1.4em;
	}	
	
	#footer .logo-webfirm {
		width: 720px;
		height: 30px;
		padding: 0px 20px 0 240px;
		margin: 0 auto;
		text-align: right;
	}
	
	#footer .logo-webfirm a, #footer .logo-webfirm a:hover {
		text-decoration: none;
	}
	
	#footer .links {
		width: 740px;
		height: 50px;
		padding: 50px 0 0 240px;
		margin: 0 auto;
		line-height: 2.0em;
	}
	
	#footer a { 
		color: #FFFFFF;
		text-decoration: none;
		margin: 0 8px 0 0;
	}
	
	#footer a:hover { 
		color: #FFFFFF;
		text-decoration: underline;
	}