/* CSS Document */

body {
background: #7DB3B7 url(../images/background-final.gif) center repeat-x fixed; 
margin:0;
padding:0;
border:0;
height:100%;
}


/*  Template Background Images
---------------------------------------------------------------*/

.column {
background: url(../images/column2.gif) no-repeat top #000; 
text-align: center;
padding-top: 239px;
width: 204px;
height: 450px;
border-left: solid 9px #333333;
}

.bottom {
width: 682px;
height: 207px;
vertical-align: bottom;
}


/*  Main Body
---------------------------------------------------------------*/

div#main {
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #000000;  
line-height: 22px;
padding: 30px;
text-align: justify;
}

div#main .highlight {color: #4CA2B1; }

div#main .brown {color: #7F592E; font-size: 15px; } 

div#main li {list-style-image: url(../images/bullet.gif); font-size: 13px; line-height: 20px; }


div#main h1 {color: #7F592E; font-size: 16px; } 

div#main h2 {color: #7F592E; font-size: 15px; } 

div#main h3 {color: #4CA2B1; font-size: 26px; font-weight: 100; } 


div#main a {color: #4CA2B1; text-decoration: underline; }

div#main a:hover {color: #7F592E;}

div#websiteby {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333333; 
text-align: right;
}

div#websiteby a {color: #000000; text-decoration: underline; }

div#websiteby a:hover {color: #333333; text-decoration: underline; }

div#main .slideshow a {color: #4CA2B1; text-decoration: underline; font-size: 13px; }

div#main .slideshow a:hover {color: #7F592E; font-size: 13px; }


/*  Navigation
---------------------------------------------------------------*/

div#navcontainer
 {
 width: 194px;
 background: transparent;
 background-position: left;
 }
 

 /* NAV LIST */
 ul#navlist
 {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

 ul#navlist li { display: inline; }

 ul#navlist li a
 {
 font-family: Arial, Helvetica, sans-serif;
 font-stretch: expanded;
 color: #e4e4e4;
 font-size: 15px;
 display: block;
 background: transparent;
 background-position: left;
 padding: 2px 0 2px 0;
 text-align: center;
 text-decoration: none;
 }

 ul#navlist li a:hover.home, a#current.home { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 57px 6px;
 }
 
 ul#navlist li a:hover.stylists, a#current.stylists { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 53px 7px;
 }
 
 ul#navlist li a:hover.services, a#current.services { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 38px 7px;
 }
 
 ul#navlist li a:hover.gallery, a#current.gallery { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 19px 7px;
 }
 
 ul#navlist li a:hover.newsletter, a#current.newsletter { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 35px 6px;
 }
 
  ul#navlist li a:hover.testimonials, a#current.testimonials { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 43px 7px;
 }
 
  ul#navlist li a:hover.links, a#current.links { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 44px 6px;
 }
 
  ul#navlist li a:hover.contact, a#current.contact { 
 background-image: url(../images/circle.gif);
 background-repeat: no-repeat;
 background-position: 36px 7px;
 }



/*  Footer
---------------------------------------------------------------*/

.footer {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333333; 
text-align: right;
}

.footer a {color: #000000; text-decoration: underline; }

.footer a:hover {color: #333333; text-decoration: underline; }