html {
height:100%;
margin-bottom:0.01em;
}

body {
background:#000000 url(bg.jpg) repeat-x scroll left top;
color:#40351D;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
margin:41px 0 20px;
padding:0;
text-align:center;
vertical-align:top;
}

#wrapper {
background:transparent none repeat scroll 0 0;
font-size:80%;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
vertical-align:top;
width:772px;
}

p {
margin:0 0 13px;
padding:0;
}

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

a:hover {
color:#CCCCCC;
}

sup, sub {
font-size:smaller;
position:relative;
vertical-align:baseline;
}

sup {
bottom:0.4em;
}

sub {
top:0.4em;
}

table {
font-size:100%;
}

form {
display:inline;
margin:0;
padding:0;
}

img {
border:medium none;
}

abbr {
border-bottom:1px dotted #CCCCCC;
cursor:help;
}

h1 {
background:transparent url(logo.jpg) no-repeat scroll left top;
height:53px;
left:-28px;
margin:0;
padding:0;
position:absolute;
text-indent:-9999px;
top:-11px;
width:197px;
}

h1 img {
display:block;
}

h1 a {
display:block;
height:53px;
text-decoration:none;
width:197px;
}

h1 a:hover {
text-decoration:none;
}

h2, h3, h4, h5, h6 {
}

h2 {
float:left;
margin:0 0 15px;
padding:0;
width:684px;
}

h2 img {
float:left;
}

h3 {
color:#5C5033;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0 0 12px;
padding:0;
}

h4 {
font-size:110%;
margin:0 0 0.5em;
padding:0;
}

h5, h6 {
font-size:100%;
margin:0;
padding:0;
}

#appointment {
background:transparent url(../images/appt_button_off.gif) no-repeat scroll left top;
display:block;
height:41px;
position:absolute;
right:0;
text-indent:-9999px;
top:-41px;
width:188px;
}

#appointment:hover {
background:transparent url(../images/appt_button_on.gif) no-repeat scroll left top;
}

#nav, #nav ul {
background:transparent url(navigation.jpg) no-repeat scroll left top;
display:inline;
float:left;
font-size:85%;
height:45px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 4px 208px;
padding:0;
width:574px;
}

#nav a {
display:block;
height:45px;
text-indent:-9999px;
}

#nav li {
float:left;
}

#nav li ul {
background:#363434 url(/bg-subnavigation.gif) repeat-x scroll left bottom;
border-bottom:4px solid #363434;
float:none;
height:auto;
left:-999em;
margin:0;
padding:0 0 9px;
position:absolute;
width:133px;
z-index:1000;
}

#nav ul li {
float:left;
margin:0;
padding:0;
}

#nav ul li a {
color:#FFFFFF;
height:auto;
margin:0;
padding:0 10px 0 14px;
text-indent:0;
width:109px;
}

#nav ul li a:hover {
color:#B8B9BB;
}

#nav li:hover ul {
left:auto;
}

#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}

#nav-home {
width:49px;
}

#nav-designers {
width:130px;
}

#nav-about {
width:100px;
}

#nav-map {
width:100px;
}

#nav-testimonials {
width:100px;
}

#nav-contact {
width:85px;
}


#nav-home:hover {
background:transparent url(/navigation.jpg) no-repeat scroll 0 -45px;
}

#nav-designers:hover {
background:transparent url(/navigation.jpg) no-repeat scroll -49px -45px;
}

#nav-about:hover {
background:transparent url(/navigation.jpg) no-repeat scroll -180px -45px;
}

#nav-map:hover {
background:transparent url(/navigation.jpg) no-repeat scroll -279px -45px;
}

#nav-testimonials:hover {
background:transparent url(/navigation.jpg) no-repeat scroll -379px -45px;
}

#nav-contact:hover {
background:transparent url(/navigation.jpg) no-repeat scroll -479px -45px;
}


#content {
background:#F5FAFA none repeat scroll 0 0;
border:4px solid #F5FAFA;
float:left;
font-size:85%;
height:426px;
margin:0;
padding:40px 87px 14px 40px;
position:relative;
width:637px;
}

body.home #content {
background:#D6E4E1 none repeat scroll 0 0;
border:4px solid #F5FAFA;
float:left;
height:480px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.testimonial #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:650px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.map #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:480px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.contact #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:520px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.anjolique #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:790px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.allure #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:1460px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.maggie #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:1900px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.about #content {
background:#FFFFFF url(bgtest.jpg) repeat-y scroll left top;
border:4px solid #F5FAFA;
float:left;
height:480px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.eightfold #content {
background:#000000;
border:4px solid #F5FAFA;
float:left;
height:800px;
margin:0;
padding:0;
position:relative;
width:764px;
}

body.home #content img {
display:block;
float:left;
}

body.testimonial #overlay {
background:transparent;
font-family:Verdana,Arial,Helvetica,sans-serif;
position: relative;
left: 160px;
top:80px;
width:450px;
z-index:100;
}

body.contact #overlay {
background:transparent;
font-family:Verdana,Arial,Helvetica,sans-serif;
position: relative;
left: 160px;
top:50px;
width:450px;
z-index:100;
}

body.eightfold #overlay {
background:transparent;
font-family:Verdana,Arial,Helvetica,sans-serif;
position: relative;
left: 160px;
top:50px;
width:450px;
z-index:100;
}

body.about #overlay {
background:transparent;
font-family:Verdana,Arial,Helvetica,sans-serif;
position: relative;
left: 160px;
top:80px;
width:450px;
z-index:100;
}

body.home #content #overlay h3 {
display:block;
float:none;
height:7px;
margin:0 0 16px;
padding:0;
}

body.home #content #overlay img {
float:none;
margin:0;
padding:0;
}

body.home #overlay h4 {
color:#000000;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.testimonial #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.contact #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.eightfold #overlay h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.anjolique #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.allure #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.maggie #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.about #overlay h4 {
color:#105952;
display:block;
float:none;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.home #overlay a {
display:block;
margin:0 0 15px;
padding:0;
}

body.home #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.testimonial #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.map #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.contact #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.eightfold #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.anjolique #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.allure #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}


body.maggie #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.about #overlay2 {
background:transparent url(home-top.gif) no-repeat scroll left top;
color:#6A6A5A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
height:66px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:764px;
z-index:100;
}

body.home #content #overlay2 a {
color:#000000;
}

body.home #content #overlay2 a:hover {
color:#FSFAFA;
}

body.home #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.testimonial #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.map #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.contact #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.eightfold #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.anjolique #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.allure #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.maggie #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

body.about #overlay2 h4 {
color:#FFFFFF;
display:block;
float:none;
font-family:Georgia;
font-size:120%;
font-style:italic;
font-weight:bold;
margin:0;
padding:0;
}

ul#footer {
background:#F5FAFA none repeat scroll 0 0;
float:left;
font-size:70%;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:1px 0 0 21px;
width:751px;
}

#footer li {
display:inline;
float:left;
height:21px;
margin:0 15px 0 0;
padding:0;
}

#footer a {
}

#tees-grid {
background:#ffffff;
margin-left:105px;
margin-top:80px;
padding-bottom:15px;
width:550px;
}

#tees-grid tr td {
border:1px solid #cccccc;
height:150px;
padding:5px;
text-align:center;
width:150px;
}