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

body {

	margin: 0 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	line-height: 1.5em;
	color: #333;
	background: #FFF;
	text-align: justify;
	}


/*	page layout
--------------------------------------------------------- */	

#wrap { 
	background-color: #f2eee8;
	width: 760px;
	border-top: 12px solid #FFF;
	border-right: 10px solid #FFF;
	border-left: 10px solid #FFF;

	}
	
#content { 
	height: 411px;
	background: url(../img/home_bg.gif) repeat-x 0 0;
	
	}	
	
	
#logo { 
	position: absolute;
	left: 65px;
	top: 34px;
	
	}
	
#intro { 
	height: 89px;
	width: 456px;
	position: absolute;
	left: 287px;
	top: 45px;
	
	}
	
#intro-old { 
	height: 89px;
	width: 456px;
	background: url(../img/home_intro.gif) no-repeat left top;
	position: absolute;
	left: 287px;
	top: 45px;
	
	}
	
#midbar { 
	height: 225px;
	width: 716px;
	position: absolute; 
	left: 22px;
	top: 138px;
	
	}	
	
	
#footer { 

	width: 760px;
	height: 33px;
	background: #FFF;
	background: url(../img/footer_in.gif) no-repeat left top;
	clear: both;

	}
	

/*	links
---------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {

	color: #336699;
	text-decoration: none;

	}

a:hover { 
	text-decoration: underline; 

	}

a.back a:link, a.back a:visited { 
	color: #336699;

	}

a img { 
	border: none;

	}


/*	navigation - home
---------------------------------------------------------------- */

#nav1 { 
	position: absolute;
	left: 10px;
	top: 13px;
	list-style: none;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 2px 2px 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid #c2b9b4;
	background: #f2eee8;
	width: 244px; /* false value for ie */
	height: 200px; /* false value for ie */
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 240px; /* true value */
	height: 196px; /* true value */
	}

html > #nav1 {
	width: 240px; /* for opera */
	height: 196px; /* for opera */
	}

#nav1 li { 
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 28px;
	}

#nav1 a { 
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	width: 240px;
	height: 0px !important;
	height /**/:28px; /* for ie5/win */
	}
	
#nav1 li a:hover { background-position: 0 -28px; }
#nav1 li.current { background-position: 0 -56px; }
#nav1 li a.current { background-position: 0 -56px; }
#nav1 li a.current:hover { background-position: 0 -56px; }


#nav1-opt1, #nav1-opt1 a { background: url(../img/nav1_home.gif) top left no-repeat; }
#nav1-opt2, #nav1-opt2 a { background: url(../img/nav1_doctors.gif) top left no-repeat; }
#nav1-opt3, #nav1-opt3 a { background: url(../img/nav1_visit.gif) top left no-repeat; }
#nav1-opt4, #nav1-opt4 a { background: url(../img/nav1_office.gif) top left no-repeat; }
#nav1-opt5, #nav1-opt5 a { background: url(../img/nav1_orthodontics.gif) top left no-repeat; }
#nav1-opt6, #nav1-opt6 a { background: url(../img/nav1_appliances.gif) top left no-repeat; }
#nav1-opt7, #nav1-opt7 a { background: url(../img/nav1_contact.gif) top left no-repeat; }


/*	login nav
---------------------------------------------------------------- */

#loginnav { 
	position: absolute;
	left: 10px;
	top: 215px;
	width: 244px;
	height: 31px;
	font-size: xx-small; 
	overflow: hidden;
	}
	
#loginnav p {
	padding: 0;
	margin: 1px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}
#loginnav a { text-decoration: none; } 

#loginnav-patient {
	float: left;
	width: 120px;
	height: 30px; 
	background: url(../img/nav_patient.gif) no-repeat 0 0;
	}
#loginnav-patient a { 
	display: block;
	width: 120px;
	height: 30px;
	}

#loginnav-doc {
	float: right;
	width: 124px;
	background: url(../img/nav_doc.gif) no-repeat 0 0;
	}
#loginnav-doc a { 
	display: block;
	width: 124px;
	height: 30px;
	}

/*	flash movie
---------------------------------------------------------------- */

#flash1 { 
	background: #f2eee8;
	border: 1px solid #c2b9b4;
	padding: 1px; 
	margin: 0 0 0 2px;
	height: 229px;
	width: 216px;
	position: absolute;
	left: 256px;
	top: 13px;
	}
	
#flash1 object { 
	margin: 0;
	padding: 0;
	height: 233px;
	}
	
#flash2 { 
	background: #f2eee8;
	border: 1px solid #c2b9b4;
	padding: 1px; 
	margin: 0 0 0 2px;
	height: 229px;
	width: 240px;
	position: absolute;
	left: 480px;
	top: 13px;
	}
	
#flash2 object { 
	margin: 0;
	padding: 0;
	height: 233px;
	}