@charset "utf-8"; /* CSS Document */ body {padding:0; margin:0; background: #261d18; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px;} /* ----------------------- LOGO and NAVIGATION -------------------------- */ #home-container {width:870px; margin:15px auto 0 auto; height:561px;} #header-container {width:870px; margin:auto; padding:20px 0 0 0;} #logo{ float:left; width:202px; height:42px;} #nav { float:right; padding:20px 0 0 0;} ul.nav, ul.nav li {margin:0; padding:0;} ul.nav li {display: inline; list-style: none; background: none;} #nav .nav a, #nav .nav a:link, #nav .nav a:visited {font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 0 7px; color: #dfc48a;} #nav .nav a:hover, #nav .nav li a.selectedPage {border-top:3px solid #ddd8c7; padding-top: 5px;} /* main navigation */ #mainMenu { float:right;} #mainMenu ul li{} #mainMenu ul li a {display:block; height:30px; color: #dfc48a; padding:10px 8px 0; font-size:14px; text-decoration:none;} #mainMenu ul li a span {font-size:12px; color:#fff; line-height:120%;} #mainMenu ul li a:hover {text-decoration:none; color:#FFF;} #mainMenu ul li ul li a:hover{background:#2f2722;} /* About -------------------------------------------*/ #about-container {width:870px; margin:15px auto 0 auto; background:url(../images/about-paige-fletcher.jpg); height:561px;} #about-float {margin:0 25px 0 0; padding:30px 0 0 0; width:215px; float:right;} #about-float h1 {font-size:18px; text-transform:none; line-height:24px; color:#ebe4c7; letter-spacing:-1px;} #about-float p {margin:0; padding:5px 0 0 0; font-size:14px; line-height:20px; color:#a39a7c;} a.about:link {color: #dfc48a; font-size: 14px; font-weight: normal; text-decoration:none; } a.about:visited {color: #dfc48a; font-size: 14px; font-weight: normal; text-decoration:none;} a.about:hover {text-decoration: underline; } a.about:active {color: #dfc48a; } /* Clients -------------------------------------------*/ #clients-container {width:870px; margin:15px auto 0 auto; background:url(../images/clients.jpg); height:561px; border:2px solid #303333; } #clients-left {float:right; width:145px; margin-top:8px;} #clients-left ul {margin-top:5px;} #clients-left li {font-size:11px; line-height:13px; color:#a39a7c;} #clients-right {float:right; width:145px; margin:8px 40px 0 20px;} #clients-right ul {margin-top:5px;} #clients-right li {font-size:11px; line-height:13px; color:#a39a7c;} /* Contact -------------------------------------------*/ #contact-container {width:870px; margin:15px auto 0 auto; background:url(../images/contacts.jpg); height:561px;} #contact-float {margin:0 25px 0 0; padding:30px 0 0 0; width:255px; float:right;} #contact-float p {margin:0; padding:5px 0 5px 0; font-size:14px; line-height:20px; color:#a39a7c;} #contact-float ul {margin:0; padding:8px 0 0 0;} #contact-float li { line-height:28px;} a.contact:link {color: #dfc48a; font-size: 14px; font-weight: normal; text-decoration:none; } a.contact:visited {color: #dfc48a; font-weight: normal; text-decoration:none;} a.contact:hover {text-decoration: underline; } a.contact:active {color: #dfc48a; } /* Galleries -------------------------------------------*/ #gallery-container {height: 561px; width: 870px; background: #14100d; border: solid rgb(51,51,51); margin:15px auto 0 auto;} #gallery {width:870px; position:relative; height:561px; padding-top:356px;} #gallery img.left {width:55px; height:62px; background:#14100d; float:left;cursor:pointer; margin:139px 0 0 0; padding-right: 24px;} #gallery img.right {width:30px; height:62px; background:#14100d; float:left;cursor:pointer; margin:139px 0 0 0;} #gallery ul {list-style:none; padding:0; margin:139px 0px 0 18px; float:left; background:#14100d; border:2px solid #14100d; border-width:5px 2px;} #gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 51px 0 0px; border:1px solid #000; cursor:pointer;} #gallery ul li.hide {display:none;} /* thumbnails savory */ #gallery ul li.sv1 {background:url(../images/savory1-tn.jpg);} #gallery ul li.sv2 {background:url(../images/savory2-tn.jpg);} #gallery ul li.sv3 {background:url(../images/savory3-tn.jpg);} #gallery ul li.sv4 {background:url(../images/savory4-tn.jpg);} #gallery ul li.sv5 {background:url(../images/savory5-tn.jpg);} #gallery ul li.sv6 {background:url(../images/savory6-tn.jpg);} #gallery ul li.sv7 {background:url(../images/savory7-tn.jpg);} #gallery ul li.sv8 {background:url(../images/savory8-tn.jpg);} #gallery ul li.sv9 {background:url(../images/savory9-tn.jpg);} #gallery ul li.sv10 {background:url(../images/savory10-tn.jpg);} #gallery ul li.sv11 {background:url(../images/savory11-tn.jpg);} #gallery ul li.sv12 {background:url(../images/savory12-tn.jpg);} #gallery ul li.sv13 {background:url(../images/savory13-tn.jpg);} #gallery ul li.sv14 {background:url(../images/savory14-tn.jpg);} #gallery ul li.sv15 {background:url(../images/savory15-tn.jpg);} #gallery ul li.sv16 {background:url(../images/savory16-tn.jpg);} #gallery ul li.sv17 {background:url(../images/savory17-tn.jpg);} #gallery ul li.sv18 {background:url(../images/savory18-tn.jpg);} #gallery ul li.sv19 {background:url(../images/savory19-tn.jpg);} #gallery ul li.sv20 {background:url(../images/savory20-tn.jpg);} #gallery ul li.sv21 {background:url(../images/savory21-tn.jpg);} #gallery ul li.sv22 {background:url(../images/savory22-tn.jpg);} #gallery ul li.sv23 {background:url(../images/savory23-tn.jpg);} #gallery ul li.sv24 {background:url(../images/savory24-tn.jpg);} #gallery ul li.sv25 {background:url(../images/savory25-tn.jpg);} #gallery ul li.sv26 {background:url(../images/savory26-tn.jpg);} #gallery ul li.sv27 {background:url(../images/savory27-tn.jpg);} /* thumbnails sweets and drinks */ #gallery ul li.sw1 {background:url(../images/sweets1-tn.jpg);} #gallery ul li.sw2 {background:url(../images/sweets2-tn.jpg);} #gallery ul li.sw3 {background:url(../images/sweets3-tn.jpg);} #gallery ul li.sw4 {background:url(../images/sweets21-tn.jpg);} #gallery ul li.sw5 {background:url(../images/sweets5-tn.jpg);} #gallery ul li.sw6 {background:url(../images/sweets6-tn.jpg);} #gallery ul li.sw7 {background:url(../images/sweets7-tn.jpg);} #gallery ul li.sw8 {background:url(../images/sweets8-tn.jpg);} #gallery ul li.sw9 {background:url(../images/sweets9-tn.jpg);} #gallery ul li.sw10 {background:url(../images/sweets4-tn.jpg);} #gallery ul li.sw11 {background:url(../images/sweets11-tn.jpg);} #gallery ul li.sw12 {background:url(../images/sweets12-tn.jpg);} #gallery ul li.sw13 {background:url(../images/sweets13-tn.jpg);} #gallery ul li.sw14 {background:url(../images/sweets14-tn.jpg);} #gallery ul li.sw15 {background:url(../images/sweets15-tn.jpg);} #gallery ul li.sw16 {background:url(../images/sweets16-tn.jpg);} #gallery ul li.sw17 {background:url(../images/sweets17-tn.jpg);} #gallery ul li.sw18 {background:url(../images/sweets18-tn.jpg);} #gallery ul li.sw19 {background:url(../images/sweets19-tn.jpg);} #gallery ul li.sw20 {background:url(../images/sweets20-tn.jpg);} #gallery ul li.sw21 {background:url(../images/sweets21-tn.jpg);} #gallery ul li.sw22 {background:url(../images/sweets22-tn.jpg);} #gallery ul li.sw23 {background:url(../images/sweets23-tn.jpg);} #gallery ul li.sw24 {background:url(../images/sweets24-tn.jpg);} #gallery ul li.sw25 {background:url(../images/sweets25-tn.jpg);} #gallery ul li.sw26 {background:url(../images/sweets26-tn.jpg);} #gallery ul li.sw27 {background:url(../images/sweets27-tn.jpg);} #gallery ul li.sw28 {background:url(../images/sweets28-tn.jpg);} #gallery ul li.sw29 {background:url(../images/sweets29-tn.jpg);} #gallery ul li.sw30 {background:url(../images/sweets30-tn.jpg);} #gallery ul li.sw31 {background:url(../images/sweets31-tn.jpg);} /* thumbnails tearsheets */ #gallery ul li.ts1 {background:url(../images/tearsheet1-tn.jpg);} #gallery ul li.ts2 {background:url(../images/tearsheet2-tn.jpg);} #gallery ul li.ts3 {background:url(../images/tearsheet3-tn.jpg);} #gallery ul li.ts4 {background:url(../images/tearsheet4-tn.jpg);} #gallery ul li.ts5 {background:url(../images/tearsheet5-tn.jpg);} #gallery ul li.ts6 {background:url(../images/tearsheet6-tn.jpg);} #gallery ul li.ts7 {background:url(../images/tearsheet7-tn.jpg);} #gallery ul li.ts8 {background:url(../images/tearsheet8-tn.jpg);} #gallery ul li.ts9 {background:url(../images/tearsheet9-tn.jpg);} #gallery ul li.ts10 {background:url(../images/tearsheet10-tn.jpg);} #gallery ul li.ts11 {background:url(../images/tearsheet11-tn.jpg);} #gallery ul li.ts12 {background:url(../images/tearsheet12-tn.jpg);} #gallery ul li.ts13 {background:url(../images/tearsheet13-tn.jpg);} #gallery ul li.ts14 {background:url(../images/tearsheet14-tn.jpg);} #gallery ul li.ts15 {background:url(../images/tearsheet15-tn.jpg);} #gallery ul li.ts16 {background:url(../images/tearsheet16-tn.jpg);} #gallery ul li.ts17 {background:url(../images/tearsheet17-tn.jpg);} #gallery ul li.ts18 {background:url(../images/tearsheet18-tn.jpg);} #gallery ul li.ts19 {background:url(../images/tearsheet19-tn.jpg);} #gallery ul li.ts20 {background:url(../images/tearsheet20-tn.jpg);} #gallery ul li.ts21 {background:url(../images/tearsheet21-tn.jpg);} #gallery ul li.ts22 {background:url(../images/tearsheet22-tn.jpg);} #gallery ul li.ts23 {background:url(../images/tearsheet23-tn.jpg);} #gallery ul li.ts24 {background:url(../images/tearsheet24-tn.jpg);} #gallery ul li.ts25 {background:url(../images/tearsheet25-tn.jpg);} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #gallery ul li b {color:#444;} #gallery ul li.chosen {border-color:#fff; cursor:default;} #gallery ul li.chosen div {position:absolute; left:0; top:0; width:862px; height:355px; background:#14100d;} #gallery ul li.chosen div i {width:800px; height:10px; display:table-cell; vertical-align:middle; text-align:center;} #gallery ul li.chosen div i img {visibility:visible; width:868px; height:490px; border:1px solid #14100d; margin:0 auto;} #gallery ul li.chosen span {display:block;} /* ----------------------- FOOTER -------------------------- */ #footer {width:870px; margin:5px auto 0 auto; font-size:12px; color:#525151;} #nav-left-footer {float:left; width:400px;} #nav-right-footer {float:right; width:400px; text-align:right; color:#525151;} #nav-right-footer img {float:right; padding-left:5px;} /* ----------------------- UNIVERSAL -------------------------- */ h1 {margin:0; padding:0; font-size:14px; font-weight:normal; color: #dfc48a; text-transform:uppercase;} p {color: #dfc48a;} ul {margin:0; padding:5px 0 15px 0; color: #dfc48a; list-style:none;} li { line-height:18px;} img { border:none;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;}/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */