﻿body 
{
	margin: 0 auto;
	width: 900px; 
	font-family: verdana; 
	font-size: small; 	
	color: #000000;
	background-color: #455f63;
}
/* #d0b67f -- beach brown
   #797777 -- dark gray
   #407ACC -- light blue/cyan */

* html body 
{
	font-size: 12px;
}

#wrapper 
{
	
	position: absolute; 
	top: 10px; 
	width: 900px;
	z-index: 0;
	margin: 0 auto;
}							  

/*
* html #wrapper 
{
	top: -85px; 
	margin: 0 5%;
}
*/

#banner 
{
	position: absolute; 	
	top: 80px; 
	width: 100%; 
	height: 130px;	
	background-color: #621f14;
	/*background-color: #80211A;*/
}

.bannerImage
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}


#slogan
{
	position: absolute;
	bottom: 8px;
	right: 20px;
	font-weight: bold;
	color: #621f14;
	z-index: 100;
	width: 190px;
	height: 20px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: center;
}

#sloganBackdrop
{
	position: absolute;
	bottom: 8px;
	right: 18px;
	height: 24px;
	width: 190px;
	background-color: White;	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	z-index: 90;
}

#taglineContainer
{
	position: relative;
	top: 23px;
	left: 60px;
	height: 110px;
	width: 550px;
	border-top: solid 2px White;
	border-left: solid 2px White;
}

#tagline1
{
	position: relative;
	top: 10px;
	left: 10px;
	color: #FFFFFF; 
	font-size: x-large;
	font-family: Verdana, Arial, Sans-Serif;
}

#tagline2
{
	position: relative;
	top: 20px;
	left: 25px;
	width: 215px;
	color: #FFFFFF;
	font-size:small;
	font-family: Verdana, Arial, Sans-Serif;
}

#main 
{
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 100%; 
	height: 720px; 
	border-style: solid; 
	border: 1px;
	border-color: Black;
	background-color: #FFFFFF;
	z-index: 10;
	/*opacity: 0.7;
	filter: alpha(opacity=70);	*/
	
}
/* #e7e4e3 -- light gray 
   #ec7145 -- orange 
   #b20f0f -- deep red */
   
/*
#content 
{
	position: static; 
	margin: 1px; 
	width: 100%; 
	min-height: 551px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #585858; 
	z-index: 15;		
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#000000');		
}
*/

#content a:link {color: #CCCCCC; text-decoration: none;}

#content a:visited {color: #CCCCCC; text-decoration: none;}

#content a:hover {color: #4B60FF; text-decoration: none;}

#footer 
{
	font-size: x-small; 
	position: absolute;
	left: 0px;
	top: 693px;
	width: 100%;
	height: 20px;
	text-align: center;
	padding: 8px 0px 0px 0px;
	color: Black;
	z-index: 100;
	background-color: #bccccd;
}

#mininav
{
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: x-small;
	color: Black;
}

#mininav a:link
{
	text-decoration: none;
	color: Black;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 11;
	text-align: right;
	font-size: x-small;
}

#mininav a:visited
{
	text-decoration: none;
	color: Black;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 11;
	text-align: right;
	font-size: x-small;
}

#mininav a:hover
{
	color: #455f63;
	text-decoration: underline;
}

#nav 
{
	position: absolute; 
	top: 60px; 
	right: 10px; 
	font-size: small;
	color: Black; 
	z-index: 20;
}

* html #nav 
{
	font-size: 14px; 
	position:relative; 
	top:485px;
}

#nav a:link
{
	text-decoration: none; 
	font-weight: bold;
	color: Black;
	position: relative; 
	top: 0px; 
	left: 0px;
	/*width: 150px;*/
	z-index: 11;
	/*display: block;*/
	height: 25px;
	text-align: right;
	font-size: small;
}

#nav a:visited
{
	text-decoration: none; 
	font-weight: bold;
	color: Black;
	position: relative; 
	top: 0px; 
	left: 0px;
	/*width: 150px;*/
	z-index: 11;
	/*display: block;*/
	height: 25px;
	text-align: right;
	font-size: small;
}

#nav a:hover
{
	color: #455f63;
	text-decoration: underline;
}

#logo
{
	z-index:11;
	position: absolute;
	top:0px;
	left:0px;
}

#sidebar
{
	position: relative;
	top: 0px;
	width: 240px;
	margin: 2px;
	height: 547px;
	background-color: #455f63;	
}

#text
{
	position: absolute;	
	left: 20px;
	margin: 5px;
	top: 210px;
	font-family: Verdana, Arial, Sans-Serif;	
}

h1
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	color: #213d7d;
	font-variant: small-caps;
	margin: 10px 0 10px 0;
}

h2
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	color: Black;
	margin: 7px 0 7px 0;
}

p
{
	margin: 7px 0 7px 0;	
}

.homeLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
}

#aboutUsLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 525px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
}

.columnLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 430px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
}

.bioText
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 850px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
}

.bioPhoto
{
	position: absolute;
	top: 10px;
	left: 650px;
	width: 245px;	
	padding: 0px 10px 10px 10px;
}

.services
{
	position: absolute;
	top: 10px;
	left: 500px;
	width: 300px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
	border: solid 2px #bccccd;	
	padding: 0px 10px 10px 10px;
}

.servicesHome
{
	position: absolute;
	top: 190px;
	left: 0px;
	width: 320px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;	
	padding: 0px 10px 10px 0px;
}

#homePagePhoto
{
	position: absolute;
	top: 10px;
	left: 360px;
	width: 520px;
	padding: 0px 10px 10px 0px;
}

#aboutUsRight
{
	position: absolute;
	top: 10px;
	left: 490px;
	width: 350px;
	padding: 0px 10px 10px 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
}

#aboutUsRight a:link
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: none;
}

#aboutUsRight a:visited
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: none;
}

#aboutUsRight a:hover
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: underline;
}

#dentalTeamBios
{
	position: absolute;
	top: 220px;
	left: 460px;
	width: 350px;
	padding: 0px 10px 10px 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
}

#dentalTeamBios a:link
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: none;
}

#dentalTeamBios a:visited
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: none;
}

#dentalTeamBios a:hover
{	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: right;
	color: Black;
	text-decoration: underline;
}

/*
.servicesNoLinkFormatting
{
	position: absolute;
	top: 10px;
	left: 500px;
	width: 300px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
	text-align: left;
	border: solid 2px #bccccd;	
	padding: 0px 10px 10px 10px;
}
*/

.chart
{
	position: absolute;
	top: 60px;
	left: 250px;
}

.quickbookspro_about
{
	position: absolute;
	top: 150px;
	left: 500px;
	width: 325px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
}

.quickbookspro_services
{
	position: absolute;
	top: 210px;
	left: 500px;
	width: 325px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
}

/*
.column1
{
	position: absolute;
	top: -20px;
	left: 0px;
	width: 350px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: left;
	border: solid 1px black;
	padding: 5px;
}

.column2
{
	position: absolute;
	top: 140px;
	left: 80px;
	width: 350px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: left;
	border: solid 1px black;
	padding: 5px;
}

.column3
{
	position: absolute;
	top: 40px;
	left: 470px;
	width: 385px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	text-align: left;
	border: solid 1px black;
	padding: 5px;
}
*/
.bronze
{
	color: #ab8655;
}

.silver
{
	color: #969696;
}

.gold
{
	color: #999966;
}

.platinum
{
	color: #777777;
}

/*
.services a:link
{
	color: #621f14;
}

.services a:visited
{
	color: #621f14;
}

.services a:hover
{
	color: #bccccd;
}
*/

.contact
{
	position: absolute;
	top: 70px;
	left: 375px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;
}

#map
{
	position: absolute;
	top: 70px;
	left: 275px;	
}

#header
{
	position: absolute;
	top: 30px;
	left: 0px;	
	width: 900px;
	text-align: center;
}
	

.divlink
{
	display:block;
	height:100%;
	text-decoration: none;
	color: Black;
}

.divlink a:link
{
	text-decoration: none;
	color: Black;
}

.divlink a:visited
{
	text-decoration: none;
	color: Black;
}

.divlink a:hover
{
	text-decoration: underline;
	color: Black;
}
/*
#connector
{
	position: absolute;
	top: 0px;
	left: 650px;
	height: 30px;
	border-left: solid 2px #bccccd;
}
*/
