/* resets --------------------------------------------------*/ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; } li { list-style: none; margin: 0px; padding: 3px 0px; font-size: 8pt; color: #666; } img { border: none; position: static; } a, a:link, a:visited, a:active, a:hover { text-decoration: underline; font-weight: normal; color: #03F; outline: none; } a:hover { color: #4FA0BE; text-decoration: none; } hr, span, .plain-only{ display:none;} .clear { clear:both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ #header { height: 293px; background: url(../img/header.png) no-repeat; position: relative; margin: 0px; padding: 0px; } #wrap-home { background: #FFF url(../img/wrap-bg.png) repeat-x; } .logolink { position: absolute; background: url(../img/logo.png); left: 12px; top: 20px; display: block; height: 40px; width: 150px; z-index: 3; visibility: visible; } /* general --------------------------------------------------*/ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #8F9732; color: #30301C; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; } h2, h3 { padding-bottom: 15px; color: #666; font: normal 13pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 10px; } #top { background: url(../img/top-bg.png) no-repeat center 0px; height: 92px; } #mainnav { background: url(../img/main-nav-bg.png) no-repeat; height: 30px; padding-right: 12px; padding-left: 12px; padding-top: 4px; font: 82.5% "Trebuchet MS", Arial, Helvetica, sans-serif; } #contentcontainer { width: 948px; margin-left:auto; margin-right:auto; position: relative; } .pad { padding: 12px; } .pic-r { float: right; } .clear { clear: both; } .right { float:left; } /*homepage slider --------------------------------------------------*/ #left-swish { background: url(../img/left-swish.png) no-repeat; height: 293px; width: 494px; position: absolute; top: 0px; z-index: 2; left: 0px; display: block; } #right-swish { background: url(../img/right-swish.png); height: 293px; width: 237px; position: absolute; right: 0px; top: 0px; display: block; } noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left } noscript a { color: #a00; text-decoration: underline } noscript ol { margin-left: 25px; } p.client { font-weight: bold; } p.name { font-style: italic; padding-top: 5px; } p.listing { padding-top: 150px; font-size: 11px; font-weight: bold; color: #FFF; } a.siteholdr { height: 246px; width: 290px; display: block; float: left; background: #D4D503 url(../img/siteholdr.png) no-repeat 0px 0px; padding-left: 31px; margin-top: 31px; padding-top: 1px; } .wrapper ul.did li { background:url(../img/slider-bullet.jpg) no-repeat 0px 4px; display: block; margin-left:595px; padding-left: 18px; padding-bottom: 3px; height: 12px; } #header #view { position: absolute; left: 15px; top: 268px; z-index: 10001; font-size: 11px; } #view a { background: url(../img/goarras.gif) no-repeat 100%; display: block; padding-right: 20px; color: #30301C; text-decoration: none; } #view a:hover { color:#FFF;} /* mainnav --------------------------------------------------*/ #main { padding-right: 13px; padding-left: 13px; } #mainnav li { display: inline; } #mainnav li a { color: #FFF; font-size: 1.1em; padding-right: 20px; background: url(../img/main-nav-li-bg.png) no-repeat; display: block; float: left; padding-left: 20px; height: 26px; padding-top: 4px; text-decoration: none; } #mainnav #current a { font-style: italic;} #mainnav #current a, #mainnav a:hover{color: #C1CF1D;} /* menu --------------------------------------------------*/ .onecol.menu h2.heading { background: url(../img/h2-menu-bg.png) no-repeat; color: #CCC; font-size: 10pt; height: 22px; padding-top: 2px; padding-left: 10px; padding-bottom: 5px; } #content .onecol.menu { background: url(../img/menu-col-bg.png) left bottom; display: block; } .menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active { background: url(../img/menu-aro-off.png) no-repeat 100%; display: block; padding: 5px 0px; border-bottom: 1px solid #D6D6D6; color: #30301C; height: 12px; text-decoration: none; } .menu ul li a:hover, .menu ul li a.current, .menu ul li a.current:link, .menu ul li a.current:visited, .menu ul li a.current:active { background: url(../img/menu-aro-on.png) no-repeat 100%; color: #EA4200; } .onecol.menu ul { padding: 5px 20px 20px; font: 8pt Tahoma, Geneva, sans-serif; } .left, .menu { float:left; margin-right:15px; } /* content and cols --------------------------------------------------*/ #content { padding-top:18px; position: relative; } #content .onecol { width: 219px; background: url(../img/onecol-bg.png); margin-bottom: 18px; } #content .onecol.holder { width: 219px; background: url(none); margin-bottom: 18px; padding-top: 18px; clear:left; } #content #left .onecol p.nuffsaid { font: italic 18px/120% Georgia, "Times New Roman", Times, serif; text-align: left; color: #8A920D; } #content #left .onecol p.client{ text-align: right; font-weight: normal; line-height: 12px; } #content .onecolfade { width: 219px; background: url(../img/one-box-fade-bg.jpg) no-repeat; margin-bottom: 18px; } #content .twocol { width: 414px; background: url(../img/twocol-bg.png) no-repeat; padding: 10px 20px 20px; } #content .threecol { width: 648px; background: url(../img/threecol-bg.png) no-repeat; padding: 10px 20px 20px; } #content .threecol-white { width: 648px; background: url(../img/threecol-white-bg.png) no-repeat; padding: 10px 20px 20px; } #content p { line-height: 160%; color: #666; padding-bottom: 12px; font-size: 8pt; padding-right: 12px; padding-left: 0px; } .onecol.right .pad .pic-l, .onecol.left .pad .pic-l { float: left; margin-right: 9px; } .onecol.menu .hr { background: url(../img/menu-hr.png); height: 7px; display: block; margin: 0px; padding: 0px; border-style: none; } .onecol.right .pad, .onecol.left .pad, .onecolfade.left .pad { background: url(../img/onecol-btm.png) no-repeat bottom; } .onecol.right .pad, .onecol.left .pad { padding-top: 8px; color: #666; font: normal 13pt/90% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 20px; } /* footer --------------------------------------------------*/ #footercontainer { height: 167px; width: 948px; margin-right: auto; margin-left: auto; background: url(../img/footer.png) no-repeat; padding-top: 40px; padding-left: 0px; } #footer { background: #999 url(../img/footer-bg.png); clear: both; } #wrap { background: #FFF url(../img/body-bg.png) repeat-x; } #content li { background: url(../img/bulletarrowon666.gif) no-repeat 12px 6px; padding-left: 28px; height: 15px; } #content .onecol.menu li { background: url(../none); margin: 0px; padding: 0px; height: 26px; } #content ul { padding-bottom: 18px; } #content .show, #content #left p.show { background: url(../img/peep.png) no-repeat left 2px; padding-left: 22px; cursor: hand; cursor:pointer; } #content .peep { border-top: 1px solid #CCC; padding-top: 18px; } #container { width: 948px; margin-right: auto; margin-left: auto; position: relative; } /* General Form Styles --------------------------------------------------*/ form { margin: 5px 0 0px; font-size: 10pt; padding-bottom: 20px; } fieldset { border: 1px solid #999999; padding: 5px; } legend { padding: 5px; font-weight: bold; color: #1F1F1F;} label { display: block; margin: 10px 0 4px; color: #333; font-weight: bold; padding: 0px; } label.check, label.check2 { display: inline; } textarea { width: 98%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: url(/templates/img/formshadow.jpg); } select { width: 60%; } input.check, label.check2 { background: none; border: none; width: auto; margin: 6px 4px 0 4px; } label.check2 { width:150px; display:block; float: left; margin: 0px; } input.submit{ color:#fff; font: normal .85em/100% Verdana, Geneva, sans-serif; width: 118px; margin-top: 15px; background: url(../img/button-submit.gif) no-repeat 0px 0px; height: 24px; border-style: none; cursor:pointer; margin-left: 5px; display: block; padding-top: 0px; padding-bottom: 2px; padding-left: 20px; text-align: left; } input.submit:hover{ color:#000; background: url(../img/button-submit.gif) no-repeat -118px 0px; } .error { padding:10px 20px 20px; background-color:#FCC; border: 1px dashed #F00; margin-bottom: 15px; } input.sized{width:auto;} #info { margin-top: 20px; padding: 20px; text-align: center; border: 1px dotted #900; background: #F7F2B3; } #content #info p { text-align: center; } #info img { margin-bottom: 10px; } #header .slider-wrap #slider1 .panelContainer .panel .wrapper h2 { margin: 0px; padding: 0px; } .boxpic.ecom a { background: url(../img/boxpic-ecom.png) no-repeat 0px 0px; display: block; height: 70px; } .boxpic.ecom a:hover { background: url(../img/boxpic-ecom.png) no-repeat -195px 0px; } .boxpic.brand a { background: url(../img/boxpix-brand.png) no-repeat 0px 0px; display: block; height: 70px; } .boxpic.brand a:hover { background: url(../img/boxpix-brand.png) no-repeat -195px 0px; } .boxpic.web a { background: url(../img/boxpic-web-design.png) no-repeat 0px 0px; display: block; height: 70px; } .boxpic.web a:hover { background: url(../img/boxpic-web-design.png) no-repeat -195px 0px; } .boxpic.cms a { background: url(../img/boxpic-cms.png) no-repeat 0% 0%; display: block; height: 70px; } .boxpic.cms a:hover { background: url(../img/boxpic-cms.png) no-repeat -195px 0%; } .boxpic.cost a { background: url(../img/boxpic-web-cost.png) no-repeat 0% 0%; display: block; height: 70px; } .boxpic.cost a:hover { background: url(../img/boxpic-web-cost.png) no-repeat -195px 0%; } .boxpic.newsletter { background: url(../img/boxpic-newsletter.jpg) no-repeat 0% 0%; display: block; height: 70px; } a.moreinfo:link, a.moreinfo:visited, a.moreinfo:active { background: url(../img/boxpic-moreinfo.png) no-repeat; height: 23px; width: 130px; display: block; margin-right: auto; margin-left: auto; font-size: 10pt; color: #FFF; text-align: center; padding: 3px 0px 0px; margin-top: 12px; } #content .onecol.left .pad p, #content .onecol.right .pad p { margin: 0px; padding: 0px; } .boxpic a { padding-bottom: 12px; } #content .onecol.right .pad p { padding-bottom: 12px; } .new { border: 1px solid #CCC; padding: 12px; position: relative; margin-bottom: 24px; background: url(../img/new-bg.png) no-repeat; } #content .threecol.right .new .lcol, #content .threecol-white.right .new .lcol { float: left; width: 280px; margin-right: 0px; } #content .threecol.right .new .rcol, #content .threecol-white.right .new .rcol { float: left; width: 320px; } .new .rcol .deets h4 { color: #666; font: bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 5px; } #content .onecol.right .pad .boxed { margin: 0px; padding: 0px; } .new .lcol img { border: 1px solid #ccc; } #content .new p.newbanner { position: absolute; top: 1px; background: url(../img/new.png) no-repeat; height: 53px; width: 68px; margin: 0px; padding: 0px; right: 1px; z-index: 10002; } .new .rcol .deets { height: 80px; background: #E7E6DA; position: absolute; right: 12px; bottom: 12px; width: 323px; padding: 10px; z-index: 10006; } #left { float: left; width: 219px; margin: 0px 15px 0px 0px; padding: 0px; } #left img { float: left; margin-bottom: 9px; } #content .deets li { height: 12px; background: url(../img/slider-bullet.jpg) no-repeat 0px 4px; padding-left: 18px; } .wrapper ul.did { } .new .rcol .deets ul.left, .new .rcol .deets ul.right { float: left; width: 150px; } #left h3 { font-size: 8pt; font-weight: bold; padding-bottom: 0px; } #left .minithumb, #left .minithumb-r { display: block; height: 81px; width: 100px; float: left; margin-right: 9px; margin-bottom: 9px; border-top: 6px solid #CCC; border-right: 2px solid #CCC; border-bottom: 6px solid #CCC; border-left: 2px solid #CCC; } #left .minithumb-r {margin-right: 0px;} #content #left p { padding:0px 0px 12px; } #left .minithumb:hover, #left .minithumb-r:hover { border-top: 6px solid #333; border-right: 2px solid #333; border-bottom: 6px solid #333; border-left: 2px solid #333; } #left .quote { background: url(../img/rfq.png) no-repeat left top; display: block; height: 44px; width: 195px; clear: both; margin-bottom: 12px; } .viewcol { width:400px; float:right; } #left2col { width: 454px; } #content #left2col .twocol.left .viewcol .view { position: absolute; right: 10px; top: 20px; } #content #left2col .twocol.left .gallery { position: absolute; left: 520px; top: 300px; } h2 .link a, h2 .link a:link, h2 .link a:visited, h2 .link a:active { text-decoration: none; font-size: 75%; font-weight: normal; } #contact { position: absolute; right: 0px; top: 15px; z-index: 4; color: #AAA; font-size: 0.85em; text-align: left; } #contact a { background: url(../img/emailus.png) no-repeat 0px 4px; display: block; color: #909F18; text-decoration: none; width: 100px; padding-left: 25px; } #contact a:hover { color:#CCC; } #contact b { position: absolute; left: 0px; top: 20px; } #footer #footercontainer .tweet { font-size: 85%; padding-top: 2px; padding-bottom: 2px; } #footer #footercontainer .tweet a { display: block; width: 120px; float: left; color: #FFF; text-decoration: none; } #footer #footercontainer .tweet b { font-weight: normal; padding-left: 15px; } #header .scrollable .items .wrapper { width: 948px; height: 283px; padding-top: 16px; } #home_block { height: 293px; } #home_block .wrapper h2 { margin: 0px; padding: 0px; height: 0px; } #home_block .rcol { margin-left: 780px; } #home_block li { color: #171709; background: url(../img/slider-bullet.jpg) no-repeat 0px 4px; padding-left: 16px; } #wrap-home #flowpanes { height: 293px; } #flowpanes div { background: #0CF; } #flowpanes .items div p.quote { display: block; float: left; height: 200px; width: 150px; padding-top: 93px; padding-left: 300px; font-size: 0.85em; text-align: right; } #flowpanes .items div h2 { height: 1px; display:none; } #flowpanes .items div ul { float: left; padding-top: 150px; width: 100px; } #flowpanes .items div ul li { background: url(../img/slider-bullet.jpg) no-repeat 0px 4px; padding-left: 18px; color: #32321E; } #flowpanes .items div ul li a, #flowpanes .items div ul li a:link, #flowpanes .items div ul li a:visited, #flowpanes .items div ul li a:active, #flowpanes .items div ul li a:hover {color: #32321E; text-decoration:none;} .prev { position: absolute; left: 275px; top: 150px; z-index: 10005; } .next { position: absolute; top: 150px; right: 42px; z-index: 10005; } #content .threecol.right .lcol { width: 465px; float: left; margin-right: 20px; } #content .threecol.right .rcol { width: 160px; float: left; } .rcol .gallery .highslide { margin-right: auto; margin-left: auto; margin-top: 10px; width: 140px; display: block; } .lcol .gallery .highslide { margin-right: 8px; margin-bottom: 9px; display: block; float: left; border: 1px solid #666; } .threecol.right .lcol .gallery { border: 1px solid #BABABA; padding-top: 12px; padding-right: 0px; padding-left: 9px; } .deets .left { height: 60px; } .deets .lcol a:hover { background: url(../img/hover.png) no-repeat; } #footercontainer .onecol { float: left; width: 157px; padding-left: 80px; } #footercontainer .onecol li a { font-weight: bold; color: #FFF; text-decoration: none; display: block; } #footercontainer p.terms { color: #FFF; font-size: 10px; padding-top: 30px; margin-right: auto; margin-left: auto; display: block; clear: both; text-align: center; } #footercontainer .onecol li ul li a:hover { color: #000; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; } #footercontainer .onecol li ul li a { font-weight: normal; } #footercontainer .onecol li ul li { padding-bottom: 0px; } #pages p strong, #pages p a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#414417 url(none) repeat scroll 0 0; border:1px solid #FFFFFF; color:#FFFFFF; display:block; float:left; font-size:0.85em; height:16px; margin-right:8px; padding-left:5px; padding-right:5px; text-align:center; text-decoration:none; width:auto; padding-top: 0px; } .deets .left ul li a { color: #333; text-decoration: none; } .deets .left ul li a:hover { color: #000; text-decoration: underline; } #left2col .twocol.left h2 .link a { position: absolute; top: 150px; left: 500px; background: url(../img/viewsite.jpg) no-repeat 0px 0px; display: block; height: 26px; width: 118px; border-style: none; border-width: 0px; } #left2col .twocol.left h2 .link a:hover { background: url(../img/viewsite.jpg) no-repeat -118px 0px; } #content a.button-login { background: url(../img/button-login.gif) no-repeat 0px 0px; display: block; height: 26px; width: 118px; border-style: none; border-width: 0px; } #content a.button-login:hover { background: url(../img/button-login.gif) no-repeat -118px 0px; } #portscrollable .items div { margin-right: 10px; } #left2col .twocol.left .gallery .prev.browse.left { position: absolute; left: -40px; top: 25px; z-index: 50; } #left2col .twocol.left .gallery .next.browse.right { position: absolute; right: -40px; top: 25px; z-index: 51; } #content .threecol.right .rcol .pic-c { margin-right: auto; margin-left: auto; display: block; } #left #lcolpiclink a { margin-right: 9px; } #left #lcolpiclink a img { margin-right: 5px; display: inline; float: left; } #lcolpiclink { padding-top: 18px; padding-left: 4px; padding-bottom: 20px; } .pic-l { float: left; margin-bottom: 20px; margin-right: 20px; } .newsitem { width: 640px; border-bottom: 1px dotted #C0C0C0; margin-bottom: 20px; }.newsitem h3 a { text-decoration: none; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; color: #666; } .newsitem h3 a { #069} p.date, .newsitem h3 {padding:0px ; margin:0px;}