@charset "utf-8";
/* colors	
black		000000
brown		3C2515
blue		0F1028
grey		E6E7E8
white		FFFFFF
*/

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Tahoma, Arial;
	line-height: 1.2;
	color: #0F1028;
}
p, li, span, td {
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 90%;
	color: #0F1028;
}
h1, h2 {
	text-align: center;
	color: #E6E7E8;
}
h1 {
	position: absolute;
	top: 100px; left: 550px;
	width: 310px; height: 55px;
	font-size: 190%;
	text-indent: -9999px;
	background: url(/images/dr_jeremy_archibald_503_665_7017.png) no-repeat;
}
h2 {
	font-size: 130%;
}
h2.banner {
	position: absolute;
	top: 200px; left: 75px;
	width: 850px; height: 255px;
	font-style: italic;
	text-indent: -9999px;
	background: url(/images/banner_excellent_dentistry_one_patient_at_a_time.jpg) no-repeat;
}
h3 {
	font-size: 130%;
	padding: 0 0 20px 0;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 10px 0 0 0;
}
h5 {
	font-size: 100%;
	font-style: italic;
	padding: 0 0 10px 0;
}
p {
	padding: 0 0 10px 0;
}
ul {
	padding: 5px 0 0 0;
}
li {
	padding: 0 0 5px 0;
}
a, a:visited, a:active {
	color: #0C1F42;
}
a:hover {
	color: #FFFFFF;
}
#credits a, #credits a:visited, #credits a:active {
	color: #AAAAAA;
}
hr {
	margin: 20px 0 10px 0;
}

html {
	text-align: center;
	background: #3C2515;
	height: 1500px;
}
body {
	position: relative;
	top: 0px; left: 0px;
	width: 1000px;
	min-height: 1024px;
	margin: 0 auto;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 90%;
	line-height: 1.5;
	letter-spacing: 1.2;
	color: #555555;
	text-align: left;
	background: url(/images/background_website.jpg) no-repeat;
}
div#content {
	position: absolute;
	top: 490px;
	left: 75px;
	width: 470px;
	height: 500px;
	padding: 40px 40px 20px 40px;
	background: #E6E7E8;
	z-index: 100;
}
div#sidebar {
	position: absolute;
	top: 490px;
	left: 620px;
	width: 230px;
	height: 500px;
	padding: 40px 40px 20px 40px;
	background: #DCDDDE;
	z-index: 100;
}
p#address, p#credits {
	position: absolute;
	top: 1100px;
	left: 75px;
	width: 830px;
	padding: 0 10px;
	color: #E6E7E8;
}
p#address {
	text-align: left;
}
p#credits {
	text-align: right;
}
p#logo {
	position: absolute;
	top: 30px;
	left: 180px;
	z-index: 100;
}
p#modified {
	display: none;
	position: absolute;
	top: 600px; left: 75px;
	width: 850px;
	text-align: center;
	color: #E6E7E8;
}
form#feedback {
	position: absolute;
	top: 30px; left: 20px;
	width: 270px; height: 35px;
	z-index: 100;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
span#validate { color: #FFFFFF; font-weight: bold; }
label {
	display: block;
	color: #FFFFFF;
}
input[type=text], textarea {
	width: 250px;
}
input[type=submit] {
	display: block;
	width: 250px;
}

/* navigation, http://www.alistapart.com/articles/sprites/ */
ul#navigation {
	position: absolute; top: 455px; left: 75px;
	width: 850px; height: 35px;
	margin: 0px auto; padding: 0;
	background: url(/images/navigation_doctor_archibald.png);
	z-index: 100;
}
ul#navigation li {
	position: absolute; top: 0;
	margin: 0; padding: 0; list-style: none;
	height: 35px;
	text-indent: -9000px;
	overflow: hidden;
}
ul#navigation li, #navigation a {
	height: 35px; display: block;
}
li#home {left: 0; width: 90px;}
li#about {left: 90px; width: 220px;}
li#new_patients {left: 310px; width: 160px;}
li#dental_services {left: 470px; width: 170px;}
li#contact {left: 640px; width: 210px;}
li#home a:hover, li#home a:active, li#home a:focus, li#home a.current  {
	background: transparent url(/images/navigation_doctor_archibald_on.png) 0px 0px no-repeat;
}
li#about a:hover, li#about a:active, li#about a:focus, li#about a.current {
	background: transparent url(/images/navigation_doctor_archibald_on.png) -90px 0px no-repeat;
}
li#new_patients a:hover, li#new_patients a:active, li#new_patients a:focus, li#new_patients a.current {
	background: transparent url(/images/navigation_doctor_archibald_on.png) -310px 0px no-repeat;
}
li#dental_services a:hover, li#dental_services a:active, li#dental_services a:focus, li#dental_services a.current {
	background: transparent url(/images/navigation_doctor_archibald_on.png) -470px 0px no-repeat;
}
li#contact a:hover, li#contact a:active, li#contact a:focus, li#contact a.current {
	background: transparent url(/images/navigation_doctor_archibald_on.png) -640px 0px no-repeat;
}