/* CORPLAND By: Josh Solecky http://www.gocactus.com */ /* Colour Codes */ .grey-bg { color: #434343 } .yellow { color: #d4a00f } .purple { color: #5f4b60 } .purple-light { color: #a3919b } /* Highlighting */ ::selection { background: #5f4b60; color: #fff; /* Safari */ } ::-moz-selection { background: #5f4b60; color: #fff; /* Firefox */ } /* BASIC PAGE SETUP & RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body#homepage { background: #434343 url(../images/bg-img.jpg) repeat-x; } body { font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; background: #434343 url(../images/bg-img-nav.jpg) repeat-x; } ul { list-style: none inside; } p { font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 1.3em; } a { outline: none; text-decoration: none; } img, a img { border: none; } /* TOOLBOX */ .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } /* MAIN STRUCTURE */ #page-wrap { margin: 0 auto; width: 936px; } /* NAVIGATION */ ul#head { display: inline; } ul#head li { text-indent: -9999px; display: inline; } ul#head li a { float: left; display: block; height: 374px; display: inline; } ul#head li#own a, ul#head li#own a:visited { width: 468px; height: 374px; background: url(../images/header-nav.jpg) no-repeat 0px 0px; } ul#head li#man a, ul#head li#man a:visited { width: 468px; height: 374px; background: url(../images/header-nav.jpg) no-repeat -468px 0px; } ul#head li#own a:hover { background-position: 0px -374px; } ul#head li#man a:hover { background-position: -468px -374px; } ul#head li#own a:active { background-position: 0px -374px; } ul#head li#man a:active { background-position: -468px -374px; } ul#menu { display: inline; } ul#menu li { text-indent: -9999px; display: inline; } ul#menu li a { float: left; display: block; height: 41px; display: inline; } ul#menu li#home a, ul#menu li#home a:visited { width: 85px; background: url(../images/menu-sprite2.gif) no-repeat 0px 0px; } ul#menu li#about a { width: 92px; background: url(../images/menu-sprite2.gif) no-repeat -94px 0px; } ul#menu li#owners a { width: 126px; background: url(../images/menu-sprite2.gif) no-repeat -185px 0px; } ul#menu li#managers a { width: 140px; background: url(../images/menu-sprite2.gif) no-repeat -310px 0px; } ul#menu li#works a { width: 117px; background: url(../images/menu-sprite2.gif) no-repeat -449px 0px; } ul#menu li#news a { width: 107px; background: url(../images/menu-sprite2.gif) no-repeat -565px 0px; } ul#menu li#design-corner a { width: 145px; background: url(../images/menu-sprite2.gif) no-repeat -672px 0px; } ul#menu li#contact a { width: 115px; background: url(../images/menu-sprite2.gif) no-repeat -816px 0px; } ul#menu li#home a:hover { background-position: 0px -41px; } ul#menu li#about a:hover { background-position: -94px -41px; } ul#menu li#owners a:hover { background-position: -185px -41px; } ul#menu li#managers a:hover { background-position: -310px -41px; } ul#menu li#works a:hover { background-position: -449px -41px; } ul#menu li#news a:hover { background-position: -565px -41px; } ul#menu li#design-corner a:hover { background-position: -672px -41px; } ul#menu li#contact a:hover { background-position: -816px -41px; } ul#menu li#home a:active { background-position: 0px -82px; } ul#menu li#about a:active { background-position: -94px -82px; } ul#menu li#owners a:active { background-position: -185px -82px; } ul#menu li#managers a:active { background-position: -310px -82px; } ul#menu li#works a:active { background-position: -449px -82px; } ul#menu li#news a:active { background-position: -565px -82px; } ul#menu li#design-corner a:active { background-position: -672px -82px; } ul#menu li#contact a:active { background-position: -816px -82px; } /* CONTENT */ #content { padding: 50px 35px; } #content.new-home { background: url(../images/home_BG.jpg) no-repeat; } #construction { float: left; } #welcome { float: left; width: 580px; margin-right: 20px; margin-bottom: 40px; } #welcome h1 { font-weight: 200; } #events { float: left; width: 250px; margin-bottom: 40px; } #events h2 { font-weight: 200; } h1 { color: #d4a00f; font-size: 30px; margin-bottom: 8px; } h2 { color: #d4a00f; font-size: 18px; margin-bottom: 8px; } #content.before_after h2 { color: #d4a00f; font-size: 18px;} p a { color: #d4a00f; font-weight: bold; border-bottom: 1px dotted #d4a00f; } p a:hover { border: none; } .list { margin-top: 10px; } .list li { color: #5f4b60; font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: .7em; list-style: inside disc; } .list a { color: #5f4b60; font-weight: bold; border: none;} .list a:hover { color: #d4a00f; font-weight: bold;} .list-gray { margin-top: 10px; } .list-gray li { color: #666; font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: .7em; list-style: outside disc; } .intro { color: #ffffff; font-size: 14px; margin-bottom: 20px; } ul.boxes { display: inline; } ul.boxes li { display: inline; } ul.boxes li a:link, ul.boxes li a:visited { display: block; width: 205px; height: 25px; float: left; margin-right: 10px; padding-top: 135px; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; } ul.boxes li a#about { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 0px 0px; text-indent: -9999px; } ul.boxes li a#news { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -206px 0px; text-indent: -9999px; } ul.boxes li a#before-after { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -411px 0px; text-indent: -9999px; } ul.boxes li a#design { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -616px 0px; text-indent: -9999px; } ul.boxes li a#about:hover { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 0px -160px; text-indent: -9999px; } ul.boxes li a#news:hover { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -206px -160px; text-indent: -9999px; } ul.boxes li a#before-after:hover { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -411px -160px; text-indent: -9999px; } ul.boxes li a#design:hover { background: url(../images/boxes-sprite.jpg) no-repeat #5f4b60 -616px -160px; text-indent: -9999px; } ul.events { margin-bottom: 8px; float: left; list-style: outside none; } ul.events li { color: #ffffff; font-size: 11px; } ul.events li.event-title { font-size: 12px; font-weight: bold; } ul.events li a { color: #d4a00f; font-weight: bold; } ul.events img { width: 50px; height: 50px; margin: 5px 10px 0 0; border: 1px solid #5f4b60; } table { padding: 20px 0 20px 0; } table td { padding: 5px; font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; } .border { border-top: 1px solid #a3919b; padding: 0 0 50px 0; margin: 50px 0 0 0; } .testi { width: 610px; background: url(../images/BG_testimonial.jpg) no-repeat; border: 1px solid #5f4b60; padding: 10px; margin-bottom: 20px; } .about-content .testi p { color: #333; } .testi p.head { color: #5f4b60; font-size: 15px; margin-bottom: 8px; text-align: right; } /* FLASH BANNER */ .flash-banner { width: 468px; height: 374px; float: left; } #header img.image { margin: 0 34px 0 36px; } #content.about { background: url(../images/about_repeat.jpg) repeat-y #FFF; padding: 0 35px; } .about-nav { width: 145px; float: left; margin: 0; padding: 0; } #about-navigation li { width: 145px; height: 40px; } ul#about-navigation li { display: inline; float: left; font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;} ul#about-navigation li.side a:link, ul#about-navigation li.side a:visited { background: url(../images/NAV_about.jpg) no-repeat 0 0; display: block; height: 32px; width: 138px; color: #5f4b60; padding: 8px 0 0 7px; } ul#about-navigation li.side a:hover { background-position: 0 -40px; } ul#about-navigation li.active a:link, ul#about-navigation li.active a:visited { background: url(../images/NAV_about.jpg) no-repeat 0 -80px; display: block; height: 32px; width: 138px; color: #5f4b60; padding: 8px 0 0 7px; } /*.about-nav li a { font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5f4b60; padding: 10px 0 0 10px; } ul#about-navigation li { float: left; border-bottom: 1px solid #5f4b60; } ul#about-navigation li#condo a:link, ul#about-navigation li#condo a:visited, ul#about-navigation li#before a:link, ul#about-navigation li#before a:visited, ul#about-navigation li#job a:link, ul#about-navigation li#job a:visited, ul#about-navigation li#testi a:link, ul#about-navigation li#testi a:visited, ul#about-navigation li#work a:link, ul#about-navigation li#work a:visited, ul#about-navigation li#contact a:link, ul#about-navigation li#contact a:visited { display: block; height: 30px; width: 134px; } ul#about-navigation li#condo a:hover, ul#about-navigation li#before a:hover, ul#about-navigation li#job a:hover, ul#about-navigation li#testi a:hover, ul#about-navigation li#work a:hover, ul#about-navigation li#contact a:hover { background: url(../images/about_nav-repeat_hover.jpg) repeat-y; border-right: 1px solid #5f4b60; } */ .about-content { width: 650px; padding: 30px 40px 30px 30px; float: left; background-color: #FFF; } .about-content p, .sub-content p { color: #666; } .about-content hr { margin: 20px 0 20px 0; } #content.sub-content { width: 866px; background: url(../images/sub_nonav_repeat.jpg) repeat-y; } .white { width: 790px; padding: 25px 33px 25px 40px; margin: 0 0 0 1px; background-color: #FFF; } .designers { width: 864px; margin: 0 0 0 1px; background: url(../images/BG_designers.jpg) no-repeat top; } .bio img { width: 150px; height: 200px; float: left; margin: 5px 20px 5px 0; } .bio-info { width: 460px; float: right; } .bio-info p { margin: 0 0 7px 0; } .before_after img, .news_section img { height: 139px; width: 139px; margin: 0 5px 5px 0; border: 5px solid #fff; box-shadow: 0px 5px 5px #ccc; -moz-box-shadow: 0px 5px 5px #ccc; -webkit-box-shadow: 0px 5px 5px #ccc; } .before_after img.last { margin-right: 0; } .before { width: 315px; float: left; margin: 0 5px 0 0; } .line { width: 305px; border-top: 1px solid #666; margin: 20px 0 20px 0; } .works img { height: 140px; width: 180px; margin: 0 10px 10px 0; border: 5px solid #fff; box-shadow: 0px 5px 5px #ccc; -moz-box-shadow: 0px 5px 5px #ccc; -webkit-box-shadow: 0px 5px 5px #ccc; } .works_images { width: 425px; float: left; margin: 0 5px 0 0; } .news_section { width: 365px; float: left; margin: 0 5px 0 0; border-right: 1px solid #5f4b60; margin: 0 20px 20px 0; } .news_section.last { border-right: none; } .list-links li { display: inline; } .list-links li a { float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ background: #5f4b60; color: #fff; display: block; width: 280px; height: 25px; padding: 6px 0 0 25px; margin: 0 10px 10px 0; font-size: 12px; font-weight: bold; } .list-links li a:hover { background: #d4a00f; } .shop img { height: 140px; width: 180px; margin: 0 35px 10px 0; border: 5px solid #fff; box-shadow: 0px 5px 5px #ccc; -moz-box-shadow: 0px 5px 5px #ccc; -webkit-box-shadow: 0px 5px 5px #ccc; } .shop img.last { margin-right: 0; } /* FOOTER */ #footer { padding: 10px 0 0 55px; } ul#contact { display: inline; } ul#contact li { float: left; color: #ffffff; font-size: 12px; margin-right: 10px; } #footer p { color: #ffffff; font-size: 11px; text-align: center; margin-top: 20px; }