@charset "UTF-8";
/* CSS Document */

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
*/

html {
background-color: #b3c235;
margin: 0px;
padding: 0px;
border: 0px;
}

h1, h2, h3, h4, li, p, span {
font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
}
		
body {
text-align: center;
min-width: 1120px;
background-position: top center;
background-repeat: repeat-y;
background-image: url(art/TILE-BG.gif);
margin: 0;
padding: 0;
border: 0px;
}

#ornate-wrap {
background-position: center top;
background-repeat: no-repeat;
background-image: url(art/TILE-ORNATE-BG.gif);
}

#mainheader {
background-color: #ffffff;
width: 860px;
margin: 0 auto;
padding: 0 0 30px 0;
border: 0px;
min-height: 500px;
text-align: left;
}

#main-navigation {
width: 860px;
margin: 0 0 40px 0;
padding: 0px;
height: 100px;
background-position: top left;
background-repeat: no-repeat;
background-image: url(art/NAV-BG.gif);
}

#footer-wrap {
background-color: #673c67;
margin: 0;
padding: 0 0 20px 0;
border: 0px;
}

#footer {
width: 860px;
margin: 0 auto;
padding: 20px 0 0 0;
border: 0px;
text-align: left;
background-position: top right;
background-repeat: no-repeat;
background-image: url(art/FOOTER-BG.gif);
}

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
*/


/* HOME SLIDE SHOW**************** ************************** */

#homescroll {
float: right;
width: 406px;
height: 265px;
margin: 0 0 10px 0;
padding: 0px;
}

.slideshow {
margin: 0px;
padding: 0px;
width: 406px;
height: 265px;
overflow: hidden;
}


/* HOME PAGE ************************** */

#main-wrap {
width: 774px;
margin: 0 auto;
padding: 0;
border: 0px;
text-align: left;
}

.main {
width: 774px;
margin: 10px 0 0px 0;    
padding: 0px;
}

.main h2 {
font-size: 1.2em;
line-height: 1.4em;
margin: 0 0 4px 0;
padding: 0px;
color: #663B67;
}

.main p {
font-size: .8em;
line-height: 1.6em;
margin: 0 0 12px 0;
padding: 0px;
color: #707070;
}

.main p.address {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 12px 0;
padding: 0px;
color: #663b67;
}

.main div.main-one {
float: left;
width: 350px;
margin: 0px;
border-right: 0px;
padding: 0;
}



/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/

/* 3 COLUMN WRAP FOR HOME PAGE ************************** */

.three-columnwrap {
width: 812px;
margin: 0 0 35px 0;    
padding: 10px 0 0 0;
}

.three-columnwrap img {
padding: 5px;
margin: 25px 0 35px 0;
background-color: #d8d8d8;
}

.three-columnwrap img.float {
float: left;
margin: 4px 10px 4px 0;
}

.three-columnwrap img.floatno {
margin: 4px 0 4px 0;
padding: 0px;
background-color: #000;
}

.three-columnwrap div {
float: left;
width: 245px;
margin: 0 20px 0 0;
border-right: 1px dotted #bec3a7;
padding: 0;
}

.three-columnwrap div ul {
margin: 0 15px 12px 20px;
padding: 0;
}

.three-columnwrap div ul li {
margin: 0 0 4px 4px;
list-style-type: disc;
padding: 0px;
font-size: .75em;
line-height: 1.2em;
color: #7e8750;
}

.three-columnwrap div.lastone {
float: left;
width: 245px;
margin: 0 0 0 0;
border: 0px;
padding: 0;
}

.three-columnwrap a {
color: #7e8750;
font-weight: 500;
text-decoration: underline;
}

.three-columnwrap a:hover {
color: #FFFFFF;
background-color: #7e8750;
}

.three-columnwrap p {
font-size: .75em;
line-height: 1.6em;
color: #707070;
margin: 0 15px 10px 0;
padding: 0;
}

.three-columnwrap h3 {
font-size: 1.1em;
line-height: 1.6em;
color: #7e8750;
margin: 0 0 4px 0;
padding: 0;
}

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/

/* 2 COLUMN WRAP FOR STYLISTS PAGE ************************** */

.two-columnwrap {
width: 712px;
margin: 0 0 45px 35px;    
padding: 15px 0 0 0;
}

