@charset "utf-8";
/* CSS Document */

html, body {
	margin-top: 0em;
	padding: 0em;
	background-color: #336633;
	}
	
#container{
	width:770px;
	height:570px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgImage.jpg);
	}
	
#containerProsthetics{
	width:770px;
	height:570px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgProsthetics.jpg);
	}
	
#containerCrown{
	width:770px;
	height:670px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgCrown.jpg);
	}
#containerImplants{
	width:770px;
	height:640px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgImplants1.jpg);
	}
	
#containerShading{
	width:770px;
	height:570px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgShading.jpg);
	}
#containerBlank{
	width:770px;
	height:640px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/BlankBkgAbout1.jpg);
	}
#containerContact{
	width:770px;
	height:570px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/bkgContact.jpg);
	}
	
.logo {
	background:url(images/RYates_Title.jpg) no-repeat;
	width:267px;
	height:17px;
	float:left;
	margin-left:20px !important;
	margin-left:10px;
	margin-top:1.3em;
	}

#logo a {display:block;width:267px;height:17px}

#logoContainer {
	width:600px;
	height:auto;
	float:left;
	margin-left:0.5em!important;
	margin-left:-0.4em;
	margin-top:0.5em;
	}
	
#Approved {
	background:url(images/straumannApproved.jpg) no-repeat;
	width:144px;
	height:64px;
	float:left;
	margin-left:0.5em;
	margin-top:0em;
}
#Approved a {display:block;width:144px;height:64px}	

#ATlogo {
	background:url(images/ATlogo.jpg) no-repeat;
	width:132px;
	height:40px;
	float:left;
	margin-left:0.5em;
	margin-top:1.0em;
}

#ATlogo a {display:block;width:132px;height:40px}	
	
#Straumannlogo {
	background:url(images/straumannlogo.jpg) no-repeat;
	width:132px;
	height:40px;
	float:left;
	margin-left:0.5em;
	margin-top:1.0em;
	}
#Straumannlogo a {display:block;width:132px;height:40px
}
.nav{
	width: 700px;
	height:25px;
	margin-left: 20px;
	margin-top: 40px;
	float: left;
	display:inline
	}	
	
a.nav2, a.nav:link, a.nav:visited {
	display:inline;
	width:150px;
	height:200px;
	align:left;
	border:0px;
	text-decoration:none;
	font-family:verdana;
	font-size:0.7em;
	color:#ffffff;
	line-height:20px;
	overflow:hidden;
	font-weight: bold;
	margin-left: 0em;
	margin-top: 3.0em;
}
a.nav2:hover {color:#ffcccc;} 
a.nav2:active {color:#ffcccc; }

.main {
	width: 400px;
	height:auto;
	float: left;
	margin-top:3.5em;
	margin-left:20px!important;
	margin-left:15px;
	}
#mainabout {
	width: 700px;
	height:auto;
	float: left;
	margin-top:2em;
	margin-left:18px!important;
	margin-left:15px;
	}	
	
#mainImplants {
	width: 700px;
	height:265px;
	float: left;
	margin-top:2em;
	margin-left:1.5em!important;
	margin-left:0.8em;
	}	
	
#maincrown {
	width: 480px;
	height:auto;
	float: left;
	margin-top:2.5em;
	margin-left:1.5em!important;
	margin-left:0.8em;
	}	
	
	.contact {
	width: 500px;
	height:auto;
	float: left;
	margin-left:10px !important;
	margin-left:5px;
	margin-top:1em !important;
	margin-top:2em;

	}
	
	.footer {
	width: 600px;
	height:auto;
	float: left;
	margin-top:0.5em !important;
	margin-top:1em;
	margin-left:10px !important;
	margin-left:5px;
	}
	
	
	.footerabout {
	width: 730px;
	height:auto;
	float: left;
	margin-top:0.5em !important;
	margin-top:-0.5em;
	margin-left:15px !important;
	margin-left:10px;
	}
	
	.footerabout1{
	width: 730px;
	height:auto;
	float: left;
	margin-top:1em !important;
	margin-top:0.3em;
	margin-left:20px !important;
	margin-left:10px;
	}
	
	.footeraboutPros{
	width: 730px;
	height:auto;
	float: left;
	margin-top:1.7em !important;
	margin-top:0.9em;
	margin-left:20px !important;
	margin-left:10px;
	}
	
	.footeraboutImplant{
	width: 730px;
	height:auto;
	float: left;
	margin-top:4.6em !important;
	margin-top:0.8em;
	margin-left:20px !important;
	margin-left:10px;
	}
	
	.footeraboutContact{
	width: 730px;
	height:auto;
	float: left;
	margin-top:0.2em !important;
	margin-top:-0.7em;
	margin-left:20px !important;
	margin-left:10px;
	}
	
