/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {margin: 0px; padding: 0px; background:#DDC5A8;} body {position: relative; width: 100%; height:100%; margin: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#1f1f1f; /*background:url(../images/bkg_gradient.jpg) repeat-x #FFF;*/} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #504d16; text-decoration:underline; cursor: pointer} a:hover, a:active {color: #000; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position: relative; width: 750px; clear: both;} #branding h3 {margin:5px 0px;} #branding h4 {color:#5f4118; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; position:absolute; right:0px; top:45px;} /*Main Navigation*/ #branding ul {height: 35px; margin-top:5px} #branding ul li {display: block; float: left} #branding li a {display: block} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 65px; height: 35px; background:url(../images/nav/home_o.gif) no-repeat} #nav_services {width: 76px; height: 35px; background:url(../images/nav/services_o.gif) no-repeat} #nav_prices {width: 64px; height: 35px; background:url(../images/nav/prices_o.gif) no-repeat} #nav_products {width: 81px; height: 35px; background:url(../images/nav/products_o.gif) no-repeat} #nav_tips {width: 106px; height: 35px; background:url(../images/nav/tips_o.gif) no-repeat} #nav_gallery {width: 73px; height: 35px; background:url(../images/nav/gallery_o.gif) no-repeat} #nav_salon {width: 86px; height: 35px; background:url(../images/nav/salon_o.gif) no-repeat} #nav_specials {width: 102px; height: 35px; background:url(../images/nav/specials_o.gif) no-repeat} #nav_contact {width: 97px; height: 35px; background:url(../images/nav/contact_o.gif) no-repeat} #pghome #nav_home img, #pgservices #nav_services img, #pgprices #nav_prices img, #pgproducts #nav_products img, #pgtips #nav_tips img, #pggallery #nav_gallery img, #pgsalon #nav_salon img, #pgspecials #nav_specials img, #pgcontact #nav_contact img {visibility: hidden} /* Dropdown Menu container --------------------------------------------------*/ table.menu {position: absolute; z-index: 5000; border: 1px solid #d9d4b3; cursor: pointer; visibility: hidden;/* Don't change this */ border: 0px;} /* Dropdown Individual menu cells --------------------------------------------------*/ table.menu td {z-index: 1000; color: #FFF;/* Must be the same as tdColor in the menu_script.js */ background-color: #000; /* Must be the same as tdBgColor in the menu_script.js */ padding: 5px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; white-space: nowrap; filter:Alpha(Opacity=100); -moz-opacity: 1.0;} /* BOXES --------------------------------------------------*/ #container {width: 760px; margin: 0px auto;} #content {position: relative; z-index:2; width: 749px; min-height: 300px; margin: 0px auto; clear: both; border-right: 1px solid #fff2e1; border-bottom: 5px solid #3A2F2B; float:left; background:url(../images/bkg/content.jpg) repeat-y;} #contentbox {position: relative; width: 601px; margin-right: 2px; padding: 0px; float:right;} #breadcrumbs {margin: 8px 3px} #contentbox .box {margin: 20px} #contentbox .lineBox {border-top: 1px solid #e2cd9a; padding: 10px 0px 15px 0px} .colLeft, .colMid, .colRt {width: 173px; margin: 10px 5px 20px; float:left; display:block; padding: 8px} .colRt {clear: right} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 10px 0px 0px; text-align:left} .col2 {width: 226px; margin: 0px 5px; float:left; display:block; padding: 10px 0px 0px; text-align:left} .col2 img {border:3px solid #5f4013;} /* CONTENT FORMATTING ---------------------------------------------------*/ #contentbox ul, #content ol {margin: 10px 5px 10px 20px} #contentbox li {margin-bottom: 8px; margin-left: 20px} #contentbox ul li {list-style: disc} #contentbox ol li {list-style: decimal} #contentbox ol li ol li {list-style: lower-alpha; margin-bottom: 5px} #content p {margin: 0px 0px 10px; line-height: 16px} #content h1 {font-size: 24px; font-weight: normal; color: #5f4013; margin: 15px 0px 15px 0px;} #content h2 {font-size: 14px; font-weight: bold; color: #5f4013; margin: 10px 0px 0px 0px;} #content h3 {font-size: 12px; font-weight: bold; color: #5f4013; margin: 10px 0px 0px 0px;} #content h4 {font-size:13px; font-weight:bold; color:#5f4013; padding:5px 0px; border-bottom:2px solid #5f4013;} #content h5 {font-size: 12px; color: #5b5504; margin: 0px 0px 8px;} #content cite {margin-left: 10px} #content .small {font-size:10px; font-style:italic;} .photo {border: 3px solid #5f4013; margin: 10px 0px} .photo1px {border: 1px solid #5f4013; margin: 10px 0px} .photoLeft, .photoRight {border: 3px solid #5f4013; float: left; margin: 0px 10px 10px 0px} .photoLeft1px, .photoRight1px {border: 1px solid #5f4013; float: left; margin: 0px 10px 10px 0px} .photoRight, .photoRight1px {float: right; margin: 0px 0px 10px 10px} .photoRight_nobdr {float: right; margin: 0px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .leftFloat {float: left; margin: 0px 10px 10px 0px} .rightFloat {float: right; margin: 0px 0px 10px 10px} .red {color:#F00;} textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px} .clear {clear:both;} #thumb {width:400px; margin:0 auto; padding:0px 0px 10px 0px;} #thumb img {border:1px solid #5f4013; margin:5px;} .photoRight_brazilian {float:right; margin-right:50px; margin-top:15px; border: 3px solid #5f4013;} .photoLeft_brazilian {float:left; margin-left:50px; margin-top:15px; border: 3px solid #5f4013;} /* SIDEBAR ---------------------------------------------------*/ #sidebar {width: 133px; height:auto; display:block; float: left; background:#fff; padding:5px; border-right:1px solid #3A2F2B; border-bottom:6px solid #3A2F2B;} #sidebar h2 {margin: 1px 0px 5px 0px} #sidebar h3 {margin: 10px 0px 5px; color: #fff} /* SIDEBAR ---------------------------------------------------*/ /*#sidebar {width: 162px; height:auto; display:block; float: left}*/ #submenu {width:122px; height:auto; padding: 15px 0px 10px 10px; font-weight:bold} #submenu li {list-style: url(../images/bullet.gif); color: #b4b3b3; font-size: 12px; margin-left: 15px} #submenu li b {color: #383838; font-size: 10px; margin: 0px; padding: 5px 0px; font-weight: bold} #submenu a:link, #submenu a:visited {width: 99%; color: #383838; text-decoration: none; display:block; padding: 5px 0px; font-size: 10px} #submenu ul .health a:link, #submenu ul .health a:visited {color: #cfa44c; padding: 3px 0px} #submenu a:hover, #submenu a:active, #submenu li ul li a:active, #submenu li ul li a:hover {color: #5D5B3A; padding-left: 2px} #submenu a img {color: #929292; padding-left: 0px} #submenu ul ul {margin-bottom: 8px} #sidebar h3 {margin: 10px 0px 5px; color: #fff} #sidebar h4 {color:#000000; font-style:normal; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:none; margin:0px;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {width: 760px; height: 70px; clear: both; color:#786731; display:block; font-size:9px; padding: 10px 0px; margin:0px auto} #siteinfo li {display: block; float: left; padding-right: 2px; margin:0px;} #siteinfo a:link, #siteinfo a:visited {color: #726657; text-decoration: none} #siteinfo a:hover, #siteinfo a:active {color: #000} #siteinfo .left {width: 180px; float: left; margin: 0px 0px 0px 0px; padding: 0px} #siteinfo .right {width: 570px; float: right; text-align: right; padding: 0px; margin: 0px} #siteinfo cite a {color: #848484; visibility: hidden; float:left;} /* FORM ---------------------------------------------------*/ .form_row {position: relative; margin:10px 0px; clear:right; height: 20px} .form_row table td {padding:5px;} .form_row table select, .form_row table input {width:60px;} .form_req {width:10px; float:left; color:#F00;} .form_label {width:120px; height:25px; margin-top:3px; float:left} label {clear: right; display: block} label input {width: 40px} /* FORM ---------------------------------------------------*/ #content table {margin:0px 0px 10px 0px;} #content table th {font-size:13px; text-align:left; font-weight:bold; color:#5f4013; padding:5px; border-bottom:2px solid #5f4013; vertical-align:bottom;} #content table td {color:#000; padding:5px;} #content table td p {margin:0px;} #content table td a {font-weight:bold;} /* PAGE SPECIFIC ---------------------------------------------------*/ .photoCenter {border: 3px solid #5f4013; margin: 0px 0px 10px 0px} .infotable {margin-top: 30px} #content .infotable td, #content .infotable th, #content .infotable2 td, #content .infotable2 th {text-align: center; border-bottom: 1px solid #e2cd9a; padding: 5px 0px} #content .infotable h3 {text-align: left; font-weight: bold; font-size: 10px} #content .infotable2 h5 {text-align: left} #content .infotable2 h3 {text-align: center; font-weight: bold; font-size: 10px} #content #infotable3 td, #content #infotable3 th {text-align: center; border: 1px solid #e2cd9a; padding:5px 3px; width:81px;} #content #infotable3 h3 {text-align: center; font-weight: bold; font-size: 10px} #content #infotable3 h5 {font-size: 11px} #content .column {float:left; width:30%; border-right: 1px solid #e2cd9a; padding:0px 7px 5px 7px; height:900px;} #content .columnlast {float:left; width:30%; border-right:none; padding:0px 7px 5px 7px; height:900px;} #content .column h2 {text-align:center; border-bottom:1px solid #e2cd9a; padding-bottom:10px;} #content .columnlast h2 {text-align:center; border-bottom:1px solid #e2cd9a; padding-bottom:10px;} /*Home */ #pghome #contentbox {width:600px; margin-right: 0px; padding: 0px; float:right;} #pghome #contentbox h1 img {margin:0px 0px 0px 40px;} #pghome #contentbox h1 span {font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:-10px 0px 5px 200px;} #pghome #siteinfo cite a {visibility: visible} #pghome #contentbox .box {margin:20px;} #pghome #sidebar {width: 142px; height:530px; display:block; float: left; border-right:none; background:none; border-bottom:none;} #pghome #submenu {width:122px; height:480px; background: none; padding: 15px 0px 10px 10px; font-weight:bold} #pghome #flashcontent {position:relative; top:0px; width: 749px; height: 400px; background:#fff4da;} #pghome #content {background:url(../images/bkg/content_hm.jpg) repeat-y #fff3d8;} #pghome #contentbox {width: 591px; margin: 0px; padding: 0px; } #pghome #contentbox .box {margin:20px 15px 10px 15px} #pghome #contentbox p {color:#5b5504} #pghome #submenu li {list-style: url(../images/bullet_hm.gif); color: #b4b3b3; font-size: 12px; margin-left: 15px}