/* Blackbrush Creative www.blackbrushcreative.com info@blackbrushcreative.com */ /* Includes ----------------------------------------------------- */ @import 'css/reset.css'; @import 'css/forms.css'; /* -------------------------------------------------------------- */ body { margin: 0; padding: 0; background: #051b2b url(images/body-bg.gif) repeat-x;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; } h1 { } h2 { } h3 { } h3 { } h4 { color:#61c325; font-size: 16px; font-weight:bold; margin-bottom: 2px; } h5 { } h6 { } #home-overview h2 { background:url(images/title-home.gif) no-repeat bottom left; width:354px; height:67px; text-indent:-9999px; margin:0 0 14px 21px; } #who h3 { background:url(images/title-who.gif) no-repeat; width:300px; height:20px;text-indent:-9999px; margin-bottom:21px; } #how h3 { background:url(images/title-how.gif) no-repeat; width:400px; height:20px;text-indent:-9999px; margin-bottom:21px; } #main-content h3 { display:block; margin:4px 0 18px 0; width:530px; height:25px; text-indent: -9999px; } #main-content h3#management { background:url(images/title-management.gif) no-repeat; } #main-content h3#guest { background:url(images/title-guest.gif) no-repeat; } #main-content h3#information { background:url(images/title-information.gif) no-repeat; } #main-content h3#resource{ background:url(images/title-about.gif) no-repeat; } #main-content h3#title-contact { background:url(images/title-contact.gif) no-repeat; } #sidebar h3 { padding-top: 28px; color:#eb3700;} #sidebar h3, #sidebar p { margin-left: 20px; margin-bottom: 18px; } /* Text elements -------------------------------------------------------------- */ p { color:#3c3c3c; font:13px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; margin-bottom:18px; } #home-overview p { width:600px; margin:0 0 0 21px; } p#main-message { background:url(images/title-home-message.gif) no-repeat bottom left; width:604px; height:74px; text-indent:-9999px; margin:0 0 14px 21px; } .testimonial p { margin-bottom: 0px;} .author { color:#03497c; font-family:Georgia, Times, serif; font-size:11px; font-style:italic; line-height: 21px;} .hotel { color:#6a7b87; font-family:Georgia, Times, serif; font-size:11px; font-style:italic; line-height: 21px;} #footer p { text-align: center; color:#d9fbda; margin-bottom: 6px;} #footer p a {color:#d9fbda; } #footer p a:hover { color:#fff; } #footer p span { color: #fff; font-size: 12px;} #main-content.management p em { display: block; background:url(images/blurb-management.gif) no-repeat; width:573px; height: 62px; text-indent: -9999px; } #main-content.guest p em { display: block; background:url(images/blurb-guest.gif) no-repeat; width:573px; height: 62px; text-indent: -9999px; } #main-content.information p em { display: block; background:url(images/blurb-information.gif) no-repeat; width:573px; height: 41px; text-indent: -9999px; } #main-content.about p em { display: block; background:url(images/blurb-about.gif) no-repeat; width:573px; height: 83px; text-indent: -9999px; } #main-content.contact p em { display: block; background:url(images/blurb-contact.gif) no-repeat; width:573px; height: 62px; text-indent: -9999px; } abbr, acronym { } blockquote { } em { } /* Structure -------------------------------------------------------------- */ .page { width:970px; margin:0px auto; text-align: left; } #content { background-color:#fff; padding-bottom: 28px; margin-bottom:21px;} /*url(images/grid.png) repeat 10px 0*/ #header { background:url(images/header-bg.gif) no-repeat; height:118px; width:970px; margin:0 0 4px 0; border-bottom:solid 1px #7b858d; } #home-overview-wrap { background:#d7f9e1 url(images/home-overview-wrap-bg.gif) repeat-x; border-bottom:solid 1px #c2dccb; height:249px; position:relative; z-index:1; } #home-overview { float:left; background:url(images/home-overview-bg.gif) no-repeat top right; width:647px; height:249px; margin-right:4px;} #home-overview-wrap img { float:left; margin-top: -115px; position:relative; z-index:2; } #who { float:left; padding-left:21px; width:450px; margin-right: 20px; } .testimonial { height:90px; margin-bottom:18px; } .testimonial a { float:left; border: 1px solid #b6b5b5; margin-right: 20px; padding:0; line-height: 0; } .testimonial a:hover { float:left; border: 1px solid #666; margin-right: 20px; padding:0; line-height: 0; } #how { float:left; width:460px; padding-left: 10px;} #who, #how, #main-content { margin-top: 28px; } #advantages, #about, #contact { width:970px; height:100px; border-bottom:solid 1px #c2dccb; text-indent:-9999px;} #advantages { background:#d7f9e1 url(images/title-section-advantages.gif) no-repeat; } #about { background:#d7f9e1 url(images/title-section-about.gif) no-repeat; } #contact{ background:#d7f9e1 url(images/title-section-contact.gif) no-repeat; } #main-content { float:left; width:580px; padding: 0 5px; } .twocol { background-image:url(images/content-bg.gif); background-repeat:repeat-y;} /*.twocol { background: url(images/grid.png) repeat 10px 0;}*/ #sidebar { float:left; width: 281px; margin-right: 50px; } #sidebar img { background:#fff; padding: 24px 0 0 16px;} #footer { margin-bottom: 21px; } /* Nav -------------------------------------------------------------- */ ul#main-nav { float: left; background: no-repeat url(images/nav-bg.gif) top left; width:450px; height:45px; margin:36px 0 0 11px; position:relative; list-style:none; z-index:3;} ul#main-nav a { display:block; height:45px; overflow:hidden; text-decoration:none; text-indent:-9999px; } li#mn1 { background:no-repeat url(images/nav-bg.gif) -0px 0px; position:absolute; top:0; left:0px; height:45px; width:123px; } li#mn2 { background:no-repeat url(images/nav-bg.gif) -123px 0px; position:absolute; top:0; left:123px; height:45px; width:79px; } li#mn3 { background:no-repeat url(images/nav-bg.gif) -202px 0px; position:absolute; top:0; left:202px; height:45px; width:248px; } li#mn1 a:hover { background:no-repeat url(images/nav-bg.gif) -0px -45px; } li#mn2 a:hover { background:no-repeat url(images/nav-bg.gif) -123px -45px; } li#mn3 a:hover { background:no-repeat url(images/nav-bg.gif) -202px -45px; } /* Search -------------------------------------------------------------- */ /* Lists -------------------------------------------------------------- */ ol { } ul { list-style: none; } li { color:#3c3c3c; font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif; } #how li { background: url(images/check.gif) no-repeat; padding-left: 28px; line-height: 18px; margin-bottom: 18px;} #how li#benfits-link { background: transparent no-repeat; padding: 0px; margin-top: 34px; } #how li#benfits-link a { display:block; overflow: hidden; background: url(images/benefits-button.gif) no-repeat; text-indent: -9999px; width: 358px; height: 40px;} #how li#benfits-link a:hover { display:block; background: url(images/benefits-button.gif) no-repeat 0 -40px; text-indent: -9999px; width: 358px; height: 40px;} #sidebar ul { background:#fff; padding: 28px 0 0 0;} #sidebar li { line-height: 38px; padding:0px; margin: 0px; border-bottom: solid 2px #fff;} #sidebar li a { display:block; color:#124a72; text-decoration:none; background:#eeeeee; padding-left: 20px; } #sidebar li a:hover { color:#124a72; text-decoration:none; background:#adddf0; padding-left: 20px; } #sidebar li a.selected { color:#fff; background:#124a72 url(images/subnav-arrow.gif) no-repeat center right;} #main-content li { margin-bottom: 18px; padding-left: 40px;} li#icon-roi { background: url(images/icon-roi.gif) no-repeat 0 3px; } li#icon-brand { background: url(images/icon-brand.gif) no-repeat 0 3px; } li#icon-train { background: url(images/icon-train.gif) no-repeat 0 3px; } li#icon-loyalty { background: url(images/icon-loyalty.gif) no-repeat 0 3px; } li#icon-info { background: url(images/icon-info.gif) no-repeat 0 3px; } li#icon-map { background: url(images/icon-map.gif) no-repeat 0 3px; } li#icon-custom { background: url(images/icon-custom.gif) no-repeat 0 3px; } li#icon-shop { background: url(images/icon-shop.gif) no-repeat 0 3px; } li#icon-event { background: url(images/icon-event.gif) no-repeat 0 3px; } li#icon-attract { background: url(images/icon-attract.gif) no-repeat 0 3px; } li#icon-search { background: url(images/icon-search.gif) no-repeat 0 3px; } li#icon-connect { background: url(images/icon-comp.gif) no-repeat 0 3px; } li#icon-email { background: url(images/icon-email.gif) no-repeat 0 3px; } li#icon-link { background: url(images/icon-link.gif) no-repeat 0 3px; } li#icon-business { background: url(images/icon-business.gif) no-repeat 0 3px; } /* Forms -------------------------------------------------------------- */ /* Links -------------------------------------------------------------- */ a:hover { color:#2b91db; } a { color:#03497c; text-decoration:underline;} h1#logolink { text-indent: -9999px; padding: 20px 0 0 10px;} h1#logolink a { float:left; display:block; width:190px; height:78px; background: url(images/savvylogo.gif) no-repeat; overflow: hidden;} h1#logolink a:hover { background: url(images/savvylogo.gif) no-repeat 0 -78px; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clear { display: inline-block; } .clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } /* Misc -------------------------------------------------------------- */