/* GENERAL STYLES */
/* -- basic --*/
* {font-family:Verdana, Tahoma, Candara, Arial, Sans-Serif;}

html {overflow-y:scroll;}

html, 
body {padding:0;
      margin:0;
      background:#3c1f15 url(images/body/background.png) repeat-x 0 0;
     }
     
div.wrapper {width:928px;
              margin:0 auto;
              background:url(images/form.wrapper/background.png) no-repeat 0 0;
              position:relative;
              }
/* -- header --*/              
h1#header {position:relative;
            left:14px;
            height:81px;
            width:193px;
            background:url(images/agora-logos/header-footer.png) no-repeat 0 0;
            overflow:hidden;
            margin:0 0 23px 0;
            padding:0;
            color:White;
}
h1#header span.cssimage {background-image:url(images/agora-logos/header-footer.png);
}
/* -- footer --*/
p#footer {width:300px;
            background:url(images/agora-logos/header-footer.png) no-repeat -193px 16px;
            padding:16px 0 0 115px;
            margin:0 0 22px 0;
            color:#9c300a;
            font-size:0.6875em;
            position:relative;
            left:14px;
}
/* -- primary navigation --*/
ul#primary-navigation {font-size:9pt;
                        padding:0;
                        margin:0;
                        list-style:none;
                        text-transform:uppercase;
                        position:relative;
                        left:0.8125em;
                        letter-spacing:-.05em;
}
ul#primary-navigation li {padding:0;
                            margin:0 10px 0 0;
                            display:inline;
}
ul#primary-navigation a {color:#fff;
                            text-decoration:none;
}
ul#primary-navigation a:hover,
body.the-salon-default li.pn-the-salon a,
body.products-and-services-default li.pn-products-and-services a,
body.stylists-default li.pn-stylists a
{color:#a7a7a7 !important;}
/* -- secondary navigation --*/
ul#secondary-navigation{position:absolute;
                            top:19px;
                            right:0;
                            text-align:right;
                            padding:0;
                            margin:0;
                            list-style:none;
                            font-size:0.6875em; /* 11px = 10pt sharp */
                            text-transform:uppercase;
                        letter-spacing:-.05em;
						width:650px;
                            }
ul#secondary-navigation li {padding:0;
                            margin:0 16px 0 0;
                            display:inline;
                            }
ul#secondary-navigation a{color:#d8d8d8;
                            text-decoration:none;
}
ul#secondary-navigation a:hover{color:#fff;}

div#content-top{min-height:426px;/*485*/
                width:928px;
                background:url(images/content/top-bottom.png) no-repeat 0 -15px;
                top:-14px;
                position:relative;
}

div#content-bottom {height:15px;
                    width:928px;
                    position:absolute;
                    bottom:-15px;
                    background:url(images/content/top-bottom.png) no-repeat 0 0;
}

div#content{position:relative;
            margin-bottom:16px;
            margin-top:14px;
            background:url(images/content/background.png) repeat-y 0 0;
}

div#content-border{height:8px;
                    margin:0 15px;
                    background:url(images/content/colors.png) repeat 0 0;
                    }
div#dirt{height:36px;
            background-color:#9c300a;
            margin:0 15px 0 14px;
            }
div#plant {position:absolute;
            /*bottom:16px;
            bottom:-42px; -- tree below
            z-index:2;*/
            }
div.subpage {
}

div#content-inner {width:764px;
                    margin:0 0 0 97px;
                    padding:11px 0 0 23px;/* -- padding:22px 0 14px 23px; -- */
                    position:relative;
                    top:14px;
                    min-height:414px;
                    /*z-index:3; -- moved the plant div into the same div as this, homepage different -- */
}

body.subpages div#content-inner  {
	width:640px;

}

div#content-inner-stack-higher {position:relative;
                                z-index:3;
                                }

div#content {color:White;}

div#photo-gallery {width:530px;
                    position:relative;
                    left:119px;
                    min-height:240px;
}
div#photo-gallery ul.gallery-navigation{margin:0;
                        padding:0;
                        list-style:none;
                        width:366px;
                        float:left;
                        left:164px;
                        position:relative;
}
ul.gallery-navigation li {padding:0;
                            margin:0;
                            display:inline;
}
div#photo-gallery div#gallery-text {width:164px;
                                    padding-top:30px;
                                    float:left;
                                    position:relative;
                                    left:-366px;
}

div#photo-gallery img {height:122px;
                       width:165px;
                       overflow:hidden;
                       cursor:pointer;
                       margin:0 1px 1px 0;
                       }
