/* Shower Repair LLC By: Nifty Inc */ /* ---[ COLORS Green: #4c5b52 Blue: #0096d7 Yellow: #fbae17 Magenta: #ec1940 ]---*/ /* ---[ GENERAL ]------------------------------- */ * {margin: 0; padding: 0; border: none;} body {margin: 0; padding:0; border:0; background: url("../images/background/tiles.gif") 0 0 repeat;} body {font: 100.01% Verdana, Arial, Helvetica, sans-serif; color: #000;} a:focus, a:active {outline: 0; -moz-outline: none;} img {margin: 0; border:0;} table {border: 0; border-collapse: collapse;} ul {list-style-type: none;} #wrapper {position: relative; margin: 0 auto; padding: 0; border: 0; width: 952px;} /* ---[ HEAD ]------------------------------- */ #head {float: left; margin: 0; padding: 0; width: 952px; height: 124px;} #logo {float: left; margin: 0; padding: 0; width: 230px;} #logo img {margin: 0; padding: 32px 0 0 0;} #subhead {float: right; margin: 0; padding: 30px 0 0 0; width: 350px; text-align: right;} #angie {float: right; margin: 0; padding: 0 30px 0 0; text-align: right;} /* ---[ NAVIGATION ]----------- */ #navWrap {float: left; padding: 0; width: 952px; height: 19px; background-color: #0096d7;} li.nav {display:block; float:left; padding:0 25px 0 0;} /* ---[ NECK ]----------- */ #neckHome {float: left; padding: 0; width: 952px; height: 41px; background: #fff url("../images/background/marker_c.gif") 13px 2px no-repeat;} #neckServices {float: left; padding: 0; width: 952px; height: 41px; background: #fff url("../images/background/marker_c.gif") 100px 2px no-repeat;} #neckClients {float: left; padding: 0; width: 952px; height: 41px; background: #fff url("../images/background/marker_c.gif") 197px 2px no-repeat;} #neckContact {float: left; padding: 0; width: 952px; height: 41px; background: #fff url("../images/background/marker_c.gif") 289px 2px no-repeat;} /* ---[ CONTENT ]----------- */ #contentWrap {float: left; margin: 0; padding: 0; width: 952px; background-color: #fff;} #wide {float: left; margin: 0; padding: 0; width: 627px; border-right: 1px solid #4c5b52;} #wideRight {float: left; margin: 0; padding: 0; width: 627px; border-left: 1px solid #4c5b52;} #narrow {float: left; margin: 0; padding: 0; width: 324px;} ul {margin:0; padding:0; list-style-type: none;} li {display:block; float:left;} ul.headshot {margin:0; padding:0; list-style-type: none;} ul.headshot li {display:block; clear: both; margin:30px 0 0 0; padding: 0 0 0 19px;} ul.headshot li.name {display:block; clear: both; margin:4px 0 0 0; padding: 0 0 0 19px;} li.headline {margin:0; padding: 32px 19px 19px 19px; width: 589px;} li.subhead {margin:0; padding: 0 19px 24px 19px; width: 589px;} li.pic {margin:0; padding: 0 19px 32px 19px; width: 589px;} li.caption {display:inline; margin: 0 19px 6px 19px; padding: 0 0 4px 0; width: 589px; border-bottom: 1px solid #0096d7;} li.text {margin:0; padding: 0 19px 0 19px; width: 589px;} li.magenta {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 19px; background-color:#ec1940;} li.mMarker {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 42px; background: url("../images/background/marker_m.gif") 0 20px no-repeat;} li.yellow2 {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 19px; background-color:#fbae17;} li.yMarker2 {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 42px; background: url("../images/background/marker_y.gif") 0 20px no-repeat;} li.cyan {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 19px; background-color:#0096d7;} li.cMarker {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 42px; background: url("../images/background/marker_c.gif") 0 20px no-repeat;} li.yellow {display:inline; margin:0 19px 0 19px; padding: 0; width: 589px; height: 19px; background-color:#fbae17;} li.yMarker {display:inline; margin:0 19px 0 19px; padding: 0; width: 589px; height: 42px; background: url("../images/background/marker_y.gif") 0 20px no-repeat;} li.green { display:inline; margin:16px 19px 0 19px; padding: 0; width: 286px; height: 19px; background-color:#88d600; } li.gMarker {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 42px; background: url("../images/background/marker_g.gif") 0 20px no-repeat;} li.greenText {margin:0; padding: 0 19px 0 19px; width: 286px;} li.block {display:inline; margin: 0 0 19px 19px; padding: 0; width: 44px; height: 42px; background-color: #4c5b52; border-top: 1px solid #fff; border-bottom: 1px solid #4c5b52;} li.list {display:inline; margin:0 50px 19px 0; padding: 0 0 0 14px ; width: 192px; height: 42px; border-top: 1px solid #fff; border-bottom: 1px solid #4c5b52;} li.list2 {display:inline; margin:0 50px 4px 19px; padding: 0 0 7px 19px; width: 192px; height: 28px; border-bottom: 1px solid #fbae17; background: url("../images/background/marker_yS.gif") 0 6px no-repeat;} li.list3 {display:inline; margin:0 50px 4px 19px; padding: 0 0 7px 19px; width: 192px; height: 28px; border-bottom: 1px solid #0096d7; background: url("../images/background/marker_cS.gif") 0 6px no-repeat;} li.emptyMarker {display:inline; margin:0 19px 0 19px; padding: 0; width: 589px; height: 42px;} li.emptyMarker2 {display:inline; margin:0 19px 0 19px; padding: 0; width: 286px; height: 32px;} #gallery {float:left; display: inline; margin:0 0 0 19px; padding: 0; width:315px; font: bold 0.65em Arial, Helvetica, sans-serif;} #gallery dl {margin:0; padding:0; text-transform:uppercase;} #gallery dt {float:left; margin:0 0 19px 0; padding:0; width:270px; height: 42px; border-top: 1px solid #fbae17; border-bottom: 1px solid #fbae17; border-left: 1px solid #fbae17; background: url("../images/background/marker_y2.gif") -1px 0 no-repeat;} #gallery dt.crack {float:left; margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/crack.gif") 0 0 no-repeat;} #gallery dt.fixtures {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/fixtures.gif") 0 0 no-repeat;} #gallery dt.loose {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/loose.gif") 0 0 no-repeat;} #gallery dt.grout {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/grout.gif") 0 0 no-repeat;} #gallery dt.base {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/base.gif") 0 0 no-repeat;} #gallery dt.drain {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/drain.gif") 0 0 no-repeat;} #gallery dt.joint {margin: 0; padding: 0; width: 42px; height: 42px; border: 1px solid #fbae17; background: url("../images/background/joint.gif") 0 0 no-repeat;} #item a {display:block; padding: 16px 0 0 19px; height: 26px; color: #4c5b52; text-decoration:none;} #item a:hover {color: #fff; background:#4c5b52 url("../images/background/marker_yG.gif") -1px 0 no-repeat;} #galleryPic {float:left; margin:0; padding: 0; width:262px; height: 423px;} #links {float:left; margin:0; padding: 0 0 0 19px; width: 589px; height: 268px; font: normal 0.65em Arial, Helvetica, sans-serif; color: #4c5b52;} #links dl {float:left; margin:0; padding:0; width: 196px; text-transform:uppercase;} #links dt {margin:0; padding:0 0 10px 0; width:196px;} #links a {color: #4c5b52; text-decoration:none;} #links a:hover {color: #0096d7;} a.gallery span {float:left; visibility:hidden; display:block; position:absolute; width:262px; height:423px; top:61px; left:313px; cursor:default;} a.crack span {left:659px; top:245px;} a.fixtures span {left:659px; top:245px;} a.loose span {left:659px; top:245px;} a.grout span {left:659px; top:245px;} a.base span {left:659px; top:245px;} a.drain span {left:659px; top:245px;} a.joint span {left:659px; top:245px;} a.gallery:hover {white-space:normal; z-index:100;} a.gallery:hover span {visibility:visible; z-index:100;} a.gallery:hover span img {margin:0; position:relative; z-index:100; border: 0;} a.gallery:active span img, a.gallery:focus span img {position:relative; margin:0; border: 0; z-index:10;} /* ---[ FOOT ]------------------------- */ #heel {display: block; float: left; margin: 0; padding: 0; width: 952px; height: 26px;} #foot {float: left; margin: 0; padding: 0 0 19px 0; width: 952px;} h3.foot {float: right; text-align: right; width: 400px;} .fb-like {float: left; margin: 9px 0 0 0; text-align: left;} /* ---[ TYPOGRAPHIC ]------------------------------- */ p {font-size: 0.7em; padding:0; margin:0; line-height: 1.875em; color: #4c5b52;} h1 {margin:0; padding:0; font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: .05em; color: #4c5b52; text-transform: uppercase;} h2 {margin:0; padding:0; font: normal 0.65em Arial, Helvetica, sans-serif; line-height: 2.175em; color: #0096d7; text-transform: uppercase;} h3 {margin:0; padding:14px 0 0 0; font: bold 0.65em Verdana, Arial, Helvetica, sans-serif; color:#fbae17; text-transform: uppercase;} h4 {margin:0; padding:4px 0 0 19px; font: bold 0.65em Verdana, Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase;} h5 {margin:0; padding:8px 0 0 15px; font: normal 1.6em Arial, Helvetica, sans-serif;} h6 {margin:0; padding:14px 0 0 0; font: normal 0.65em Verdana, Arial, Helvetica, sans-serif; color:#0096d7; text-transform: uppercase;} h4 a {color: #fff; text-decoration: none;} h4 a:hover {color: #333; text-decoration: none;} h6 a {color: #0096d7; text-decoration: none;} h6 a:hover {color: #ec1940; text-decoration: none;} .bold {font-weight: bold;} .ital {font-style:italic;} .caps {font-size: 0.65em; text-transform: uppercase;} .lowercase {font-size: 0.65em; text-transform: lowercase;} .boldcaps {margin:0; font-weight: bold; font-size: 0.65em; text-transform: uppercase;} .boldgreen {font-weight: bold; color:#4c5b52;} .pink { color: #E04A45; } .blue {color: #0096d7;} .mellow {color: #fbae17;} .italgreen {font-style:italic; color:#4c5b52;} .italgreensmall {margin:0; padding:0; font-size: 0.65em; font-style:italic; color:#4c5b52;} .smallGreen {margin:0; padding:0; font-size: 0.65em; line-height: 1.6em; color:#4c5b52;}