/* 
    Document    : Stylesheet
    Created on  : December 30, 2006, 7:22 PM
    Author      : Lisa Modglin
    Colors      : 
        Dk Grey :   #494b48;
        Lt Grey :   gray;
        Gold    :   #edc04d;
        Gold 2  :   #D8A942;
		Lt Grn2 :   #e1fcbe;
        Lt Grn  :   #93b352; #8a2d30;
        Med Grn :   #64813e; #762629;
        Dk Grn  :   #2a4802; #581117;
*/

/************************************************************/
/*                  Layout of page                          */
/************************************************************/
body{
	margin:                 0px;
	padding:                0px;
	text-align:             center;
	background-color:       #2A4802;
	color:                  #ffffff;
	font-family:            Verdana, Arial, serif;
	font-size:              10pt;
}
div.container{
	width:                  731px;
	border:                 1px solid gray;
	background-color:       #64813E;
	text-align:             center;
	line-height:            150%;
}
div.masthead{
	position:               relative;
	margin:                 5px 30px;
	height:                 60px;
	background-color:       #64813E;
	text-align:             left;
	color:                  #ffffff;
	font-size:              8pt;
}
div.contents{
	margin:                 10px 20px 20px 20px;
	border:                 2px solid #2a4802;
	background-repeat:      repeat-x;
	color:                  #2a4802;
	font-size:              10px;
	text-align: center;
	background-color: #ffffff;
	background-image: url(../images/bkgd.gif);
}
div.address {
	line-height: 15px;
	text-align: left;
	padding:	0px 0px 0px 5px;
	font-size:				9px;
}
div.phone {
	float:                  right;
	padding:                0px 5px 0px 20px;
	line-height: 			15px;
	font-size:				9px;
}
div.navigation{
	position:               relative;
	/*  Border is the same color as the background color because
        of an alignment problem in Firefox */
    border:                 1px solid #2a4802;
	margin:                 3px;
	height:                 44px;
	text-align:             left;
	font-size:              12px;
	background-color:       #2a4802;
}
.navigationTable{
	border:                 1px solid #2a4802;
	width: 95px;	/*padding-right: 2px;
	padding-left: 2px;*/
	text-align: center;
	margin: 5px;
}
.navigationCell{
	border:                 1px solid #2a4802;
}
div.main{
	position:               relative;
	text-align:             left;
	background-color:       #FDFDFD;
	color:                  #000000; /*#8a2d30;*/
	font-size:              12px;
	border: 				1px solid #2A4802;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}
div.footer{
	width:                  100%;
	margin:                 10px 0px 0px 0px;
	background-color:       #2A4802;
}
div.photoLeft{
    position:               relative;
    left:                   0px;
    width:                  300px;
}
div.descRight{
    float:                  right;
    width:                  300px;
    padding:                0px 0px 0px 20px;

}

/************************************************************/
/*                  Navigation Elements                     */
/************************************************************/
div.button{
	position:               absolute;
	width:                  110px;
	height:                 20px;
	margin:                 1px;
	color:                  #edc04d;
	text-align:             center;
	/*  Include a border that is the same color as the navigation background
        due to an alignment issue in Firefox */
    border:                 1px solid #2a4802;
	background-image:       url(../images/button_110.gif);
	background-repeat:      no-repeat;
	padding:                10px 0px;
}
#home{
    left:                   0px;
}
#stylists{
    left:                   113px;
}
#location{
    left:                   226px;
}
#appt{
    left:                   339px;
}
#specials{
    left:                   452px;
}

#contact{
    left:                   565px;
}
/************************************************************/
/*                  Button Elements                     */
/************************************************************/
#address{
	position:               absolute;
	right:                  0;
	float:                  right;
	text-align:             right;
	vertical-align:         bottom;
	color:                  #162601;
	line-height:            14px;
	bottom:                 0;
}
#intro-text{
	position:               relative;
	left:                   0px;
	top:                    0px;
	width:                  625px;
/*	height:                 341px;*/
	padding: 				10px;
	border: 				0px solid black;
}
#statement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: black;
}

#emblem{
	float:                  right;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 400px;
}

#content-sec{
    padding:                15px;
    background-color:       #D8A942;
    /*color:                  #2a4802;*/
}
/************************************************************/
/*                  HTML Elements                           */
/************************************************************/
h1{
    color:                  #2a4802;
    font-size:              16px;
    font-weight:            bold;
    border-bottom:          solid 1px #ffffff;
}
a{
    color:                  #ffffff;
    text-decoration:        none;
}
a:visited{
    color:                  #ffffff;
    text-decoration:        none;
}
a:hover{
    color:                  #edc04d;
    text-decoration:        underline;
}

a.button{
    color:                  #ffffff;
    text-decoration:        none;
}
a.button:visited{
    color:                  #ffffff;
    text-decoration:        none;
}
a.button:hover{
    color:                  #edc04d;
    text-decoration:        underline;
}
a.emailLink {
	color: 				#64813E;
	font-weight:		bold;
	text-decoration:    underline;
}
a.emailLink:hover {
	color: 				#000000;
	font-weight:		bold;
	text-decoration:    underline;
}

table{
    padding:                1px;
}

table.content-table{
    border:                 #2a4802 2px solid;
    background-color:       #D8A942;
}
table.content-table td{
    background-color:       #D8A942;
    border:                 #8a2d30 1px solid;
    padding:                3px;
}
table.content-table td.left{
    text-align:             right;
    font-weight:            bold;
}
table.content-table td.right{
    text-align:             left;
    font-weight:            bold;
}
table.content-table td.middle{
    text-align:             center;
    font-weight:            bold;
}
table.content-table th{
    font-weight:            bold;
    background-color:       #2a4802;
    color:                  #ffffff;
    text-align:             center;
}
table.ratesTable {
	border: 				5px double #7BA04D;
	text-align: left;
	width: 444px;
	margin: 20px;
}
table.ratesTable th{
    font-weight:            bold;
    background-color:       #64813E;
    color:                  #ffffff;
    text-align:             center;
	border:					0px;
}

input, textarea, select{
    border:                #8a2d30 1px solid;
}
form{
/*    border:                 #2a4802 2px solid;
    background-color:       #D8A942;
*/
}

#floatRight{
	float:                  right;
	padding:                0px 0px 0px 20px;
	line-height: 15px;
}

/************************************************************/
/*                  Gallery Elements                        */
/************************************************************/
.gallery-right{
    padding:  0px 0px 0px 12px;
}
.gallery-left{
    padding:  0px 12px 0px 0px;
}
.pageHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: -5px;
}
.frame {
	text-align:  center;
	padding:  0px 0px 0px 50px;
}
#largeView {
	position:			absolute;
	left:				167px;
	width:				424px;
	height:				332px;
	z-index:			2;
	visibility: hidden;
}

#thumbnails {
	position:			absolute;
	width:				150px;
	z-index:			1;
	visibility: visible;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #64813E;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #64813E;
}

#pictures{
	position:			relative;
	left:				3px;
	height: 400px;
}
.director{
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	text-align:			center;
	line-height:		10pt;
}

.weatherLink {
	color: #009900;
}
#map a{
	color: 				#64813E;
	font-weight:		bold;
	text-decoration:    underline;
}

#map a:hover {
	color: 				#000000;
	font-weight:		bold;
	text-decoration:    underline;
}
#map{
	color:			purple;
}