/* colors: #A8B640 - light green #B79A34 - mustard #D66835 - orange #562D22 - brown #432410 - dark brown #949083 - body text #B8B4A5 - nav sub titles */ @font-face { font-family: "Chalet"; src: url(../fonts/Chalet-LondonNineteenSevent.eot); /* IE */ src: local("Chalet-LondonNineteenSevent"), url(../fonts/Chalet-LondonNineteenSevent.otf); /* non-IE */ } html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; } body { background:url('../images/bamboo_background.jpg') fixed top center repeat #888888; margin:0; padding:0; font: 0.80em Arial, 'Helvetica neue', Helvetica, Verdana, Geneva, "Trebuchet MS", sans-serif; } /* #background-wrapper {height: 100%; width: 100%; background:url('../images/grass_dark_transparent.jpg') fixed bottom repeat-x;} body { background:url('../images/bamboo_texture0.jpg') fixed repeat #DDD; margin:0; padding:0; font: 0.80em Arial, 'Helvetica neue', Helvetica, Verdana, Geneva, "Trebuchet MS", sans-serif; } #background-wrapper {height: 100%; width: 100%; background:url('../images/grass_dark_transparent0.jpg') fixed bottom repeat-x;} */ h1,h2,h3,h4,h5,h6 { margin-bottom:0.2em; font-weight: bold; font-style: normal;} h1 { font-size:200%; letter-spacing:-.05em; } h2 { font-size:150%; } h3 { font-size:120%; } h4 { font-size:120%; } h5 { font-size:85%; } h6 { font-size:80%; } select,input,button,textarea,button { font:99% arial,helvetica,clean,sans-serif; } sup {font-size: 50%; } p { font-size:110%;margin-bottom:20px; line-height:140%; } .primary.container p {font-family:georgia, times, 'times new roman', serif; } ul {list-style: none;} a, #breadcrumb li.last a, #site-menu a:hover, #site-menu a.active-section, a:visited, .widget h4 { color:#432410; outline:none; text-decoration: none;} a:link img,a:visited img { border:none; } /*a:visited { color:#481861; }*/ a:hover, #breadcrumb li a:hover, .link-list a.all-link:hover, .widget:hover h4 { color:#000; } .tagline {text-align:center; font: 210% georgia,times,'times new roman', serif; font-style: italic;} .first { margin:0; } .wrapper { max-width:960px; min-width:960px; margin:0 auto; overflow:hidden; padding:0; border:0; } #header { max-width:956px; min-width:956px; margin:0 auto; overflow:hidden; padding:0; height:130px; margin-top: 20px; padding-top:20px; padding-bottom:20px; background: url('../images/linen0.jpg') repeat #F8F8F8; -webkit-border-top-left-radius: 100px; -moz-border-radius-topleft: 100px; border: 2px solid #F8F8F8; border-bottom: 0; } #header a:link, #header a:visited {} #header a:hover {} #logo { margin-top: -10px; margin-left: 50px; float:left;} .info {float:right; color: #444; margin: 60px 20px 0px 10px; text-align:right; font: 1em georgia,times,'times new roman', serif;} .info-address { padding-left: 30px; border-left: 1px solid #AAA;float:right; color: #444; margin: 15px 20px 0px 10px; text-align:right; font: 1em georgia,times,'times new roman', serif;} .info h3 {font-size: 1em;} .info-address h3 {font-size: 1em;} /* #navigation {list-style: none; margin: 20px 0 20px 0;} #navigation li {color: #432410; font-size: 1.1em;} #navigation a:link, #navigation a:visited {color: #432410;} #navigation a:hover {color: #D66835; text-decoration: underline;} */ #navigation { line-height: 2.4em; background-color: #562D22; font-size: 1.2em; } #navigation li { border-top: 1px dotted #432410; padding-top:1px; } li#first { border: none; } #navigation span { color:#FFF; font-size: 167%; font-family: "Chalet", georgia, times, serif; display:block; } #navigation li a { display:block; text-decoration:none; color:#B8B4A5; padding: .7em 0 .7em 20px; font-size: 85%; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; } #navigation li a:hover { background-color:#804433; } #content { overflow:hidden; background-color: #562D22;} #footer { color:#000; clear:both; background: url('../images/tint_green.png') repeat; padding-top: 20px; padding-bottom: 30px; margin-bottom:30px; margin-top: 0px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-bottomright: 100px;} .secondary { width:25%; float:left; color:#FFF; font-size: .85em; margin: 15px 0 20px 0;} .primary { width:75%; float:right; background-color: #e8e5de; } .container { overflow: hidden; margin: 0; padding:0;} .primary img {margin-bottom: -3px;} /* content areas */ #team { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #team h1 { color: #666; } #team h2 { color: #D66835;} #team h3 {font-style: italic; padding-bottom: 10px; border-bottom: 1px dotted #bfbcb6;} #team ul { list-style: none; overflow:hidden;} #team ul li { background-color: #dbd8d2; margin: 20px 20px 0 0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #team ul li first {border-top: none;} #team ul li img { float:left; display:block; margin: 0 20px 20px 0; } #team ul li p { float:none; display:block; } #team ul li ul { list-style: none; overflow:hidden; margin-top: 1em; } #team ul li ul li { overflow:hidden; margin: 0 10px 10px 0; padding:0; margin-bottom: 1em; -webkit-border-radius: 0; -moz-border-radius: 0; border:none;} #services { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #services h1, #services h2 { color: #666; margin-bottom: 10px;} #services h2 { color: #D66835;} #services ul { list-style: none; overflow:hidden; margin-bottom: 30px;} #services ul li { float: left; overflow:hidden; background-color: #dbd8d2; margin: 20px 20px 0 0; padding:0px; width: 43.5%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #services ul li h2 {margin:4px;} #services ul li img { width: 100%; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 100px; -moz-border-radius-bottomright: 10px; } #services ul li ul {margin:10px;} #services ul li ul li { float: none; overflow: hidden; width: 100%; margin: 0 0 5px 0; padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none;} #services ul li ul li span { float: right; } #services ul li ul li em { font-style: normal; font-size: .8em;} #haircutting_photo { background: url('../images/stock_photos/haircutting.jpg') no-repeat; height: 120px; padding:0; } #makeup_photo { background: url('../images/stock_photos/makeup.jpg') no-repeat; height: 120px; padding:0; } #hair_spa_photo { background: url('../images/stock_photos/hair_spa.jpg') no-repeat; height: 120px; padding:0; } #hair_coloring_photo { background: url('../images/stock_photos/color.jpg') no-repeat; height: 120px; padding:0; } #blog { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #blog h1 { color: #666; } #blog h2 { color: #D66835;} #blog h3 {font-style: italic; color:#888; font-size: 1em; margin-bottom: 20px;} #blog ul { list-style: none; overflow:hidden;} #blog ul li { overflow: hidden; background-color: #dbd8d2; margin: 20px 20px 0 0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #blog ul li img {display:block; float:left; overflow:hidden; margin: 20px 10px 10px 0;} #blog ul li first {border-top: none;} #blog ul li img { float:left; display:block; margin: 0 20px 20px 0; } #blog ul li p { display:block; width: 100%; } #programs { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #programs h1, #programs h2 { color: #666; margin-bottom: 10px;} #programs h2 { color: #D66835;} #programs ul { list-style: none; margin-bottom: 30px;} #programs ul li { overflow:hidden; background-color: #dbd8d2; margin: 20px 20px 0 0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #programs ul li img {display:block; float:left; overflow:hidden; margin: 0 10px 10px 0;} #programs ul li p {margin: 10px 10px 10px 0;} #programs ul li em { font-size: .9em; font-style: italic;} #about { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #about h1, #about h2 { color: #666; margin-bottom: 10px;} #about h2 { color: #D66835;} #about ul { list-style: none; margin-bottom: 30px;} #about ul li { overflow:hidden; background-color: #dbd8d2; margin: 20px 20px 0 0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #about ul li img {display:block; float:left; overflow:hidden; margin: 0 10px 10px 0;} #about ul li p {margin: 10px 10px 10px 0;} #about ul li p em {font-style: italic; text-decoration: underline;} #about ul li span { display: block; margin: 10px; font-size: .9em; font-style: italic;} #contact-us { margin: 20px 40px 20px 20px; color:#949083; text-align: justify; } #contact-us h1, #contact-us h2, #contact-us h3 { color: #666; margin-bottom: 10px;} #contact-us h2 { color: #D66835;} #contact-us ul { list-style: none; margin-bottom: 30px;} #contact-us ul li { background-color: #dbd8d2; overflow:hidden; margin: 20px 20px 0 0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #949083;} #contact-us ul li p {margin: 10px;} #contact-us ul li p em {font-style: italic; text-decoration: underline;} #contact-us ul li span { display: block; margin: 10px; font-size: 1em; font-style: italic;} #contact-us ul li ul { list-style:circle; } #contact-us ul li ul li { float: none; overflow: hidden; width: 95%; margin: 0 10px 10px 10px; padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none;} .contact-us-info {float: left; overflow:hidden; margin: 10px 20px 10px 10px;} .submit-form {float:right; font-size:110%; background:#B79A34; color:#000; font-weight:bold; padding:6px 24px; cursor:pointer; cursor:hand; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .submit-form:hover {background:#9dBF89; color:#000;} .submit-form-left {float:left; font-size:110%; background:#B79A34; color:#000; font-weight:bold; padding:6px 24px; cursor:pointer; cursor:hand; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .submit-form-left:hover {background:#FF9789; color:#000;} #footer .primary {width: 40%; text-align: right; overflow:hidden; margin-right: 30px; background-color: transparent; } #footer .secondary {width: 50%; margin-left: 30px;} #footer a:link, #footer a:visited {color:#EEE;padding: 0 2px 0 2px;} #footer a:hover {color:#FFF; background-color: #D66835;} #social-links a:hover {color:#000; background-color: transparent;} .email-subscription-form {width:360px;overflow:hidden;margin-top:20px;margin-bottom:20px;} .email-subscription-form h4 {color:#FFF7B4;margin-bottom:8px;} .email-subscription-form form h4 {color:#000;} .email-subscription-form label {clear:both;} .email-subscription-form form fieldset { -webkit-border-radius: 6px; -moz-border-radius: 6px; border:2px solid #FFF;padding:5px 10px;margin-bottom:14px;} #name-email-input label {display:block;width:60px;float:left;font-size:120%;color:#000;margin-top:7px;} #name-email-input input {background:#FFF; width:260px;font-size:130%;padding:6px 2px;color:#000;margin-bottom:6px;} #name-email-input #name {margin-bottom:12px;} .email-subscription-form form fieldset label:first-letter {text-decoration:underline;} .email-subscription-form fieldset legend {color:#000;padding-bottom:6px;font-style:italic;font-size:120%;} .email-subscription-form fieldset legend span {font-size:1em;text-transform:uppercase;background:#163311;padding:4px;color:#C8DEC1;} .email-subscription-form fieldset legend span#required-fields {color:#E3B000;} #submit-form {font-size:110%;background:#D66835;color:#FFF;font-weight:bold;padding:6px 12px;cursor:pointer;cursor:hand;-webkit-border-radius: 10px; -moz-border-radius: 10px; } #submit-form:hover {background:#B79A34;color:#FFF;} #footer #footer-twitter-feed {float:right; display: block; overflow:hidden; margin-top: 10px; margin-bottom: 10px;} #footer #footer-twitter-feed h5 {color:#000;font-size:110%;margin:0;padding-bottom:10px;padding-left:100px;} #footer #footer-twitter-feed em {margin-top:-30px;} #footer #footer-tweet p {font-family:georgia,times,'times new roman',serif;font-style:italic;font-size:110%;line-height:150%;margin:0;padding:5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:2px solid #FFF;} #footer #footer-tweet p a:link, #footer #footer-tweet p a:visited {color:#D66835; padding: 0 2px 0 2px;} #footer #footer-tweet p a:hover {color:#FFF; background-color: #D66835;} #footer #footer-tweet-meta {display: block; font-style:italic;color:#000;padding:20px;} #footer-contact-info address {display:inline;font-style:normal;} #footer-contact-info h4 {color:#000; font-size:1.4em;} #footer-contact-info p {margin:0 0 10px 0;font-size:100%;} #footer-contact-info dt {padding-left:25px;background:url('../images/jump_arrow.png') 0 center no-repeat;font-weight:bold;margin-top:10px;} #footer-contact-info dd {padding-left:25px;} #footer-contact-info .first {margin:0;padding:0;background:none;} #footer #contact-information {width:60%;float:left;}