.main .two-columnwrap h2 {
font-size: 1.2em;
line-height: 1.4em;
margin: 0 0 4px 0;
padding: 5px 0 0 0;
color: #663B67;
}

.two-columnwrap p {
font-size: .75em;
line-height: 1.6em;
color: #707070;
margin: 0 15px 10px 0;
padding: 0;
}

.two-columnwrap h3 {
font-size: 1em;
line-height: 1.3em;
color: #7e8750;
margin: 0 0 8px 0;
padding: 0;
}

.two-columnwrap div.headshot {
float: left;
width: 160px;
margin: 0 20px 0 0;
border-right: 1px dotted #bec3a7;
padding: 0;
}

.two-columnwrap div.headshot img {
padding: 5px;
margin: 0 0 0 0;
background-color: #d8d8d8;
}

.two-columnwrap a, .main a {
color: #7e8750;
font-weight: 500;
text-decoration: underline;
}

.two-columnwrap a:hover, .main a:hover {
color: #FFFFFF;
background-color: #7e8750;
}

.two-columnwrap div.headshot p {
clear: left;
font-size: .5em;
line-height: 1em;
color: #ffffff;
margin: 0 0 5px 0;
padding: 0;
}

.two-columnwrap span {
color: #663b67;
font-size: 90%;
}

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/


/* 2 COLUMN SERVICE WRAP ************************** SERVICE WRAP */

.two-servicewrap {
width: 812px;
margin: 0 0 35px 0;    
padding: 10px 0 0 0;
}

.two-servicewrap div {
float: left;
width: 370px;
margin: 0 30px 20px 0;
border-right: 1px dotted #bec3a7;
padding: 0;
}

.two-servicewrap div.lastone {
float: left;
width: 370px;
margin: 0 0 0 0;
border: 0px;
padding: 0;
}

.two-servicewrap div ul {
margin: 0 15px 12px 20px;
padding: 0;
}

.two-servicewrap div ul li {
margin: 0 0 4px 4px;
list-style-type: disc;
padding: 0px;
font-size: .75em;
line-height: 1.2em;
color: #7e8750;
}

.two-servicewrap div h3 {
font-size: 1em;
line-height: 1.3em;
color: #7e8750;
margin: 0 0 8px 0;
padding: 0;
}

.two-servicewrap div p {
font-size: .75em;
line-height: 1.6em;
color: #707070;
margin: 0 15px 10px 0;
padding: 0;
}

.f-right {
background-color:#FFFFFF;
border:0 none;
float:right;
margin:0 0 5px 5px;
padding:5px;
}

/* MAIN NAV----------------------------------- MAIN NAV */

.columnwrap div.firstone ul {
  width: 350px;
  height: 53px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url(art/LOGIN-BG.gif);
  margin: 0 0 10px 0;    
  padding: 0;
}
.columnwrap div.firstone ul li {
  float: left;
  list-style-type: none;
}
.columnwrap div.firstone ul li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 53px;
  background: url(art/LOGIN-BG.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#nav_log a {
  left: 0px;
  width: 350px;
  background-position: 0 0;
}


li#nav_log a:hover {
  background-position: 0 -53px;
  background-color: transparent;
  border-bottom: 0px;
}

.columnwrap div.firstone p.smaller {
font-size: .5em;
}

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
*/

/* MAIN NAV----------------------------------- MAIN NAV */


#nav-main  {
  width: 458px;
  height: 56px;
  position: relative;
  top: 44px;
  left: 361px;
  background: url(art/MAIN-NAV-BG.gif);
  margin: 0 0 0 0;    
  padding: 0;
}
#nav-main  li {
  float: left;
  list-style-type: none;
}
#nav-main li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 56px;
  background: url(art/MAIN-NAV-BG.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

/* MAIN NAV----------------------------------- MAIN NAV
458 x 56
hom	0	82
abt	82	98
ser	180	108
blg	288	74
con	362	96


*/

li#nav_hom a {
  left: 0;
  width: 82px;
  background-position: 0 0;
}
li#nav_abt a {
  left: 82px;
  width: 98px;
  background-position: -82px 0;
}
li#nav_ser a {
  left: 180px;
  width: 108px;
  background-position: -180px 0;
}
li#nav_blg a {
  left: 288px;
  width: 74px;
  background-position: -288px 0;
}
li#nav_con a {
  left: 362px;
  width: 96px;
  background-position: -362px 0;
}


