/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.35; padding : 0px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
html { height : 100.2%; }
/* general */
body { font-family: Arial, Helvetica; color: #333; background: #fff; }
.fixedWrap { margin: 0 auto; width: 960px; }
a { color: #85B02B; text-decoration: none; }
a:hover { text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* header */
#headerWrap { background: #2B4363 url(../images/design/header-bg.jpg) no-repeat center top; }
#headerWrap #header { height: 106px; overflow: hidden; }
#headerWrap #header #logo { padding: 22px 0 0 10px; float: left; }
#headerWrap #header #nav { float: right; padding-top: 40px; }
#headerWrap #header #nav ul { list-style: none; }
#headerWrap #header #nav ul li { float: left; padding: 0 8px 0 0; }
#headerWrap #header #nav ul li.on { background: url(../images/design/nav-left.png) no-repeat left; }
#headerWrap #header #nav ul li.on span { background: url(../images/design/nav-right.png) no-repeat right; display: block; }
#headerWrap #header #nav ul li.on span a { background: url(../images/design/nav-bg.png) no-repeat center; }
#headerWrap #header #nav ul li a { color: #fff; text-decoration: none; font-size: 0.8em; font-weight: normal; display: block; padding: 6px 5px 0; height: 32px; margin: 0 7px; }
#headerWrap #header #nav ul li a:hover { color: #85B02B; }
#headerWrap #header #nav ul li.on a:hover { color: #fff; }
#headerBar { height: 18px; clear: both; background: url(../images/design/header-bar-bg.png); }
/* banner */
#bannerWrap { background: url(../images/design/banner-bg.png) repeat-x bottom; }
#bannerWrap #banner { overflow: hidden; margin: 0 auto; width: 960px; }
#bannerWrap .home { height: 297px; background: url(../images/design/macbook.jpg) no-repeat right; }
#bannerWrap .inner { height: 164px; }
#bannerWrap .innerAlt { height: 90px; }
#bannerWrap .innerAlt #innerPic { display: none; }
#bannerWrap #banner #bannerMessage { width: 600px; float: left; overflow: hidden; height: 297px; padding: 0 10px; }
#bannerWrap #banner.inner #bannerMessage { width: 640px; padding-right: 0; }
#bannerWrap #banner #bannerMessage h1 { font-weight: bold; font-size: 1.4em; color: #333; padding: 0 0 10px 0; line-height: 160%; margin-top: 30px; }
#bannerWrap #banner #bannerMessage h1#homeIntro { text-indent: -10000px; background: url(../images/design/font-replace/home-intro.png) no-repeat 0 0; height: 70px; }
#bannerWrap #banner #bannerMessage h1#hdrAbout { text-indent: -10000px; background: url(../images/design/font-replace/h1-about.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrServices { text-indent: -10000px; background: url(../images/design/font-replace/h1-services.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrPortfolio { text-indent: -10000px; background: url(../images/design/font-replace/h1-portfolio.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrSuccess { text-indent: -10000px; background: url(../images/design/font-replace/h1-success.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrGuides { text-indent: -10000px; background: url(../images/design/font-replace/h1-guides.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrContact { text-indent: -10000px; background: url(../images/design/font-replace/h1-contact.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrGoogle { text-indent: -10000px; background: url(../images/design/font-replace/h1-google.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrPerfect { text-indent: -10000px; background: url(../images/design/font-replace/h1-perfect.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrAudits { text-indent: -10000px; background: url(../images/design/font-replace/h1-audits.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrBlog { text-indent: -10000px; background: url(../images/design/font-replace/h1-blog.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrTerms { text-indent: -10000px; background: url(../images/design/font-replace/h1-terms.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrSitemap { text-indent: -10000px; background: url(../images/design/font-replace/h1-sitemap.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrPrivacy { text-indent: -10000px; background: url(../images/design/font-replace/h1-privacy.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage h1#hdrDisclaimer { text-indent: -10000px; background: url(../images/design/font-replace/h1-disclaimer.png) no-repeat 0 0; height: 40px; }
#bannerWrap #banner #bannerMessage p { color: #666; font-size: 0.85em; line-height: 160%; z-index: 2; }
#bannerWrap #banner #bannerMessage p strong { color: #333; }
#bannerWrap #banner #bannerMessage #spiders { float: left; padding: 20px 0 0 0; position: absolute; margin-left: -30px; width: 350px; }
#bannerWrap #banner #bannerMessage #spiders a { background: url(../images/design/spiders-popup.png) no-repeat 400px 0; width: 350px; display: block; }
#bannerWrap #banner #bannerMessage #spiders a:hover { background: url(../images/design/spiders-popup.png) no-repeat 150px 0; width: 350px; display: block; }
#bannerWrap #banner #bannerMessage #spidersPopUp { float: left; padding: 20px 0 0 120px; }
#bannerWrap #banner #bannerMessage #viewPortfolio { float: right; padding: 45px 30px; background: url(../images/design/btn-large-green.png) no-repeat center 40px; width: 190px; text-align: center; }
#bannerWrap #banner #bannerMessage #viewPortfolio a { color: #fff; font-size: 0.8em; font-weight: normal; text-decoration: none;}
#bannerWrap #banner #bannerMessage #viewPortfolio a:hover { color: #ededed; }
#bannerWrap #banner #bannerMacbook { float: right; }
#bannerWrap #banner #bannerMacbook #mbPortfolio { width: 273px; height: 170px; overflow: hidden; margin: 42px 40px 0 0; }
#bannerWrap #banner #innerPic { float: right; }
/* content */
#contentWrap { }
#contentWrap #content { overflow: hidden; }
#homePanels { overflow: hidden; padding: 30px 10px 30px 10px; }
#homePanels .homePanel { width: 220px; float: left; padding-right: 20px;}
#homePanels #panel4 { padding-right: 0;}
#homePanels .homePanel h2 { font-weight: bold; font-size: 1.1em; text-indent: -10000px; height: 60px; }
#homePanels .homePanel h2#passion { background: url(../images/design/font-replace/panel-passion.png) no-repeat; }
#homePanels .homePanel h2#services { background: url(../images/design/font-replace/panel-services.png) no-repeat; }
#homePanels .homePanel h2#embrace { background: url(../images/design/font-replace/panel-embrace.png) no-repeat; }
#homePanels .homePanel h2#confused { background: url(../images/design/font-replace/panel-confused.png) no-repeat; }
#homePanels .homePanel h2.blue { color: #4792DC; }
#homePanels .homePanel h2.green { color: #85B02B; }
#homePanels .homePanel a img { padding: 2px; margin: 9px 0; border: 1px solid #ccc; width: 214px; height: 115px; }
#homePanels .homePanel a:hover img.green { border: 1px solid #85B02B; }
#homePanels .homePanel a:hover img.blue { border: 1px solid #4792DC; }
#homePanels .homePanel p { font-size: 0.8em; padding: 0 5px; line-height: 160%; }
#homePanels .homePanel .btnPanel { color: #fff; width: 151px; height: 33px; text-align: center; font-size: 11.5px; font-weight: normal; padding: 6px 0 0 0; margin: 12px 0 0 -2px; }
#homePanels .homePanel .btnGreen { background: url(../images/design/btn-panel-green.png) no-repeat center; }
#homePanels .homePanel .btnBlue { background: url(../images/design/btn-panel-blue.png) no-repeat center; }
#homePanels .homePanel .btnPanel a { color: #fff; text-decoration: none; }
#homePanels .homePanel .btnPanel a:hover { color: #ededed; text-decoration: none; }
#homeSubLinks { background: url(../images/design/sublink-bg.png) no-repeat center; height: 148px; overflow: hidden; padding-left: 10px; margin-bottom: 30px; }
#homeSubLinks .homeSubLink { float: left; width: 290px; padding: 18px 20px 0 5px; cursor: pointer; }
#homeSubLinks #subLink1 { padding-left: 10px; width: 290px; }
#homeSubLinks #subLink3 { padding-right: 0; }
#homeSubLinks h3 { color: #B2B2B2; font-weight: bold; font-size: 1.2em; padding: 3px 0 1px 3px; text-indent: -10000px; margin-bottom: 30px; }
#homeSubLinks h3#fr-perfect a { background: url(../images/design/font-replace/sublink-perfect.png) no-repeat 0 0; height: 22px; width: 300px; float: left; }
#homeSubLinks h3#fr-perfect a:hover { background: url(../images/design/font-replace/sublink-perfect.png) no-repeat 0 -32px; height: 22px; text-indent: -10000px; }
#homeSubLinks h3#fr-perfect .altHover { background: url(../images/design/font-replace/sublink-perfect.png) no-repeat 0 -32px; }
#homeSubLinks h3#fr-google a { background: url(../images/design/font-replace/sublink-google.png) no-repeat 0 0; height: 22px; width: 300px; float: left; }
#homeSubLinks h3#fr-google a:hover { background: url(../images/design/font-replace/sublink-google.png) no-repeat 0 -32px; height: 22px; text-indent: -10000px; }
#homeSubLinks h3#fr-google .altHover { background: url(../images/design/font-replace/sublink-google.png) no-repeat 0 -32px; }
#homeSubLinks h3#fr-audits a { background: url(../images/design/font-replace/sublink-audits.png) no-repeat 0 top; height: 22px; width: 300px; float: left; }
#homeSubLinks h3#fr-audits a:hover { background: url(../images/design/font-replace/sublink-audits.png) no-repeat 0 -32px; height: 22px; text-indent: -10000px; }
#homeSubLinks h3#fr-audits .altHover { background: url(../images/design/font-replace/sublink-audits.png) no-repeat 0 -32px; }
#homeSubLinks p { color: #333; font-size: 0.7em; height: 100px; padding: 0 10px 0 80px; line-height: 150%; }
#homeSubLinks p.iconPaperPlane { background: url(../images/design/icon-paper-plane.png) no-repeat top left; }
#homeSubLinks p.iconFlipChart { background: url(../images/design/icon-flip-chart.png) no-repeat top left; }
#homeSubLinks p.iconMagnifyingGlass { background: url(../images/design/icon-magnifying-glass.png) no-repeat top left; }
#homeTestimonials { background: url(../images/design/quote-right.png) no-repeat bottom right; overflow: hidden; margin-bottom: 40px; }
#homeTestimonials #quoteLeft { float: left; width: 110px; }
#homeTestimonials #testimonial { float: right; width: 740px; padding: 0 110px 0 0; }
#homeTestimonials #testimonial #quote { color: #999; font-weight: normal; font-size: 0.95em; line-height: 170%; font-style: italic; padding: 5px 0 10px 0; }
#homeTestimonials #testimonial #quoteBy { float: left; font-size: 0.8em; color: #666; }
#homeTestimonials #testimonial #quoteAll { float: right; font-size: 0.8em; }
#homeTestimonials #testimonial #quoteAll a { color: #95BC30; text-decoration: none; }
#homeTestimonials #testimonial #quoteAll a:hover { color: #95BC30; text-decoration: underline; }
#contentMain { width: 620px; padding: 20px 0 50px 10px; font-size: 0.85em; line-height: 160%; float: left; }
#contentMain h2 { font-size: 1.6em; font-weight: normal; color: #95BC30; margin: 60px 0 30px; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
#contentMain h2.lessMargin { margin-bottom: 10px; }
#contentMain h2.first { margin-top: 20px; }
#contentMain h3 { font-size: 1.3em; margin: 40px 0 0; color: #999; font-weight: normal; line-height: 130%; }
#contentMain h4 { font-size: 1.1em; margin: 30px 0 0; color: #333; font-weight: bold; }
#contentMain p.note { background: #ededed; padding: 6px 6px; margin: 20px 0; text-align: center; }
#contentMain p { padding: 6px 0; }
#contentMain ul { margin: 8px 30px; }
#contentMain ul li { line-height: 160%; padding: 5px 0; }
#contentMain ol { margin: 8px 30px; }
#contentMain ol li { line-height: 160%; padding: 5px 0; }
#contentMain .imgGroupWrap { overflow: hidden; padding: 10px 0; margin: 0; background: #fff; }
#contentMain .imgGroupWrap .imgWrap { border: 1px solid #ccc; padding: 2px; margin: 0 2px; background: #fff; }
#contentMain .imgWrap { border: 1px solid #ccc; padding: 2px; margin: 0 10px; background: #fff; }
#contentMain .imgWrap.left { margin-left: 0; }
#contentMain .imgWrap.right { margin-right: 0; }
#contentMain .post { margin-bottom: 100px; }
#contentMain .post h2 { margin: 20px 0 0 0; }
#contentMain .post .post_date { color: #999; padding: 10px 0 10px 2px; }
#contentMain .post .blogImgWrap { width: 300px; text-align: center; padding: 0 0 8px 0; color: #999; font-style: italic; font-size: 0.9em; margin: 10px 10px; }
#contentMain .post .blogImgWrap2 { width: 300px; text-align: center; padding: 0 0 8px 0; color: #999; font-style: italic; font-size: 0.9em; margin: 10px 10px; background: #ededed; border: 1px solid #ccc; }
#contentMain .post .blogImgWrap img { border: 1px solid #ccc; padding: 2px; background: #fff; }
#contentMain .post .right { float: right; margin-right: 0; }
#contentMain .post .left { float: left; margin-left: 0; }
#contentMain .post .post_body { margin: 0 0 30px 0; }
#contentMain .post .postsharelinks { width: 620px; background: #ededed; padding: 8px 5px; text-align: center; }
#contentMain .post .postsharelinks a { color: #666; }
#contentMain .post .postmetadata { width: 620px; background: #e3e3e3; padding: 8px 5px; text-align: center; border-top: 1px solid #fff; }
#contentMain .post .postmetadata a { color: #666; }
#contentWrap #content .post #subHeaderWrap { width: 620px; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 40px; }
#contentWrap #content .post #subHeaderWrap h3 { float: left; width: 400px; padding: 80px 0 0 0; }
#contentWrap #content .post #subHeaderWrap p { float: right; width: 180px; padding: 120px 0 0 0; text-align: right; font-size: 0.9em; font-weight: bold; }
#contentWrap #content .post .comment_list { overflow: hidden; width: 620px; }
#contentWrap #content .post .comment_list .comment { overflow: hidden; padding: 0; margin-bottom: 20px; }
#contentWrap #content .post .comment_list .alt { }
#contentWrap #content .post .comment_list .comment .comment_author { overflow: hidden; background: #e4e4e4; padding: 0; margin-bottom: 2px; height: 50px; }
#contentWrap #content .post .comment_list .comment .comment_author .comment_gravatar img { padding: 3px; margin: 0; border: 2px solid #e2e2e2; }
#contentWrap #content .post .comment_list .comment .comment_author .comment_author_name { float: left; padding: 14px 6px; margin: 0; font-weight: bold; }
#contentWrap #content .post .comment_list .comment .comment_author .comment_date { float: right; font-size: 0.8em; padding: 18px 8px; }
#contentWrap #content .post .comment_list .comment .comment_author .comment_date a { color: #999; text-decoration: none; }
#contentWrap #content .post .comment_list .comment .comment_author .comment_date a:hover { color: #BE1542; text-decoration: none; }
#contentWrap #content .post .comment_list .comment .comment_body { padding: 0 10px; background: #ededed; font-size: 0.9em; }
#contentWrap #content .post #respond { overflow: hidden; }
#contentWrap #content .post #respond .form_property { float: left; width: 145px; padding: 0 0 0 5px; font-weight: bold; }
#contentWrap #content .post #respond .form_value { font-size: 0.9em; color: #999; }
#contentWrap #content .post #respond .form_value img { margin: 0; }
#contentWrap #content .post #respond .form_value .button { background: url(../images/design/btn-panel-green.png) no-repeat; border: 0; color: #fff; text-align: center; width: 151px; height: 39px; padding-bottom: 14px; float: left; margin: 0 0 0 145px; cursor: pointer; font-size: 12px; }
/* new blog styles */
#contentMain.blog { width: 900px; padding: 20px 0 50px 10px; font-size: 0.85em; line-height: 160%; float: left; }
#contentMain .post .post_body { margin: 0 0 30px 0; width: 620px; }
#bannerWrap #banner.innerBlog { height: 60px; }
#bannerWrap #banner.innerBlog #innerPic { display: none; }
#contentMain .post .post_title { overflow: visible; height: 160px; }
#contentMain .post .post_title h1 img, #contentMain .post .post_title h2 img { float: right; border: 5px solid #ededed; padding: 5px; margin: -40px 0 0 10px; background: #fff; }
#contentMain .post h1, #contentMain .post h2 { background: transparent; margin: 40px 0 0 -10px; padding-bottom : 0px; font-size: 2.4em; border-bottom: 0; float: left; line-height: 140%; height: 60px; width: 920px; }
#contentMain .post h1 span, #contentMain .post h2 a { display: block; padding: 10px 0 10px 12px; color: #666; background: #ededed; text-decoration: none; }
#contentMain .post h1 a:hover, #contentMain .post h2 a:hover { color: #fff; background: #86B02B; text-decoration: none; }
#contentMain .post h1 a:hover img, #contentMain .post h2 a:hover img { border: 5px solid #86B02B; }
#contentMain .post .post_date { float: left; color: #999; overflow: visible; padding: 20px 0 0 3px; }
#contentMain .post h3 { padding: 0 0 15px 0; font-size: 1.8em; }
#contentMain .post .post_body a { color: #666; text-decoration: underline; }
#contentMain .post .post_body a:hover { color: #86B02B; text-decoration: underline; }
#contentMain .post .post_body p.extraPadding { padding-top: 40px; }
#contentMain .post .post_body p.textCenter { text-align: center; }
#contentMain .post .post_body img { padding: 5px; background: #fff; border: 5px solid #ededed; }
#contentMain .post .post_body img.imgCenter { margin: 20px 0 10px; }
#sideBar #blogCategories { }
#sideBar #blogCategories h4 { font-size: 1.2em; }
#sideBar #blogCategories ul { font-size: 0.9em; }
#sideBar #blogCategories ul li { border-bottom: 1px solid #fff; display: block; background: #ededed; padding: 3px 5px; }
#sideBar #blogCategories ul li.alt { background: #f5f5f5; }
/* end blog styles */
#contentMain .columnWrap { overflow: hidden; }
#contentMain .column50 { float: left; width: 50%; }
#contentMain #map { width: 600px; height: 410px; border: 1px solid #ccc; padding: 5px; margin: 0 5px; }
#contentMain .serviceWrap { margin-bottom: 80px; }
#contentMain .serviceWrap a { color: #999; border-left: 2px solid #95BC30; padding: 2px 0 2px 5px; }
#contentMain .serviceWrap h2 { margin: 30px 0 10px; }
#contentMain ul#servicesList { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ededed; }
#contentMain ul#servicesList li { float: left; width: 50%; }
#contentMain ul#servicesList li.clear { float: none; clear: both; }
#contentMain ul#servicesList li a { }
#contentMain #guidesList { }
#contentMain #guidesList li { padding: 5px 0; }
#contentMain #guidesList a { color: #999; }
#contentMain #guidesList a:hover { color: #95BC30; }
#contentMain .contentHR { height: 2px; background: #ededed; margin: 35px 0 40px; display: none; }
#contentMain .twitterGap { margin: 25px 0 45px; }
#contentMain .teamWrap { overflow: hidden; padding-top: 30px; }
#contentMain .teamWrap .teamDetailsWrap { overflow: hidden; padding-bottom: 50px; }
#contentMain .teamWrap h3 { color: #666; font-size: 1.2em; padding-bottom: 5px; margin: 0; }
#contentMain .teamWrap h3 span { color: #333; font-weight: bold;}
#contentMain .teamWrap .profilePicWrap { height: 200px; width: 150px; padding: 2px; border: 1px solid #ccc; float: right; margin: 10px 0 0 10px; }
#contentMain .teamWrap #picRonan { float: left; margin: 10px 10px 0 0; }
#contentMain .teamWrap .teamContact { padding: 10px 20px 0 0; float: left; }
#contentMain .teamWrap .teamContact span { font-weight: bold; color: #95BC30; }
#contentMain .teamWrap .teamContact a.linkedIn { display: block; line-height: 35px; }
#contentMain .teamWrap .teamContact a.linkedIn img { float:right; height:20px; margin-left:9px; margin-top:7px;}
#contentMain .teamWrap a { color: #999; text-decoration: none; }
#contentMain .teamWrap a:hover { color: #666; text-decoration: none; }
#contentMain .teamWrap .twitterMsg { background: url(../images/design/twitter-msg-bg-right.png) no-repeat; padding: 25px 0; height: 76px; }
#contentMain .teamWrap #ronanmorris { background: url(../images/design/twitter-msg-bg-left.png) no-repeat; }
#contentMain .teamWrap .twitterMsg .twitterBird { position: absolute; margin: 25px 0 0 512px; }
#sideBar { float: right; width: 300px; padding: 30px 0 0 0; }
#sideBar #enquiryForm { display: block; width: 274px; height: 385px; background: url(../images/design/contact-form-bg.png) no-repeat; padding: 50px 13px 0 13px; margin-bottom: 220px; }
#sideBar #enquiryForm .lineWrap { overflow: hidden; padding: 5px 0; }
#sideBar #enquiryForm label { width: 65px; float: left; font-size: 0.75em; font-weight: bold; color: #666; padding: 8px 0 0 0; color: #666; }
#sideBar #enquiryForm input.textbox { background: url(../images/design/input-bg-double.png) no-repeat 0 -32px; border: 0; width: 190px; height: 14px; padding: 9px 8px; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#sideBar #enquiryForm input.error { background: url(../images/design/input-bg-double.png) no-repeat; }
#sideBar #enquiryForm textarea { background: url(../images/design/textarea-bg-double.png) no-repeat 0 -162px; border: 0; width: 190px; height: 148px; padding: 7px 8px; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 160%; }
#sideBar #enquiryForm textarea.error { background: url(../images/design/textarea-bg-double.png) no-repeat; }
#sideBar #enquiryForm input.button { background: url(../images/design/btn-form-bg.png) no-repeat; border: 0; color: #fff; text-align: center; width: 150px; height: 32px; float: right; margin: 6px -3px 0 0; cursor: pointer; font-size: 11px; }
#sideBar #enquiryForm #enquiryResponse { margin-top: 10px; background: url(../images/design/enquiry-tick.png) no-repeat bottom right; height: 320px; }
#sideBar #enquiryForm #enquiryResponse h4 { padding: 0 0 10px 3px; font-weight: bold; color: #333; font-size: 0.9em; }
#sideBar #enquiryForm #enquiryResponse p { padding: 0 30px 0 5px; color: #666; font-size: 0.8em; line-height: 160%; }
#sideBar #enquiryForm #enquiryResponse p em { font-style: italic; }
#sideBar #enquiryForm #enquiryLoading { margin-top: 10px; background: url(../images/design/ajax-loader.gif) no-repeat; padding: 4px 0 4px 35px; font-size: 0.9em; color: #333; font-weight: bold; }
#portfolioWrap { padding: 30px 0; overflow: hidden; }
#portfolioWrap #linkPortfolios { text-align: center; background: #95BC30; padding: 4px 0; margin: 10px 10px 20px; }
#portfolioWrap #linkPortfolios a { color: #fff; }
#portfolioWrap .portfolioPanel { float: left; width: 220px; padding: 20px 10px; height: 310px; }
#portfolioWrap .portfolioPanel h2 { font-weight: normal; font-size: 1.2em; color: #666; padding: 0; text-align: center; }
#portfolioWrap .portfolioPanel a img { border: 2px solid #999; padding: 1px; margin: 10px 0 0; float: left; }
#portfolioWrap .portfolioPanel a:hover img { border: 2px solid #95BC30; }
#portfolioWrap .portfolioPanel p { font-size: 0.75em; color: #666; padding: 0 5px 5px; line-height: 160%; }
#portfolioWrap .portfolioPanel p a { font-weight: bold; }
#portfolioWrap .portfolioPanel p.portfolioDesc { background: #ededed; padding: 10px 10px; float: left; margin-bottom: 10px; height: 60px; }
#portfolioWrap .portfolioPanel p.portfolioSuccess { text-align: center; }
#portfolioWrap .successPanel { margin: 0 10px 30px; padding: 0 0 30px 0; border-bottom: 2px solid #ccc; }
#portfolioWrap .successPanel .successImage { float: right; margin: 0 0 0 10px;}
#portfolioWrap .successPanel .successImage a img { padding: 3px; border: 3px solid #ccc; }
#portfolioWrap .successPanel .successImage a:hover img { border: 3px solid #95BC30; }
#portfolioWrap #mcgovern .successImage { height: 411px; }
#portfolioWrap #dbass .successImage { height: 418px; }
#portfolioWrap #simple .successImage { height: 320px; }
#portfolioWrap #abbey .successImage { height: 392px; }
#portfolioWrap #select .successImage { height: 274px; }
#portfolioWrap #jdm .successImage { height: 416px; }
#portfolioWrap #slms .successImage { height: 278px; }
#portfolioWrap #rp .successImage { height: 246px; }
#portfolioWrap .successPanel h2 { font-weight: normal; font-size: 1.2em; color: #95BC30; padding: 20px 0 0 0; }
#portfolioWrap .successPanel h3 { font-weight: normal; font-size: 1.0em; color: #999; padding: 20px 0 0 0; }
#portfolioWrap .successPanel p { font-size: 0.9em; color: #333; padding: 5px 0; line-height: 160%; }
#portfolioWrap .successPanel p.successIntro { }
#portfolioWrap .successPanel p.successQuote { font-style: italic; }
#portfolioWrap .successPanel p.successName { color: #666; font-size: 0.8em; }
#portfolioWrap .successPanel p.successLink { font-size: 1.3em; text-align: right; }
#portfolioWrap .successPanel ul { font-size: 0.9em; color: #333; padding: 5px 0 5px 30px; line-height: 160%; }
/* footer */
#footerWrap { background: #2A4262 url(../images/design/footer-bg.png) repeat-x; }
#footerWrap #footer { }
#footerWrap #footer #footerSmall { height: 58px; overflow: hidden; }
#footerWrap #footer #footerSmall #footerWhereToNow { float: left; cursor: pointer; }
#footerWrap #footer #footerSmall #footerLinks { float: right; color: #fff; font-size: 0.75em; font-weight: normal; padding: 25px 10px 0 0; }
#footerWrap #footer #footerSmall #footerLinks a { color: #fff; text-decoration: none; }
#footerWrap #footer #footerSmall #footerLinks a:hover { color: #95BC30; text-decoration: underline; }
#footerWrap #footer #footerSmall #footerLinks ul { list-style: none; }
#footerWrap #footer #footerSmall #footerLinks ul li { float: left; }
#footerWrap #footer #footerSmall #footerLinks ul li span { padding: 0 10px; }
#footerWrap #footer #footerLarge { }
#footerWrap #footer #footerLarge .footerHR { background: url(../images/design/footer-hr.png) repeat-x; height: 2px; }
#footerWrap #footer #footerLarge #footerColumnWrap { overflow: hidden; padding: 20px 0 20px 8px; }
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn { float: left; width: 190px; color: #fff; }
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn h4 { color: #95BC30; font-size: 0.9em; font-weight: bold; padding: 0 0 5px 0;}
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn ul { list-style: none; font-size: 0.75em; }
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn ul li { list-style: none; padding: 3px 0 3px 1px; }
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn ul li a { color: #fff; text-decoration: none; }
#footerWrap #footer #footerLarge #footerColumnWrap .footerColumn ul li a:hover { color: #95BC30; text-decoration: underline; }
/* twitter */
div#twitter { width: 20em; margin-bottom: 2em; }
div#twitter h2 { margin: 0; padding: 0.4em 1em; font-size: 1.1em; color: #fff; background-color: #888; }
p#preloader { margin: 0 0 0 15px; padding: 1em 1em 1em 3em; }
#contentMain ul.twitter_update_list { margin: 0; padding: 0 1em 0.5em 1em; list-style-type: none; }
ul.twitter_update_list li { margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
ul.twitter_update_list li a { color: #338E43; }/* timestamp link */
ul.twitter_update_list li span { display: block; }
ul.twitter_update_list li span a { color: #338E43; }/* links in tweet */
ul.twitter_update_list li.firstTweet { }
ul.twitter_update_list li.lastTweet { border-bottom: none; }
a#profileLink { display: block; padding: 0.3em 1em; color: #fff; background-color: #888; }
/* fancybox */
#fancyHeader { background: #333; border-bottom: 3px solid #ccc; overflow: hidden; }
#fancyHeader h1 { float: left; width: 400px; font-size: 1.2em; padding: 15px 10px; color: #fff; }
#fancyHeader h1 span { font-size: 0.8em; }
#fancyHeader h1 span a { color: #85B02B; text-decoration: none; }
#fancyHeader h1 span a:hover { color: #999; text-decoration: none; }
#fancyHeader #fancyLaunch { background: url(../images/design/btn-portfolio-launch.png) no-repeat center; color: #fff; width: 151px; height: 33px; text-align: center; font-size: 11.5px; font-weight: normal; padding: 6px 0 0 0; margin: 8px 10px 0 0; float: right; }
#fancyHeader #fancyLaunch a { color: #fff; text-decoration: none; padding: 6px; display: block; }
#fancyHeader #fancyLaunch a.hover { color: #ededed; }
#fancyContent { overflow: hidden; }
#fancyContent #fancyMain { width: 450px; float: left; padding: 15px 0 15px 10px; }
#fancyContent #fancyMain #fancySector { font-size: 0.7em; color: #999; padding-bottom: 10px; }
#fancyContent #fancyMain #fancyIntro { font-size: 0.8em; color: #333; font-weight: bold; }
#fancyContent #fancyMain h2 { font-size: 0.9em; color: #85B02B; font-weight: bold; padding: 25px 0 5px; }
#fancyContent #fancyMain p { font-size: 0.8em; color: #333; line-height: 160%; }
#fancyContent #fancyMain ul { font-size: 0.8em; color: #333; margin-left: 30px; padding: 8px 0; }
#fancyContent #fancyMain ul li { line-height: 160%; padding: 3px 0; }
#fancyContent #fancySideBar { width: 286px; float: right; padding: 15px 10px 15px 10px; background: #ededed; border-left: 1px solid #ccc; }
#fancyContent #fancySideBar #fancyScreenShot { float: left; width: 286px; margin: 25px 0 5px 0; }
#fancyContent #fancySideBar #fancyScreenShot img { background: #fff; border: 1px solid #ccc; width: 280px; padding: 2px; }
#fancyContent #fancySideBar #fancyTestimonial { float: left; font-size: 0.8em; font-style: italic; color: #666; line-height: 160%; background: #ededed url(../images/design/fancy-quote-bottom.png) no-repeat bottom center; width: 286px; overflow: hidden; }
#fancyContent #fancySideBar #fancyTestimonial span#fancyTestimonialInner { display: block; background: url(../images/design/fancy-quote-top.png) no-repeat top center; padding: 20px 30px 15px 30px; }
#fancyContent #fancySideBar #fancyTestimonial span#fancySignature { font-weight: bold; font-size: 0.9em; text-align: right; display: block; padding: 8px 0; }