/*============================================================================== DENTONS CREATIVE - GLOBAL STYLE SHEET Copyright 2008 Dentons Create - A trading style of Dentons Directories ltd. Written by dentonscreative.com, Author: Neil Thorne ================================================================================*/ /* Global Styles */ * {margin: 0; padding: 0; border: 0; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;} body {background: #f8f6f3 url(../images/base/body_bg.gif) repeat-x top; text-align: left; font-size: 62.5%; } .clear {clear: both;} /*==================================================================== TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS ======================================================================*/ /* Default Header Styles */ h1 {text-indent: -9999px; background: url(../images/base/logo.gif) left top no-repeat; line-height: 94px;} h2, h3, h4 {font-weight: normal;} h2, h3 {font-size: 1.8em; line-height: 1.8em; padding: 0; letter-spacing: -.05em; color: #333; text-indent: -9999px;} h4 {font-size: 1.6em; line-height: 1.8em; padding: 4px 20px 5px 0; letter-spacing: -.05em; color: #333; font-weight: bold;} h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; letter-spacing: -.05em; color: #333; border-bottom: 1px dotted #ccc;} /* Main Page Headers */ h2.intro {padding: 0; margin: 0; height: 110px; margin-bottom: 5px;} h2.ind {background: url(../images/headings/h2ind_welcome.gif) no-repeat center; } h2.about {background: url(../images/headings/h2_about.gif) no-repeat center; } h2.portfolio {background: url(../images/headings/h2_portfolio.gif) no-repeat center; } h2.services {background: url(../images/headings/h2_services.gif) no-repeat center; } h2.hosting {background: url(../images/headings/h2_hosting.gif) no-repeat center; } h2.contact {background: url(../images/headings/h2_contact.gif) no-repeat center; } #main h3.welcome {background: url(../images/headings/h3ind_welcome.gif) no-repeat left; height: 83px; margin-bottom: 30px;} #content h3.main {margin-bottom: 15px;} #content h3.hello {background: url(../images/headings/conth3_hello.gif) no-repeat left; height: 55px; } #content h3.webdesign {background: url(../images/headings/conth3_webdesign.gif) no-repeat left; height: 55px; } #content h3.webdev {background: url(../images/headings/conth3_webdev.gif) no-repeat left; height: 55px; margin-top: 25px;} #content h3.jobs {background: url(../images/headings/conth3_jobs.gif) no-repeat left; height: 55px; } #content h3.print {background: url(../images/headings/conth3_print.gif) no-repeat left; height: 55px; margin-top: 25px;} #content h3.contact {background: url(../images/headings/conth3_getintouch.gif) no-repeat left; height: 55px; } #content h3.hosting {background: url(../images/headings/conth3_hosting.gif) no-repeat left; height: 55px; } #content h3.featured {background: url(../images/headings/conth3_featuredprojects.gif) no-repeat top center; height: 45px; } #content h3.sub {margin: 25px 0 10px 0; height: 30px; background-position: left bottom;} #content h3.meet {background: url(../images/headings/conth3_meettheteam.gif) no-repeat; } #content h3.where {background: url(../images/headings/conth3_where.gif) no-repeat; } #content h3.enquiry {background: url(../images/headings/conth3_enquiry.gif) no-repeat; } #content h3.thanks {background: url(../images/headings/conth3_thanks.gif) no-repeat; } #content h3.emails {background: url(../images/headings/conth3_emails.gif) no-repeat; } #content h3.domains {background: url(../images/headings/conth3_domains.gif) no-repeat; } #content h3.portfolio {background: url(../images/headings/conth3_portfolio.gif) no-repeat bottom center; } /* Side Headers */ #side h3 {background: no-repeat left; display: block; width: 270px; height: 40px; margin: 10px 0;} #side h3.first {margin-top: 0;} #side h3.clients {background: url(../images/headings/sideh3_clients.gif);} #side h3.proposal {background: url(../images/headings/sideh3_proposal.gif);} #side h3.jobs {background: url(../images/headings/sideh3_jobs.gif);} #content #side h3.clients {background: url(../images/headings/sideh3_clients2.gif);} #content #side h3.proposal {background: url(../images/headings/sideh3_proposal2.gif);} /* Default / Alternative P Styles */ p {padding: 0 40px 14px 0; color: #444; font-size: 1.4em; line-height: 1.4em;} .small {font-size: 12px;} .discreet {font-size: 9px; color: #666; line-height: 15px;} /* Link Styles */ a {color: #ff6600; font-weight: bold; text-decoration: none;} a:hover {color: #d8ff00; } a.skip {display: none; text-indent: -9999px;} p a, .stripinfo a {text-decoration: none; border-bottom: 1px dotted #ccc;} p a:hover, .stripinfo a:hover {color: #666; text-decoration: none;} /* List Styles */ ul {margin: 0 50px 25px 30px;} ul li {font-size: 1.4em; line-height: 1.4em; color: #555;} /*==================================================================== BASIC PAGE LAYOUT ======================================================================*/ /* Basic */ #header {width: 920px; height: 94px; background: url(../images/base/header_tel.gif) no-repeat right 27px; margin: 0 auto; position: relative; } #wrapper {border-top: 5px solid #c5e708; margin-top: 9px; padding-bottom: 30px;} #inner {width: 980px; margin: 0 auto; background: url(../images/base/nav_shade.gif) no-repeat top; padding-top: 15px;} /* 2 Col Layout */ #main {width: 595px; float: left; display: inline; padding: 10px 25px 20px 30px; margin-bottom: 30px; background: url(../images/base/mainborder.gif) repeat-y right; border-right: 1px solid #fff;} #mainFull {width: 920px; float: left; padding: 10px 0 20px 0; margin: 0 30px 30px 30px; background: url(../images/base/mainborder.gif) repeat-x top; border-top: 1px solid #fff;} #mainPort {width: 980px; display: inline; margin: 0 auto 40px auto; } #side {width: 270px; float: left; display: inline; padding: 5px 0 5px 28px; } #side p {font-size: 1.4em; line-height: 1.3em; padding: 0 0 16px 0; color: #666;} #side p.small {font-size: 1.2em; line-height: 1.2em;} #content {width: 980px; padding-top: 25px; margin: 0 auto 30px auto; position: relative; background: #efeeeb url(../images/portfolio/indport_bg.gif) repeat-x bottom; border-top: 1px solid #cbcac9; } #content p {color: #555;} /*==================================================================== FOOTER ======================================================================*/ #footerFull {height: 259px; background: url(../images/base/footer_bg.jpg) repeat-x bottom; border-top: 5px solid #2d2f35; border-bottom: 5px solid #d8ff00;} #footer {width: 980px; height: 259px; margin: 0 auto; background: url(../images/base/footer_leaf.jpg) no-repeat bottom right;} /* H2 Image Replacements */ h3.foot_what, h3.foot_contact {margin: 10px 0 10px 0;} h3.foot_what {background: url(../images/headings/h2_footwhatwedo.gif) no-repeat; } h3.foot_contact {background: url(../images/headings/h2_footcontact.gif) no-repeat;} #footer div {width: 300px; height: 190px; float: left; padding-left: 30px; margin: 14px 0 16px 0;} #footer div ul {margin: 0; padding: 0; list-style-type: none; } #footer div ul li {font-size: 1.2em; color: #ccc; line-height: 1.2em;} #footer div ul li.last {margin-top: 14px;} #footer div a {color: #d8ff00; border-bottom: 1px dotted #666;} #footer div a:hover {color: #ff6600; text-decoration: none;} #footer div p {color: #ccc; font-size: 1.2em; line-height: 1.2em;} .footlast {border-left: 1px solid #44464b; width: 290px;} #footer .logolast {padding: 10px 0 0 10px; width: 290px; background: url(../images/modules/ftlogobg.gif) no-repeat top left; height: 144px; margin-top: 25px;} #footer .logolast a {border: none;} ul#footNav {height: 39px; margin: 0; clear: left; margin-left: 30px; } ul#footNav li {margin: 0; padding: 0 10px 0 0; list-style: none; font-size: 1.1em; color: #666; line-height: 39px; background: none;} ul#footNav li, ul#footNav a {height: 39px; display: inline; margin: 0;} ul#footNav li a {text-decoration: none; color: #ccc; font-weight: normal; border: none;} ul#footNav li a:hover {color: #fff; border: none;} ul#footNav li a.current {color: #d8ff00; font-weight: bold;} ul#footNav li.last {margin-left: 35px;} /*==================================================================== MAIN SITE NAVIGATION ======================================================================*/ div#navCont {height: 42px; width: 980px; margin: 0 auto; position: relative;} div#navCont img.sticker {position: absolute; top: 12px; left: 868px; width: 88px; height: 85px;} ul#mainNav {height: 42px; width: 980px; position: relative; background: url(../images/base/nav.gif) no-repeat top; margin: 0; } ul#mainNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} ul#mainNav li, ul#mainNav a {height: 42px; display: block;} ul#mainNav li a {text-indent: -9999px; text-decoration: none;} #opt1 {left: 30px; width: 42px;} #opt2 {left: 100px; width: 65px;} #opt3 {left: 190px; width: 57px;} #opt4 {left: 271px; width: 84px;} #opt5 {left: 380px; width: 96px;} #opt6 {left: 501px; width: 74px;} #opt1 a:hover {background: transparent url(../images/base/nav.gif) -30px -42px no-repeat;} #opt2 a:hover {background: transparent url(../images/base/nav.gif) -100px -42px no-repeat;} #opt3 a:hover {background: transparent url(../images/base/nav.gif) -190px -42px no-repeat;} #opt4 a:hover {background: transparent url(../images/base/nav.gif) -271px -42px no-repeat;} #opt5 a:hover {background: transparent url(../images/base/nav.gif) -380px -42px no-repeat;} #opt6 a:hover {background: transparent url(../images/base/nav.gif) -501px -42px no-repeat;} #opt1 a.current {background: transparent url(../images/base/nav.gif) -30px -84px no-repeat;} #opt2 a.current {background: transparent url(../images/base/nav.gif) -100px -84px no-repeat;} #opt3 a.current {background: transparent url(../images/base/nav.gif) -190px -84px no-repeat;} #opt4 a.current {background: transparent url(../images/base/nav.gif) -271px -84px no-repeat;} #opt5 a.current {background: transparent url(../images/base/nav.gif) -380px -84px no-repeat;} #opt6 a.current {background: transparent url(../images/base/nav.gif) -501px -84px no-repeat;} /*==================================================================== BASIC ENQUIRY FORM ======================================================================*/ form {padding: 0; border: 0; font-size: 1.4em; padding: 0; margin-bottom: 0;} form fieldset {padding: 12px 0; border: 0; float: left; margin: 0 30px 15px 0;} form label, textarea, select {display: block; padding-top: 3px; color: #555;} form label {margin: 0 5px 5px 0; text-align: left; width: 300px; padding-right: 5px;} form input {display: block; height: 24px; width: 410px; border: 1px solid #ccc; font-size: 1.2em; padding: 5px; margin-bottom: 5px;} form textarea {width: 860px; height: 200px; border: 1px solid #ccc; padding: 5px; font-size: 1.2em; margin-bottom: 7px; color: #555} form input:hover, form textarea:hover {border: 1px solid #333333;} form input:focus, form textarea:focus {border: 1px solid #e9872d;} form p.disclaimer {font-size: .8em; color: #555; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; } form .submit {float: none; height: 30px; width: 171px; padding: 0; color: #fff; margin: 6px 0 10px 0; text-indent: -9999px; background: url(../images/buttons/submitenquiry.gif) no-repeat top; border: none;} form .submit:hover {background-position: 0 -30px; cursor: pointer; border: none;} form br {clear: left;} /*==================================================================== MAP HOLDER ======================================================================*/ #mapCont {border: 1px solid #d9d9d9; margin: 0; background: #fff; padding: 3px;} #map {height: 400px; font-size: 12px; margin: 4px;}