/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; background:#ffffff url(../images/bg.gif) repeat-x top right; font-family:Georgia, "Times New Roman", Times, serif; height:100%; } p { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#858585; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px} p a:link, p a:visited {color:#00aeef; text-decoration: none;} p a:hover, a:active {color:#00aeef; text-decoration: underline} h1 { margin:0; padding:0; font-size:24px; color:#00aeef; line-height:1.0em; font-weight:normal; border-bottom:1px solid #a3ddf0; padding-bottom:4px; margin-bottom:10px} h1 a:link, h1 a:visited {color:#00aeef; text-decoration: none;} h1 a:hover {color:#9fd332; text-decoration: none} img { border:none} /* --------------------------------------------- 02. MAIN CONTAINER --------------------------------------------- */ #container { width:100%; margin: 0 auto -130px; position:relative} /* --------------------------------------------- 02. WRAPPER --------------------------------------------- */ #wrapper { width:998px; margin:0 auto; padding-bottom:90px;} /* --------------------------------------------- 03. TOPBAR STYLES --------------------------------------------- */ #topbar { width:998px; height:30px; float:left; padding-top:5px} #topbar p { font-size:16px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif } #topbar p a { text-decoration:none; color:#FFFFFF; padding-left:2px; padding-right:2px} #topbar p a:hover { text-decoration: underline; color:#567418} #topbar .caption { float:left; padding-left:5px} #topbar .toplinks { float: right} /* --------------------------------------------- 04. LOGO --------------------------------------------- */ #logo {width:998px; height:105px; background:url(../images/logo.gif) no-repeat left; float:left; padding-top:5px} #logo .logo-link {position: absolute; width:415px; height:100px;} /* --------------------------------------------- 05. TOP NAV --------------------------------------------- */ #nav { width:998px; height:26px; padding-top:4px; float:left } .navlinks {height:26px; width: auto; margin: 0; padding: 0; list-style: none; float:left; padding-bottom:2px } .navlinks li { float: left; margin: 0; padding:0; list-style: none; background:url(../images/nav_divider.gif) no-repeat center right} .navlinks a { float: left; margin:0; padding: 6px 10px; text-decoration: none; color:#979797; font-size:16px; font-weight: normal; line-height:1.0em; padding-bottom:6px; } .navlinks .nodivider { background:none} .navlinks a:hover { color:#fff; background-color:#B2B2B2} .navlinks .special { color: #7BAD12;} /* --------------------------------------------- 06. CONTENT --------------------------------------------- */ #content { width:998px; display:inline } /* --------------------------------------------- 07. WELCOME --------------------------------------------- */ #welcome { width:390px; float:left; background:url(../images/img_welcome.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px; } #websiteintro { width:390px; float:left; background:url(../images/img_webdesign.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} #graphicintro { width:390px; float:left; background:url(../images/img_graphicdesign.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} #copywritingintro { width:390px; float:left; background:url(../images/img_copywriting.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} #livehelpintro { width:390px; float:left; background:url(../images/img_livehelp.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} #contactintro { width:390px; float:left; background:url(../images/img_contact.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} #specialintro { width:390px; float:left; background:url(../images/img_special.gif) no-repeat top left; margin-top:10px; padding-left:260px; padding-top:25px; padding-bottom:30px} /* --------------------------------------------- 08. FREE QUOTE STYLES --------------------------------------------- */ #freequote { width:270px; float:right; background: url(../images/bg_freequote.png) no-repeat top center; padding:30px; margin-top:-130px; padding-top:25px; } #freequote h1 { text-align:right; border-bottom:none; padding-right:70px; line-height:1.1em} #freequote h1 .caps { font-size:28px; text-transform:uppercase} #freequote p { color:#00aeef; line-height:1.3em; } #freequote fieldset { width:265px; margin:0; padding:0; float:left; border:none; padding-left:3px; padding-top:5px; position:relative } #freequote fieldset .input { width:258px; height:16px; margin:0; padding:0; background-color:#efefef; border:1px solid #d6d6d6; padding:2px; color:#969696; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; padding-left:5px; margin-bottom:6px;} #freequote fieldset .textarea { width:258px; height:80px; margin:0; padding:0; background-color:#efefef; border:1px solid #d6d6d6; padding:2px; color:#969696; text-transform: uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; padding-left:5px; margin-bottom:6px;} #freequote fieldset .button_submit { width:270px; height:30px; background:url(../images/bg_submitbutton.gif) no-repeat; text-align:center; padding-top:2px} #freequote fieldset .button_submit a{ color:#159bcd; font-size:12px; text-transform:uppercase; text-decoration:none; padding-left:20px; padding-right:20px} #freequote fieldset .button_submit a:hover{ color:#0077A4;} /* --------------------------------------------- 09. SERVICES STYLES --------------------------------------------- */ #services { width:998px; float:left; padding-bottom:40px} #services h1 { width:195px; margin-left:70px; margin-bottom:20px} #services .webdesign { width:270px; float:left; background:url(../images/bg_webdesign.gif) no-repeat; padding-top:40px; padding-left:40px; padding-right:20px;} #services .graphicdesign { width:270px; float:left; background:url(../images/bg_graphicdesign.gif) no-repeat; padding-top:40px; padding-left:40px; padding-right:25px; } #services .copyrighting { width:270px; float: right; background:url(../images/bg_copywriting.gif) no-repeat; padding-top:40px; padding-left:35px; padding-right:20px;} .projecttable { width:955px; float:left;} .projectgallery { background-image: url(../images/projectsback.jpg); height: 123px; width: 102px; padding-top: 6px; padding-left: 8px; } .projectdesc { margin:0; padding:0; font-size:11px; line-height:1em; color:#858585; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; } .projectdesc a:link, .projectdesc a:visited {color:#7BAD12; text-decoration: none; font-size:9px; } .projectdesc a:hover, .projectdesc a:active {color:#00aeef; text-decoration: underline; font-size:9px; } .serviceshighlight { color: #7BAD12; } .specials {font-size:12px; line-height:1.4em; color:#858585; font-family:Verdana, Arial, Helvetica, sans-serif;} /* --------------------------------------------- 10. FOOTER STYLES --------------------------------------------- */ #bgfooter { width:100%; float:left; height:130px; position:relative; background:#9fd332 url(../images/bg_footer.gif) repeat-x top left;} #footer { width:998px; margin:0 auto; padding-top:30px; padding-bottom:10px} #footer p { color:#FFFFFF; padding-bottom:0} #footer p a { text-decoration: underline; color:#fff} #footer p a:hover { text-decoration: none; color:#567418} #footer .copyright { width:450px; float:left; border-left:2px solid #FFFFFF; padding-left:10px; text-align:left} #footer .address { width:400px; float: right; border-right:2px solid #FFFFFF; padding-right:10px; text-align: right} #twitter { background-image: url(../images/twitter.gif); background-repeat: no-repeat; height: 59px; width: 54px; position: relative; right: 30px; float: right; bottom: 80px; }