#crownpics {
	width: 500px;
	height:140px;
	float: left;
	margin-top:0.5em;
	margin-left:0em;
	}
	
#beforephoto {
	background:url(images/crown_before.jpg) no-repeat;
	width:207px;
	height:139px;
	float:left;
	margin-left:0em;
	margin-top:0em;
	}
#beforeText {
	float:left;
	margin-left:8em;
	margin-top:0em;
	}
#afterphoto {
	background:url(images/crown_after.jpg) no-repeat;
	width:212px;
	height:139px;
	float:left;
	margin-left:0.3em;
	margin-top:0em;
	}

.contactabout{
	width: 500px;
	height:auto;
	float: left;
	margin-top:2.5em;
	margin-left:1.5em;
	}
	

.logoimage {
	width: 113px;
	height: 113px;
	float: right;
	margin-top:-1.0em !important;
	margin-top:0em;
	margin-right:1.5em;
	background-image: url(images/RYDL_LogoSml.png)!important;
	background-image: url(images/RYDL_LogoSml.gif);
	background-repeat: no-repeat;
	}
#logoimage a {display:block;width:113px;height:133px}
	
#logoimageabout {
	width: 113px;
	height: 113px;
	float: right;
	margin-top:0.5em;
	margin-right:1.5em;
	background-image: url(images/RYDL_LogoSml.png)!important;
	background-image: url(images/RYDL_LogoSml.gif);
	background-repeat: no-repeat;
	}	
#logoimageabout a {display:block;width:113px;height:113px}


			.bodyBoldWhite{
				font-family: verdana;
				font-size: 0.7em;
				font-style: normal;
				font-weight: bold;
				color: #ffffff;
				text-decoration: none;
			}
			.bodyWhite{
				font-family: verdana;
				font-size: 0.7em;
				font-style: normal;
				font-weight: normal;
				color: #ffffff;
				text-decoration: none;
				line-height: 20px;
			}
			.bodyGreen{
				font-family: verdana;
				font-size: 0.7em;
				font-style: normal;
				font-weight: normal;
				color: #336633;
				text-decoration: none;
			}
			
			.boldGreeen{
				font-family: verdana;
				font-size: 0.7em;
				font-style: normal;
				font-weight: bold;
				color: #336633;
				text-decoration: none;
			}
			
			.boldGreeenLrg{
				font-family: verdana;
				font-size: 0.8em;
				font-style: normal;
				font-weight: bold;
				color: #336633;
				text-decoration: none;
				line-height: 18px;
			}
			.boldGreenSml{
				font-family: verdana;
				font-size: 0.7em;
				font-style: normal;
				font-weight: bold;
				color: #336633;
				text-decoration: none;
				line-height: 18px;
			}
			a.Linkwhite, a.Linkwhite:link, a.Linkwhite:visited {
				display:inline;
				width:150px;
				height:15px;
				align:left;
				border:1px;
				text-decoration:none;
				font-family:verdana;
				font-size:0.7em;
				color:#FFFFFF;
				line-height:18px;
				overflow:hidden;
				font-weight: bold;
				margin-left: 0em;
			}
			a.Linkwhite:hover {
				color:#ffcccc;
			} 
			a.Linkgreen, a.Linkgreen:link, a.Linkgreen:visited {
				display:inline;
				width:150px;
				height:15px;
				align:left;
				border:1px;
				text-decoration:none;
				font-family:verdana;
				font-size:0.7em;
				color:#336633;
				line-height:18px;
				overflow:hidden;
				font-weight: bold;
				margin-left: 0em;
			}
			a.Linkgreen:hover {
				color:#000000;
			}