/* /* Coded by: ViaVee (http://www.viavee.com) /* Date: 04/08/2009 /* ---------------------------------------------------- */ /* Imports /* ---------------------------------------------------- */ @import url("styles/css/reset.css"); @import url("styles/css/jquery.lightbox-0.5.css"); /* @end */ /* Body & Common Styles /* ---------------------------------------------------- */ html, body { height: 100%; } html { } body { background:#000; color:#FFF; font:12px/20px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; text-align:center;} hr { border-style:none; margin:0 0 50px 0;} .clear { clear:both;height:0;} .centered { text-align:center; } /* @end */ /* Wrapper /* ---------------------------------------------------- */ #wrapper { background:#000 url("styles/images/bg1.jpg") no-repeat bottom center; min-height:100%; height:auto !important; height:100%; margin:0 auto -110px; width:948px; text-align:left; } /* @end */ /* Header /* ---------------------------------------------------- */ #header { width:948px; height:103px; margin:0 0 70px 0; padding-top:40px; } #logo { color:#000; float:left; width:305px; height:103px; text-align:left; } #branding { height:103px; position:relative; width:305px; } #branding span { background:transparent url("styles/images/logo.jpg") no-repeat; height:100%; position:absolute; width:100%; } /* ul#topnav { margin:65px 0 0 50px; padding:0; list-style:none; float:left; font-size:15px; width:500px; } ul#topnav li { margin:0; padding:0; overflow:hidden; float:left; height:40px; } ul#topnav a { padding:10px 20px; float:left; text-decoration:none; color:#B9FE9E; text-transform:uppercase; clear:both; width:100%; height:20px; line-height:20px; text-align:center; } ul#topnav li.current a { font-weight:bold; background:url("styles/images/navbg.gif") no-repeat center;} ul#subnav { float:right; font-size:12px; width:552px; text-align:left; } #subnav li { display:inline; } ul#subnav li.services { margin-left:90px; } ul#subnav a { padding:0 10px 0 0; text-decoration:none; color:#FFF; } ul#subnav li.active a { font-weight:bold; } */ ul#topnav { margin:65px 0 0 50px; padding:0; list-style:none; float:left; font-size:15px; width:500px; } ul#topnav li { margin:0; padding:0; display:inline; } ul#topnav a { padding:25px 20px; display:inline; text-decoration:none; color:#B9FE9E; text-transform:uppercase;line-height:40px; text-align:center; } ul#topnav li.current a { font-weight:bold; background:url("styles/images/navbg.gif") no-repeat center;} ul#subnav { float:right; font-size:12px; width:552px; text-align:left; } #subnav li { display:inline; } ul#subnav li.services { margin-left:90px; } ul#subnav a { padding:0 10px 0 0; text-decoration:none; color:#FFF; } ul#subnav li.active a { font-weight:bold; } /* content /* ---------------------------------------------------- */ #content { background:; width:948px; } #content h2, span.tag, strong.serviceTitle { color:#007528; font-size:24px; font-weight:bold; margin-bottom:10px; } strong.serviceTitle { color:#B9FE9E; } span.tag { font-weight:normal; text-transform:uppercase; color:#B9FE9E; font-size:18px;} #content p.selling { color:#B9FE9E; font-size:17px; font-weight:normal; text-align:center; width:850px; margin:0 auto; } em { color:#B9FE9E; font-size:17px; font-style:italic; } strong { color:#B9FE9E; font-size:17px; } strong.position { color:#007528; font-size:24px; font-weight:bold; } #left { float:left;margin-top:15px;margin-right:25px;width:459px; } #left h2 { color:#007528;font-size:24px;font-weight:bold;margin-bottom:10px; } #left h3 { color: #B9FE9E;font-size:17px;font-weight:normal;margin-bottom:5px; } #left p, #content p { font-size:14px;line-height:22px;margin-bottom:15px; } #right { width:459px; float:left; margin-top:15px; } #right h3 { color:#B9FE9E; font-size:17px; font-weight:normal; margin-top:15px; margin-bottom:5px; } #right p { font-size:14px;line-height:22px;margin-bottom:15px; } /*----- Styling for the individual service pages -----*/ #xeriLeft { float:left; width:555px;} #xeriRight { float:right; width:368px;} #servLeft { float:left; width:608px; margin-right:30px; } #servRight { float:left; width:310px; } .sLeft { float:left; width:297px; margin-right:30px; } .Right { float:right; width:278px; } #treeLeft { float:left; width:463px; } #treeRight { float:right; width:451px;} ul#treework { color:#99D383; font-weight:bold; } ul#treework li { padding-bottom:10px; } #sweepLeft { width:310px; float:left;} #sweepRight { width:606px; float:right; } /*----- Styling for the Contact Page -----*/ #top-image { background:#475440 url("styles/content/contact-1.jpg") no-repeat top left; height:303px; text-align:center; } #info { width:257px; float:right; padding-top:29px;} .contactBig { font-size:17px; font-weight:bold; color:#FFF; } #contactForm { background:#475440; width:653px; float:left; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:.7;overflow:hidden;} #theForm { margin:20px; } #contactForm label { width:300px; clear:both; } #contactForm input { width:100%; margin-bottom:20px;} #contactForm textarea { width:100%; } #contactForm #submit { width:80px; margin:20px 0 0 0; } #contactRight { background: url(styles/images/contact-right.jpg) no-repeat; width:257px; height:342px; float:right; padding-top:29px; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .7; } #contactStaff a { color:#FFF; text-decoration:none; font-style:italic; font-size:11px; } /* @end */ /* Footer /* ---------------------------------------------------- */ #footer, #push { height: 110px; } #footer { background:transparent url("styles/images/fb1.jpg") repeat-x; } #footer-inner { width:885px; height:110px; background:transparent url(styles/images/footer-inner.jpg); margin:0 auto; } #footer p { padding-top:60px;} #footer a { color:#fff; } #footer ul { list-style: none; } #footer ul li { display:inline; } /* @end */ /* @group Image Classes /* ---------------------------------------------------- */ p img { padding:0; margin: 0;max-width:100%; } img.centered { display:block; margin-left:auto; margin-right:auto; } img.scentered { display:block; margin:23px auto 12px auto; } img.alignright { padding:6px; margin:0; display:inline; border:0; } img.alignleft { padding:0 6px 6px 0; margin:0 10px 5px 0; display:inline; } img.pr { padding-right:30px;} img.extra { padding-right:31px; } .alignright { float:right; } .alignleft { float:left } /* @end */ #success{ font-size:2em; color:green; margin:20px 0; }