/* --------------------------------------

ALL CODE, IMAGES & CONTENT COPYRIGHT
2010, TLC DENTAL, VANCOUVER, WASHINGTON.
ALL RIGHTS RESERVED.

SITE DESIGNED BY EMOEBA DESIGN, DEVELOPED
BY GREY MEDIA

----------------------------------------- */

/* GLOBAL BROWSER RESET */

* {
padding: 0;
margin: 0;
}

ul, ol {
list-style: none;
}

img, a img, :link img, :visited img {
border: none;
}

/* GLOBAL GENERIC STYLES */

body {
background: #fff;
}

/* a {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #82003a;
font-weight: 900;
text-decoration: underline;
} */

a:visited {
font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 12px;
color: #666;
font-weight: 900;
text-decoration: underline;
}

p {
font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 10px;
color: #000;
font-weight: normal;
line-height: 14px;
margin-bottom: 8px;
}

.clear {
clear: both;
height: 10px;
}

/* BLOCK ELEMENTS */

/* Home Page */

#wrapper {
position: relative;
margin: 35px auto 0 auto;
width: 900px;
height: 680px;
background: #edeeef;
border: 1px solid #c0c0c0;
}

#home-photo {
position: absolute;
top: 120px;
left: 251px;
width: 649px;
height: 435px;
background: #edeeef url("../images/home-photo.jpg") no-repeat;
}

#home-header {
position: absolute;
top: 40px;
right: 35px;
width: 316px;
height: 66px;
}

/* About Page */

#about-wrapper {
position: relative;
margin: 35px auto 0 auto;
width: 900px;
height: 680px;
background: #e9efce;
border: 1px solid #c0c0c0;
}

#about-photo {
position: absolute;
top: 120px;
left: 251px;
width: 649px;
height: 435px;
background: #e9efce url("../images/about-photo1.jpg") no-repeat;
}

#about-content {
position: absolute;
top: 30px;
left: 40px;
width: 410px;
}

/* Difference Page */

#difference-wrapper {
position: relative;
margin: 35px auto 0 auto;
width: 900px;
height: 680px;
background: #f2f7e0;
border: 1px solid #c0c0c0;
}

#difference-photo {
position: absolute;
top: 120px;
left: 251px;
width: 649px;
height: 423px;
background: #f2f7e0 url("../images/difference-photo.jpg") no-repeat;
}

#difference-content {
position: absolute;
top: 55px;
left: 40px;
width: 270px;
}

#difference-content p {
font-size: 11px;
font-weight: 500;
line-height: 16px;
margin-bottom: 10px;
margin-top: 2px;
}

/* Services Page */

#services-wrapper {
position: relative;
margin: 35px auto 0 auto;
width: 900px;
height: 680px;
background: url("../images/services-bkgrnd.png") repeat;
border: 1px solid #c0c0c0;
}

#services-photo {
position: absolute;
top: 120px;
left: 251px;
width: 649px;
height: 435px;
background: #8db2cf url("../images/services-photo.jpg") no-repeat;
}

#services-content {
position: absolute;
top: 30px;
left: 30px;
width: 270px;
}

#services-content p {
font-size: 10px;
font-weight: 500;
line-height: 14px;
margin-bottom: 8px;
margin-top: 2px;
}

/* Contact Page */

#contact-wrapper {
position: relative;
margin: 35px auto 0 auto;
width: 900px;
height: 680px;
background: #f1f8ea;
border: 1px solid #c0c0c0;
}

#contact-photo {
position: absolute;
top: 120px;
left: 251px;
width: 649px;
height: 421px;
background: #f1f8ea url("../images/contact-photo.jpg") no-repeat;
}

#contact-header {
position: absolute;
top: 30px;
left: 414px;
right: 35px;
width: 200px;
margin-bottom: 10px;
text-align: right;
}

#contact-content {
position: absolute;
top: 90px;
left: 464px;
right: 35px;
width: 150px;
text-align: right;
}

#contact-content p {
font-size: 11px;
font-weight: 500;
line-height: 14px;
margin-bottom: 10px;
}

#contact-content h3 {
font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 18px;
color: #3b7086;
font-weight: 900;
line-height: 14px;
margin: 0 0 12px 0;
}

/* Misc Styles */

#sidebar {
float: left;
width: 251px;
}

#logo {
position: relative;
width: 251px;
height: 120px;
}

#sidebar-image {
position: relative;
top: 0;
width: 251px;
}

#content {
float: right;
margin: 0 0 0 251px;
width: 649px;
}

#navblock {
position: absolute;
top: 0;
left: 251px;
width: 649px;
height: 120px;
}

#nav {
position: absolute;
top: 0;
left: 85px;
width: 584px;
height: 120px;
}

ul#nav {
display: block;
list-style: none;
}

ul#nav li {
float: left;
padding: 30px 0 0 0;
width: 110px;
height: 35px;
text-align: center;
border-left: 2px solid #fff;
}

ul#nav li a {
text-decoration: none;
font-family:  Helvetica, "Lucida Grande", Arial,sans-serif;
font-size: 12px;
color: #9d9d9d;
font-weight: bold;
text-decoration: none;
}

#active-page {
text-decoration: none;
font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 12px;
color: #7dbe32;
font-weight: bold;
}

#contact-info {
position: relative;
top: -105px;
width: 619px;
height: 105px;
margin-right: 40px;
text-align: right;
}

#contact-info p {
font-family: Helvetica, "Lucida Grande", Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #828282;
padding-right: 15px;
}

.spacer {
height: 8px;
}