li#nav_hom a:hover {
  background-position: 0 -56px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_abt a:hover {
  background-position: -82px -56px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_ser a:hover {
  background-position: -180px -56px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_blg a:hover {
  background-position: -288px -56px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_con a:hover {
  background-position: -362px -56px;
  background-color: transparent;
  border-bottom: 0px;
}


#body_hom li#nav_hom a {
  background-position: 0 -112px;
}
#body_abt li#nav_abt a {
  background-position: -82px -112px;
}
#body_ser li#nav_ser a {
  background-position: -180px -112px;
}
#body_blg li#nav_blg a {
  background-position: -288px -112px;
}
#body_con li#nav_con a {
  background-position: -362px -112px;
}



.clear {
clear: both;
}

.clear-right {
clear: right;
}

/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/

.footer-contact {
width: 780px;
background-position: top right;
background-repeat: no-repeat;
margin: 0 0 0 40px;
padding: 0 0 5px 0;
}

.footer-contact h3 {
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-weight: normal;
}

.footer-contact h2 {
color: #ffffff;
margin: 0 0 6px 0;
padding: 0px;
font-size: 1em;
line-height: 1.3em;
}

.footer-contact h3 {
color: #b3c235;
margin: 0 0 7px 0;
padding: 0px;
font-size: .85em;
line-height: 1.3em;
}

.footer-contact h4 {
color: #b3c235;
margin: 0 0 8px 0;
padding: 0px;
font-size: .9em;
line-height: 1.2em;
font-weight: normal;
}

.footer-contact span {
color: #b3c235;
}

.footer-contact span.smaller {
font-size: 75%;
}

.footer-contact a {
text-decoration: underline;
color: #d8e096;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.footer-contact a:hover {
color: #b3c235;
}

#footer p.disclaimer {
color: #87a5d1;
margin: 0 55px 8px 55px;
padding: 0px;
font-size: .6em;
line-height: 1.1em;
}


/* FOOTER ICON BG ======================== Social in FOOTER

39 x 40 (117 x 40)
foot_fac	0	39
foot_twt	40	39
foot_rss	80	39
 */


.socialfooter {
width: 117px;
height: 40px;
float: right;
margin: 50px 0 0 0;
padding: 0;
}

.socialfooter #footsocial  {
  width: 117px;
  height: 40px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url(art/FOOTER-ICON-BG.gif);
  margin: 0 0 0 0;    
  padding: 0;
}
.socialfooter #footsocial  li {
  float: left;
  list-style-type: none;
}
.socialfooter #footsocial li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(art/FOOTER-ICON-BG.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

/* MAIN NAV----------------------------------- MAIN NAV
458 x 56
hom	0	82
abt	82	98
ser	180	108
blg	288	74
con	362	96


*/

.socialfooter #footsocial li#foot_fac a {
  left: 0;
  width: 39px;
  background-position: 0 0;
}
.socialfooter #footsocial li#foot_twt a {
  left: 39px;
  width: 39px;
  background-position: -39px 0;
}
.socialfooter #footsocial li#foot_rss a {
  left: 78px;
  width: 39px;
  background-position: -78px 0;
}


.socialfooter #footsocial li#foot_fac a:hover {
  background-position: 0 -40px;
  background-color: transparent;
  border-bottom: 0px;
}
.socialfooter #footsocial li#foot_twt a:hover {
  background-position: -39px -40px;
  background-color: transparent;
  border-bottom: 0px;
}
.socialfooter #footsocial li#foot_rss a:hover {
  background-position: -78px -40px;
  background-color: transparent;
  border-bottom: 0px;
}


/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/

/* ========================================= BLOG PAGE info */

.main #blog-left {
float: left;
width: 200px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.main #blog-left ul {
margin: 10px 0 7px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

.main #blog-left ul li {
text-decoration: none;
padding: 0;
margin: 0 0 5px 10px;
}

.main #blog-left ul li a {
color: #7e8750;
text-decoration: underline;
padding: 0 0 0 0;
font-size: .9em;
line-height: 1.3em;
margin: 0 0 0 0;
font-weight: normal;
}

