/* 
grey - #666
dark grey - #333
blue - #09c 
purple - #861539
*/

body {
	font: 10px/1.7em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	color: #667;
}

a {
  text-decoration: none;
  color: #667;
}

a:hover {
  text-decoration: underline;
}

a img{
  border:none;
}

strong {
  color: #861539;
  font-weight: normal;
}

#wrapper {
  position: absolute;
  width: 770px;
  left: 50%;
  top: 0;
  margin-left: -385px;
}

em {
  color: #861539;
  font-style:normal;
}
/* =header
----------------------------------------------- */

#header {
  padding: 15px 15px 15px 15px;
}

#header img {
  float: left;
}

#header ul {
  margin: 58px 10px 0 0;
  text-align:right;
}

#header ul li {
  display: inline;
  list-style-type: none;
  padding: 0 0 0 10px;
}

#header a {
  font-size: 1.3em;
}


#header .here {
  color:#09c;  
}

/* =content
----------------------------------------------- */

#content {
  border: 2px solid #aaa;
  padding: 50px 0 0 0;
}

.heading1 {
  margin: 0 0 30px 75px;
}

h2 {
  padding: 0;
  margin: 0 335px 0 75px;
  font-size: 1.8em;
  font-weight:normal;
  line-height: 1em; 
  color: #333; 
}

h3 {
  padding: 0;
  margin: 0 335px 0 75px;
  font-size: 1.3em;
  font-weight:normal;
  line-height: 1.5em; 
  color: #333; 
}

#content p {
  margin:0;
  padding: 0 335px 10px 75px;
  font-size: 1.2em;
}

/* =content : home
----------------------------------------------- */

#home #content {
  background: #fff url(images/smiling-people.jpg) no-repeat bottom right;
  padding-bottom: 155px;
}


/* =content : dentists
----------------------------------------------- */

#dentists h2 {
  padding-top: 16px;
}

#dentists p {
  padding-bottom:15px;
}

#dentists #content div {
  background-position: 95% 100%;
  background-repeat: no-repeat;
  padding: 60px 0 20px 0;
}

#dentists #content div#turner {
  background-color:#eee;
  background-image: url(images/turner.jpg);
  padding-bottom:60px;
}

#dentists #content div#turner a {
  text-decoration: underline;
}

#dentists #content div#reesor {
  background-image: url(images/reesor.jpg);
}

#dentists #content div#hill {
  background-image: url(images/hill.jpg);
}

#dentists #content div#ganske {
  padding-top: 30px;
  background-color:#eee;
  background-image: url(images/ganske.jpg);
}

#dentists #content div#mccullough {
  background-color:#eee;
  background-image: url(images/mccullough.jpg);
}

#dentists #content div#winlow {
  background-image: url(images/winlow.jpg);
}


/* =content : care
----------------------------------------------- */

#care h2 {
  padding-top:14px;
}

#care #content {
  padding-bottom: 50px;  
}

#care #content div {
  margin: 25px 0 15px 0;
  padding: 0px 23px 5px 0;
  background-color:#eee;
}

/* remove margin from top most technique */
#care #content #top {
  margin-top: 0;
}

#care #content div#implants {
  padding-top: 6px;
}

#care #content div a {
  float: right;
  padding-top: 14px;
  font-size: 1.8em;
  line-height: 1.9em;
  clear: right;
  color: #861539;
  text-decoration: underline;
}

#care #content #implants a {
  padding-top: 5px;
  font-size: 1.8em;
  line-height: 1em;
}


/* =content : contact
----------------------------------------------- */

#contact #content {
  background: #fff url(images/map.jpg) no-repeat bottom right;
  font-size: 1.1em;
}

#map img {
  padding: 10px 0 60px 0;
}

#contact #content div  {
  padding: 0 0 10px 37px;
  background-position: 2px 2px;
  background-repeat: no-repeat;
}

#contact #hlink {
  padding-left: 37px;
  text-decoration: underline;
}

#contact #content span a  {
  font-weight:normal;
}

#contact #address {
  background-image: url(images/address-icon-big.gif); 
}

#contact #phone {
  margin-top: 10px; 
  background-image: url(images/phone-icon-big.gif); 
}

#contact #fax {
  background-image: url(images/fax-icon-big.gif); 
}

#contact #email {
  background-image: url(images/email-icon-big.gif); 
  text-decoration: underline;  
}

#contact #hours {
  margin-top: 10px; 
  background-image: url(images/hours-icon-big.gif); 
}


/* =footer
----------------------------------------------- */

#footer {
  margin-left: 12px;
  margin-bottom: 100px;
  font-size:1.1em;
}

#footer div {
 margin: 10px 0 0 15px;
 float: left; 
}

#footer span  {
 display: block;
 padding: 0 0 7px 23px;
 background-position: 2px 2px;
 background-repeat: no-repeat;
}

#footer #address {
 background-image: url(images/address-icon.gif); 
}

#footer #phone {
 background-image: url(images/phone-icon.gif); 
}

#footer #fax {
 background-image: url(images/fax-icon.gif); 
}
  
#footer #hours {
 background-image: url(images/hours-icon.gif); 
}

#maintained {
  margin: 15px 25px 0 0;
  text-align: right;
}

#maintained a {
  text-decoration: underline;
}