/* Author : Mike Ilsley Email : mikeilsley@gmail.com Website : BeantownDesign.com */ @import url("reset.css"); @import url("http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light"); @font-face { font-family: 'JosefinSansStdLight'; src: url('../fonts/josefinsansstd-light-webfont.eot'); src: local('?'), url('../fonts/josefinsansstd-light-webfont.woff') format('woff'), url('../fonts/josefinsansstd-light-webfont.ttf') format('truetype'), url('../fonts/josefinsansstd-light-webfont.svg#webfontrDpWnxKD') format('svg'); font-weight: normal; font-style: normal; } .shadow {text-shadow:0px 1px 1px #000} .josef {font-family: 'JosefinSansStdLight', sans-serif; font-weight:normal} .boxgrid{ color:#ccb2cc; font-size:12px; width: 216px; height: 299px; margin:8px; float:left; background:#161613; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxcaption{ padding-left:15px; float: left; position: absolute; background: #000; height: 150px; width: 191px; *width: 206px; margin-left:5px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 260; left: 0; } .caption .boxcaption { top: 260; left: 0; } .boxgrid h3 {font-size:22px; font-family: 'JosefinSansStdLight', sans-serif; color:#FFc; margin:10px 0 10px 0; font-weight:normal } .boxgrid a:link, .boxgrid a:visited {color:#FFF; text-decoration:none} .boxgrid a:hover, .boxgrid a:active {color:#FFc; text-decoration:none} /* GENERAL ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ html {background: #25091d !important} body { background:url(../images/page-back.jpg) top center no-repeat #fff; text-align: center; color: #333; font-family:Arial, Helvetica, sans-serif; font-size:12px; } /* LINKS -----------------------------------------------------------------------------*/ a:link, a:visited, a:hover, a:active {text-decoration:none} a:link {color:#339} a:visited {color:#339} a:hover {color:#036} a:active {color:#036} /* CONTAINER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #container { width: 935px; background: #FFF; margin: 0 auto; text-align: left; background:url(../images/rightColBack.jpg) right repeat-y } #home-page #container { background:none } /* HEADER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #header { background:url(../images/head-back.jpg) no-repeat; width:935px; height:342px; } #headerInterior { background:url(../images/headers/place.jpg) no-repeat; width:935px; height:233px; } #header h1 { margin: 0; padding: 10px 0; } /* MAIN NAV -----------------------------------------------------------------------------*/ #nav-box {width:935px; height:55px; background:url(../images/nav-back.jpg) no-repeat} #home-page #nav-box {width:935px; height:55px; background:url(../images/nav-back-home.jpg) no-repeat} #mainNav {margin:0 0 0 35px; padding:7px 0 0 0} #mainNav li {display:inline; color:#745869; font-size:14px;} #mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {text-decoration:none; font-family: 'JosefinSansStdLight', sans-serif; font-size:16px; margin:0 8px 0 8px } #mainNav a:link {color:#e3cbd7} #mainNav a:visited {color:#e3cbd7} #mainNav a:hover {color:#fff} #mainNav a:active {color:#fff} #home-page #mainNav .home-link, #about-page #mainNav .about-link, #wedding-page #mainNav .wedding-link, #alterations-page #mainNav .alterations-link, #testimonials-page #mainNav .testimonials-link, #formal-page #mainNav .formal-link, #contact-page #mainNav .contact-link {color:#ffc} /* LeftCol ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #leftCol { width:560px; margin-left:35px; float:left; margin-bottom:25px; font-size:12px; } #leftCol p {margin-bottom:10px; line-height:18px; color:#333} /* RightCol ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #rightCol {float:right; margin-right:0px; min-height:400px; width:300px; } #rightCol img {border:2px solid #f8d6f1} #galTable { width:300px; font-size:11px; margin-bottom:20px} #galTable td {vertical-align:middle; text-align:center; padding:4px} #galTable a img {-webkit-box-shadow: 0px 0px 2px #25091d; -moz-box-shadow: 0px 0px 2px #250915; border:0px} #galTable a img:hover {-webkit-box-shadow: 0px 0px 4px #25091d; -moz-box-shadow: 0px 0px 4px #250915; border:0px} #galTable2 { font-size:11px; margin-bottom:20px} #galTable2 td {vertical-align:middle; text-align:center; padding:10px} #galTable2 a img {-webkit-box-shadow: 0px 0px 2px #25091d; -moz-box-shadow: 0px 0px 2px #250915; border:0px} #galTable2 a img:hover {-webkit-box-shadow: 0px 0px 4px #25091d; -moz-box-shadow: 0px 0px 4px #250915; border:0px} /* MAINCONTENT ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #mainContent { margin: 0px; padding: 0; background:url(../images/rightColTop.jpg) top right no-repeat } #home-page #mainContent { background:none } #mainContent h1 {color:#506686; font-family: 'JosefinSansStdLight', sans-serif; font-size:36px; font-weight:normal; margin:0 0 15px 35px; padding-top:10px; text-shadow:0px 1px 2px #ffc} /* FOOTER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #footer { padding: 0px; background:url(../images/footer-back.gif) repeat-x top #25091d; min-height:320px; } #footer h1 { font-size:20px; color:#ccb2cc; margin:50px 0 10px -5px; *margin-left:0px; font-family: 'JosefinSansStdLight', sans-serif; font-weight:normal} #footer p { margin-bottom:10px; } /* Testimonial -----------------------------------------------------------------------------*/ .testi {border:2px solid #eee; padding:15px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#f9f9f9} /* Footer left side contact info -----------------------------------------------------------------------------*/ #footL {float:left; color:#ccb2cc; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-top:60px; margin-left:20px; font-size:9px} #footL a:link, #footL a:visited {font-size:9px; color:#ccb2cc; text-decoration:none} #footL a:hover, #footL a:active {font-size:9px; color:#fff; text-decoration:none} #lContact {border-bottom:1px dotted #602052; padding-bottom:10px; margin-left:-3px} #lContact a:link, #lContact a:visited {width:200px; height:44px; background:url(../images/footE.gif) no-repeat ; display:block} #lContact a:hover, #lContact a:active {width:200px; height:44px; background:url(../images/footE.gif) no-repeat 0 -47px; display:block} #homefootText {float:right; width:645px; color:#f2f2f2; font-family:Arial, Helvetica, sans-serif; margin-right:35px; font-size:13px; margin-bottom:25px; margin-top:10px; line-height:16px} .sig {float:right; color:#FFFFCC; } #wedTable {background:#f5f4fb; font-size:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border:2px solid #f3ebfc; padding:3px; margin:10px 0 15px 0; padding:10px} #wedTable td{padding:5px} .bullets {margin-left:10px; list-style-type:none} .bullets li {margin-bottom:15px; background:url(../images/bullet.png) left top no-repeat; padding-left:18px} #home-page #mainContent { height:367px} @-moz-document url-prefix() { #home-page #mainContent { height:373px} }