div#photo-gallery a:hover img{height:auto;
                            width:auto;
                            position:absolute;
                            top:0;
                            left:0;
                            z-index:2;
                            margin:0;}

div#top-eye-candy {position:absolute;
                    top:0;
                    right:15px;
                    width:133px;
                    height:234px;
                    border-bottom:1px solid #320f04;
                    background-image:url(images/eye-candy/tops.jpg);
                    background-repeat:no-repeat;
                    
}
div#bottom-eye-candy {position:absolute;
                    top:235px;
                    right:15px;
                    width:133px;
                    height:236px;
                    border-left:1px solid #32140a;
                    background-image:url(images/eye-candy/bottoms.jpg);
                    background-repeat:no-repeat;
                    }
div.fire-eye-candy {background-position:0 0;}
div.hair-eye-candy {background-position:0 0;}

/* -- #pt + 1 = #px / 16 = #em -- */

div#content h1 {font-size: 1.0625em;}/* -- 17px (16pt) -- */
div#content h2 {font-size: 1em;}/* -- 16 -- */
div#content h3 {font-size: 0.9375em;}/* -- 15 -- */
div#content h4 {font-size: 0.90625em;}/* -- 14.5 -- */
div#content h5 {font-size: 0.875em;}/* -- 14px -- */
div#content h6 {font-size: 0.8125em;}/* -- 13px -- */



div#content ul,
div#content ol,
div#content table
 {font-size:0.8125em;}
 
div#content p,
div#content textarea
{font-size:0.8125em;}/* 13(px) / 16 */

div#content ul ul,
div#content ul ol,
div#content ol ol,
div#content ol ul,
div#content ul p,
div#content ol p,
div#content ul textarea,
div#content ol textarea,
div#content table p,
div#content table table,
div#content table ul,
div#content table ol
{font-size:1em;}/*--nested ems aren't fun--*/

div#content img {border:1px solid #2e1810;}

div#content a{color:White;
                text-decoration:underline;
}
div#content a:hover{color:#d8d8d8;
                    text-decoration:none;
}

/* -- homepage -- */
body.default div#content {color:#464546;}
body.default div#content p,
body.default div#content h2
 {width:215px;
 letter-spacing:-1px;
 margin-left:70px;
 }
body.default div#content h2 {font-size:0.8125em;}
body.default div#content p:first-child {padding-top:55px;}
body.default div#content-top {min-height:425px;}
body.default div#content-inner{background:url(images/homepage/background.jpg) no-repeat 0 bottom;
                                min-height:425px;
                                width:764px;
                                padding:0 0 0 0;
                                margin:0 0 0 15px;
                                border-bottom:1px solid #32140a;
}

body.default div#plant{background:url(images/eye-candy/plants.png) no-repeat 0 0;
                                width:372px;
                                height:296px;
                                left:-29px;
                                bottom:-19px;
}

body.default div.fire-eye-candy {background-position:1px 0;}
body.default div.hair-eye-candy {background-position:0 0;}


/* -- Contact Page -- */

ul#emailFormList {list-style:none;
                  margin:0;
                  padding:0;
                  }
ul#emailFormList label {display:block;
                         width:135px;
                         text-align:right;
                         float:left;
}
ul#emailFormList input[type='text'] {width:200px;
                                     }
ul#emailFormList textarea {
                            width:200px;
                            height:60px;
}
ul#emailFormList li {clear:both;
                        margin-bottom:3px;
}
ul#emailFormList input[type='submit'] {
                                        width:50px;
}

span.statusMessage {padding-left:0;
                    padding-right:0;
                    width:500px;
                    text-align:left;
display:block;
}

/* -- the salon page -- */
/* -- reusable classes --*/
.hide,
.hide-but-print
{position:absolute;
        left:-9999px;
        }

span.cssimage {position:absolute;
                left:0;
                top:0;
                display:block;
                height:100%;
                width:100%;
                z-index:2;
                background-position:0 0;
                background-repeat:no-repeat;
                overflow:hidden;
                }

.break{display:block}

.position-relative {position:relative;}

.clear {clear:both;}

embed, object
{
padding:0;
margin:0;
outline: none; 
}

body.default embed,
body.default object
{
	margin-bottom:-3px; /* -- for FF -- */
}

/* -- eye candy and Post work now -- */
 /* -- side images -- */
body.the-salon-default div.fire-eye-candy {background-position:right 0}
body.the-salon-default div.hair-eye-candy  {background-position:right 0}
body.products-and-services-default div.fire-eye-candy {background-position:-399px 0}
body.products-and-services-default div.hair-eye-candy  {background-position:-399px 0}
body.stylists-default div.fire-eye-candy {background-position:-133px 0}
body.stylists-default div.hair-eye-candy  {background-position:-133px 0}

body.about-hours div.fire-eye-candy,
body.about-directions div.fire-eye-candy,
body.about-contact-us div.fire-eye-candy
 {background-position:-266px 0}
body.about-hours div.hair-eye-candy,
body.about-directions div.hair-eye-candy,
body.about-contact-us div.hair-eye-candy
  {background-position:-266px 0}

/* -- large background images -- */
body.products-and-services-default div#content-inner{background:#000000 url(images/about-us/hours/backgroundxx.jpg) no-repeat 0 0;
                                                     width:764px;
                                                     margin:0;
                                                     left:15px;
                                                     min-height:414px;
                                                     padding:11px 0 0 0;
													 position: relative;

                                                     }

body.stylists-default div#content-inner{background:url(images/stylists/background.jpg) no-repeat 0 0;
                                                     width:764px;
                                                     margin:0;
                                                     padding:0;
                                                     left:15px;
                                                     min-height:425px;
                                                     }
body.about-hours div#content-inner{background:#000 url(images/about-us/hours/background.jpg) no-repeat 0 0;
                                                     width:764px;
                                                     margin:0;
                                                     padding:0;
                                                     left:15px;
                                                     min-height:425px;
                                                     }
body.about-directions div#content-inner{background:url(images/about-us/directions/background.jpg) no-repeat 0 0;
                                                     width:764px;
                                                     margin:0;
                                                     padding:0px 0 0 0;
                                                     left:15px;
                                                     min-height:425px;
                                                     }
body.about-contact-us div#content-inner{background:url(images/about-us/contact-us/background.jpg) no-repeat 0 0;
                                                     width:661px;
                                                     margin:0 0 -3px 0;
                                                     padding:11px 0 0 103px;
                                                     left:15px;
                                                     min-height:414px;
                                                     }
/* -- plants -- */
body.the-salon-default div#plant{
           width:312px;
                height:315px;
                background:url(images/eye-candy/plants.png) no-repeat right top;
                left:-200px;
                bottom:-30px;
}
body.products-and-services-default div#plant{height:373px;
                                               width:245px;
                                               background:url(images/eye-candy/products-and-services-trans.png) no-repeat 0 0;
                                               left:-71px;
                                               bottom:-4px;
                                               }

body.stylists-default div#plant{height:335px;
                                               width:182px;
                                               background:url(images/eye-candy/stylists-trans.png) no-repeat 0 0;
                                               left:-40px;
                                               bottom:-11px;
                                               }
body.about-hours div#plant,
body.about-directions div#plant,
body.about-contact-us div#plant
{height:242px;
                                               width:233px;
                                               background:url(images/eye-candy/about-us-section-trans.png) no-repeat 0 0;
                                               left:-135px;
                                               bottom:-2px;
                                               }                                             


/* -- new type layout -- */
div#sub-landing-page {position:relative;
                      left:103px;
                      top:22px;
                      width:230px;
                      margin-bottom:-13px;
                      }
div#sub-landing-page p{padding-left:0;
                       padding-right:0;
                       }
                       /*
body.about-hours div#sub-landing-page h1 {color:#a51727;}
body.about-hours div#sub-landing-page p {color:#000;}*/

.floatright {float:right;}
.floatleft {float:left;}
.ff-text-alpha-hide {color:rgba(255, 255, 255, 0);}

/* -- directions -- */
div#map-area-div {width:360px;
                  position:absolute;
                  left:290px;
                  top:0;
                  }
                  
div#actually-a-subpage {margin-left:103px;}

table.basic-table {padding:0;
                   margin:0;
                   border:0;
                   }
table.basic-table td{vertical-align:top;}

body.products-and-services-default table.basic-table td:first-child{width:300px;}
body.products-and-services-default div#plant-content-offset h3{clear:both;}
body.products-and-services-default div#plant-content-offset table{width:445px;
                                                                  float:left;
                                                                  margin-left:10px;
                                                                  margin-top:16px;
                                                                  }


div#plant-content-offset {position:relative;}

div#left-side {width:200px;
               float:left;
               }
               
body.products-and-services-default div#plant-content-offset .active{text-decoration:none;
                                                                    color:#d8d8d8;
                                                                    cursor:default;
                                                                    }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */