/* stylesheet for Reesman */

html { height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 76.2%;
	height: 100%;
}

body.index {
	background: rgb(215,205,218) url(reesdentpix/index.jpg) -40px -20px no-repeat;
	background-attachment: fixed;
}

body.services {
	background: rgb(215,205,218) url(reesdentpix/services.jpg) 0 0 no-repeat;
	background-attachment: fixed;
}

body.hours {
	background: rgb(215,205,218) url(reesdentpix/hours.jpg) left -15px no-repeat;
	background-attachment: fixed;
}

body.findus {
	background: rgb(215,205,218) url(reesdentpix/findus.jpg) -50px -30px no-repeat;
	background-attachment: fixed;
}


div {
	margin: 0;
	padding: 0;
}

#sitewrapper {
	position: relative; top: -1px;
	border-top: 1px #fff solid;
	min-height: 100%;
}

p.tagline {
	position: fixed;
	top: 450px; 
	width: 349px; 
	text-align: center;
	font-family: serif;
	font-style: italic;
	font-size: 1.5em;
	background: rgb(215,205,218);
	padding: 5px 0 8em 0;
	border-top:  1px rgb(166,138,195) solid; /* violet */
}
/*\*/	
* html p.tagline {
	display: none;
	}
/**/



#outercontentwrapper {
	position: relative; top: -1px;
	margin: 0 0 -3px 349px;
	border-left: 15px rgb(166,138,195) solid; /* violet */
	border-right: 15px rgb(146,211,145) solid; /* green */
	border-top: 1px #fff solid;
	border-bottom: 0 #000 solid;
	background: #fff;
	min-height: 100%;
}

#midcontentwrapper {
	position: relative; top: -1px; 
	border-top: 1px #fff solid;
	border-left: 15px rgb(223,215,225) solid; /* lavender */
	border-right: 15px rgb(150,170,211) solid; /* blue */
	background: #fff;
	min-height: 100%;
}

/* ie6 needs this: it calculates the nested div as if the 15px border was padding plus 1px */

/*\*/	
* html #midcontentwrapper {
	margin: 0 -16px;
}
/**/

#contentwrapper {
	position: relative; top: -1px;
	border-top: 1px #fff solid; 
	margin-bottom: 0;
	background: #fff;
	padding: 0;
	font-size: 1.3em;
	color: #333; 
	min-height: 100%;
}

#header {
	font-family: sans-serif;
	color: #333;	
	padding: 0 30px 0 70px;
}

#header #logo {
	float: right;
	width: 47px; height: 53px;
	border: 0;
	margin: 0;
	padding: 0;
	}

/*\*/	
* html #header #logo {
	position: relative; z-index: 10;
	margin: 0 20px 0 0;
}
/**/

#header h1 {
	font-size: 1.9em;
	margin: 1.4em 0 0 0;
}

#header h2 {
	font-size: .9em;
	margin: 0;
}

#nav {
	padding: 40px 0;
	text-align: center;
	font-family: sans-serif;
	font-size: .9em;
}

#nav a, #nav a:link, #nav a:visited { /* normal color and underline) */
	text-decoration: none;
	color: rgb(131,151,198);
	font-weight: bold;
}

#nav a.current, #nav a:hover, #nav a:active { /*current color and underline */
	border-bottom: 3px rgb(131,151,198) solid;
	color: rgb(120,121,137);
}

#nav ul {
	list-style-type: none;
	padding: 0;
	width: 320px;  
	margin: auto; 
}

#nav ul li {
	text-align: center;
	float: left;
	width: 80px;
	border-bottom: 3px rgb(190,215,235) solid;
}

#nav ul li:hover, #nav ul li:active {
	border-bottom: 3px rgb(131,151,198) solid;
}

#content {
	font-family: "palatino linotype", serif;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 95px 0 70px;
	margin: auto; 
}

.short {	/* adjustment goes with javascript to increase div height */
	height: 30em;/* 468px;*/
}

#content h2 {
	font-family: serif;
	font-size: 1.4em;
	font-style: italic;
}

#content h3 {
	color: #555;
}

div.tr {  }
div.tc { float: left; padding: .1em 1em .1em 0; width: 6em;}
div.tcr { float: none; clear: right; padding: .1em 1em .1em 0; }

div#caption {
	width: 100%;
	text-align: center;
	font-family: sans-serif;
	font-size: .8em;
}

iframe {
	width: 100%;
	height: 300px;
	border: 1px #333 solid;
}

img#practice {
	width: 490px;
	border: 1px #333 solid;
}

#reesmanfooter {
	font-family: sans-serif;
	font-size: .8em;
	text-align: center; 
	margin: 6em 0 0 0;
}

#reesmanfooter h4 {
	font-size: 1.2em;
	text-align: center;
	font-variant: small-caps;
	color: rgb(247,21,110);
}

#reesmanfooter div#dentalassocs {
	list-style-type: none; 
	padding: 0;
	width: 100%;
	margin: auto; 
}

#reesmanfooter div.full {
	float: left;
	text-align: center;
	width: 100%;
	margin: .15em auto; 
}

#reesmanfooter div.halfl {
	float: left;
	width: 49%;
	text-align: left; 
	margin: 0;
}
#reesmanfooter div.halfr {
	float: right;
	width: 49%;
	text-align: right; 
	margin: 0;
}

#reesmanfooter a, #reesmanfooter a:link, #reesmanfooter a:visited,
#content a, #content a:link, #content a:visited {
	text-decoration: none;
	color: #333;
}
#reesmanfooter a:hover, #reesmanfooter a:active,
#content a:hover, #content a:active {
	color: rgb(131,151,198)
}
#sitefooter { 
	text-align: center;
	border-top: 1px #555 solid;
	margin: 30px 95px 0 70px;
	font-family: sans-serif;
	font-size: .7em;
	padding: 6px;
}

#sitefooter p {
	margin: 0;
}

#sitefooter a, #sitefooter a:link, #sitefooter a:visited {
	color: #009;
}

#sitefooter a:hover, #sitefooter a:active {
	color: rgb(247,21,110);
}

#sitefooter p span {
	font-variant: small-caps;
}