.main  #blog-left ul li a:hover {
color: #ffffff;
background-color: #7e8750;
}

/* Social Icons list items ====================== Social Icons list item */

.main  #blog-left #nav-social  {
  height: 120px;
  width: 154px;
  position: relative;
  background: url(art/SOCIAL-ICONS.gif);
  background-repeat: no-repeat;
  margin: 0;  
  padding: 0;
}
.main  #blog-left #nav-social  li {
  list-style-type: none;
  margin: 0;
}
.main  #blog-left #nav-social  li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(art/SOCIAL-ICONS.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
.main  #blog-left li#fac a {
  top: 0px;
  width: 154px;
  background-position: 0 0;
}
.main  #blog-left li#twt a {
  top: 40px;
  width: 154px;
  background-position: 0 -40px;
}
.main  #blog-left li#rss a {
  top: 80px;
  width: 154px;
  background-position: 0 -80px;
}

.main  #blog-left li#fac a:hover {
  background-position: 0px -120px;
}
.main  #blog-left li#twt a:hover {
  background-position: 0px -160px;
}
.main  #blog-left li#rss a:hover {
  background-position: 0px -200px;
}



/* COLORS
WHITE - FFF
BLACK - 000
GRAY - 999999
PURPLE - 663b67
GREEN - b3c235
DARK GREEN - 7e8750
*/

.main #blog-right {
float: right;
width: 535px;
padding: 10px 0 0 0;
}

.main #blog-right h2 a {
font-size: 1.2em;
font-weight: normal;
letter-spacing: -.03em;
line-height: 1.3em;
color: #663b67;
margin: 20px 0 5px 0;
padding: 0;
text-decoration: none;
background-color: #FFF;
}

.main #blog-right h2 a:hover {
color: #7e8750;
}

.main #blog-right img {
border: 5px solid #663b67;
padding: 0px;
margin: 5px 0 10px 0;
}

.main #blog-right img.alignright {
float: right;
margin: 5px 25px 10px 10px;
}

.main #blog-right img.alignleft {
float: left;
margin: 5px 10px 10px 0;
}

.main #blog-right p.author {
font-size: .8em;
line-height: 1.6em;
color: #999999;
margin: 0 0 12px 0;
font-style: italic;
padding: 0;
}

.main #blog-right h3 {
font-family: Georgia, serif;
font-size: .95em;
font-weight: 500;
letter-spacing: -.03em;
line-height: 1.3em;
color: #663b67;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}

.main #blog-right h3 a {
color: #7e8750;
text-decoration: underline;
}
.main #blog-right h3 a:hover {
color: #fff;
background-color: #7e8750;
text-decoration: underline;
}

.main #blog-right ul {
margin: 15px 10px 15px 30px;
padding: 0px;
}
.main #blog-right ul li {
color: #663b67;
list-style-type: square;
margin: 0 0 5px 0;
font-size: .9em;
line-height: 1.15em;
}

.main #blog-right ol li {
color: #663b67;
margin: 0 0 5px 0;
font-size: .9em;
line-height: 1.15em;
}

.main #blog-right blockquote {
font-size: 1.1em;
font-weight: normal;
font-style: italic;
letter-spacing: -.03em;
line-height: 1.4em;
color: #fff;
background-color: #e5e5e5;
margin: 10px 20px 10px 0;
padding: 15px 15px 5px 10px;
font-style: italic;
}

hr {
width: 535px;
height: 0px;
border-top: 1px dotted #999999;
margin: 20px 0 20px 0;
}

.post-wrap {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px dotted #999999;
}

#blog-right a {
color: #679D34;
text-decoration: underline;
}
#blog-right a:hover {
color: #fff;
background-color: #679D34;
text-decoration: underline;
}

/* ========================================= END BLOG PAGE */

.contactmap {
width: 535px;
display: block;
border: 5px solid #663b67;
margin: 5px 0 25px 0;
background-color: #663b67; 
padding: 0;
}

#blog-right a.citelinks {
text-decoration: underline;
font-style:italic;
color: #D8E096;
}

#blog-right a:hover.citelinks {
color: #B3C235;
background: none;
}