/*DOCUMENT INFO ---------------------------------------------------------------------------------------------- File Name: base.css Description: Screen/Designs by Donna Version: 1.0 Author: Jerad Barbot COLORS ---------------------------------------------------------------------------------------------- Lt Grey ----------- #DDDDDD Drk Grey ----------- #999999 Pink ----------- #965C72 Drk pink ----------- #7A4B5E Text ----------- #333333 ----------------------------------------------------------------------------------------------*/ /*UNIVERSAL / CONTAINERS ----------------------------------------------------------------------------------------------*/ html {height: 100%; margin-bottom: 1px;} body {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color:#EFEFEF;} .wrapper {width: 800px; margin: 0 auto; text-align: center;} #main {clear: both; padding-bottom: 10px; background-color: #EFEFEF; background-image: url(../images/back_ground.jpg); background-repeat: repeat-x;} #main .wrapper {background: url(../images/bg_header.jpg) no-repeat;} h1 {visibility: hidden; display: none;} .hide {visibility: hidden; display: none;} .clear {display:inline; clear: both; height: 0; visibility: hidden;} /*Header ----------------------------------------------------------------------------------------------*/ #logo {height: 139px; width: 800px; vertical-align: middle;} /*MAIN NAVIGATION ----------------------------------------------------------------------------------------------*/ #main-nav {margin-top: -40px !important; margin-top: -42px; margin-bottom: 20px; height: 40px; line-height: 40px; vertical-align: middle; text-align: center; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} #main-nav a {margin-right: 96px; text-decoration: none; font-size: 1.4em; color: #965C72;} #main-nav a.lastitem {margin-right: 0;} #main-nav a.selected {color: #C9A7B4;} #main-nav a:hover {color: #C9A7B4;} /*CONTENT ----------------------------------------------------------------------------------------------*/ #content {width: 800px; margin: 0; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;} #content p {font-size:1em; letter-spacing: normal; word-spacing: 0.08em; margin:0 0 10px 0; line-height: 16px;} #content strong {font-weight:bold;} #content em {font-style: italic;} #content img a:hover { text-decoration: none; border: none; border-bottom: none;} #content a {color: #965C72; font-weight:bold; text-decoration: none;} #content a:hover {color: #6D4353; text-decoration: underline;} #content a:visited {color: #965C72; text-decoration: underline; font-weight: normal;} #content .about {float:right; background-image: url(../images/about_photo.jpg); background-repeat: no-repeat; height:460px; width: 310px; background-position: right top;} #content .testimonials {float:right; background-image: url(../images/testimonials_photos.jpg); background-repeat: no-repeat; height:510px; width: 310px; background-position: right top;} #content .pricelist {float:right; background-image: url(../images/pricelist_photos.jpg); background-repeat: no-repeat; height:453px; width: 326px; background-position: right top;} #content .links {float:right; background-image: url(../images/link_photos.jpg); background-repeat: no-repeat; height:480px; width: 310px; background-position: right top;} #content .column {width: 470px;} #content h2 {font-size: 2.1em; color: #C5A7B3; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;} #content h3 {font-size: 1.2em; color: #333333; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold;} #content h4 {font-size: 1.4em; color: #333333; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .imageleft {float:left; padding: 10px 9px 0 0;} .imagecenter {float:left; padding: 10px 9px 0 0;} .imageright {float:left; padding: 10px 0 0 0;} /*GALLERY ----------------------------------------------------------------------------------------------*/ #content #gallery {padding: 10px 0 10px 4px;} #content #gallery ul {list-style: none; margin: 0; padding: 0;} #content #gallery ul li {display: inline; margin: 0; padding: 0;} #content .imgFloatLeft {float: left; margin: 3px 3px 3px 3px; border: 1px solid #C7C7C7; color: #E6E6E6;} #content .imgFloatLeft.lastImg {margin: 4px 0px 5px 0;} #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data { padding: 0 10px; color: #666;} #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;} #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose { width: 66px; float: right;} /*LIST