/* CSS Styles Author: Chris Fay */ body{font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:20px;color:#4e4e4e;background:#00689f url('../images/bg.jpg') repeat;} div{position:relative;} ul{} ul li{} a{text-decoration:none;color:#0e8cc4;} a:hover{color:#34bdfa;} a:active {} a:visited{text-decoration:none;} a.linkGrey:link {color: #545556;} a.linkGrey:visited {color: #545556;} a.linkGrey:active {color: #545556;} a.linkGrey:hover {color: #545556;} img{} p{padding:5px;padding-left:0;} .floatLeft{float:left;} h1{font-size:26px;line-height:28px;padding-bottom:5px;color:#000;font-weight:normal;} h2{font-size:24px;line-height:26px;padding-bottom:15px;color:#fff;font-weight:normal;} h3{font-size:16px;line-height:18px;padding-bottom:5px;color:#000;font-weight:normal;} h4{font-size:14px;line-height:16px;} h4.contact{display:block;padding:15px 20px;background:#fff;border:1px solid #4b4b49;} h5{font-size:12px;line-height:14px;} h6{font-size:10px;line-height:12px;} .clear{display:block;clear:both;} .clear.bottomMargin{margin-bottom:35px;} /*general styles */ #page{} #mainWrap{background:url('../images/mainWrapBG.jpg') repeat-x top;min-height:500px;} #wrapper{width:960px;margin:0 auto;} /*#wrapper.short{background:url('../images/cloudsShort.jpg') no-repeat -3px 0;}*/ /*wp default styles*/ .alignleft{float:left;clear:both;margin:10px 15px 10px 0!important;} .alignright{float:right;clear:both;margin:10px 0 10px 15px!important;} .blogItemPreview.single img,.post img{padding:5px;background:#e6e6e3;border:1px solid #dcdcdc;display:block;margin:8px 0;} /*element styling /*tables*/ thead th {background-color:#000;border-bottom:1px solid #000;color:#fff;} table th, table td {padding:6px 10px;text-align:left;vertical-align:top;} tr.accent{background:#1D9EDF;} tr:hover td {background:#E5E6DF;} .tblNews:hover {} .trNews:hover td {background:transparent;color:none;} .tdNews {color: #545556;} .tdNews:hover {color: #545556;} /*blockquote*/ blockquote {background: url('../images/openQuote.png') no-repeat top left;padding:40px 0 0 45px;display:block;} /*borders*/ .border{border-bottom:1px dotted #000;clear:both;margin:5px 0;padding-top:5px;} .border.light{border-bottom:1px dotted #fff;} .border.dark{border-bottom:1px dotted #000;} #contactForm .border.light{width:400px;height:1px;color:#fff;} .divider{display:block;height:2px;background:url('../images/divider.jpg') repeat-x;margin:20px 0;} /*input styling*/ #contactForm{} label{padding:8px 0 0 0;display:block;color:#fff;width:70px;float:left;font-weight:bold;} label.optional{color:#60c9f6;font-weight:normal;} input{border:none;padding:0;margin:0;} .input{padding-top:10px;display:block;color:#fff;width:340px;float:left;border:0;background:transparent;} .submit{display:block;height:37px;line-height:9px;color:#fff;font-size:11px;border:none;cursor:pointer;background:none;text-align:left;} textarea{color:#fff;border:none;padding:7px;width:530px;border:1px dotted #fff;overflow:auto;margin:15px 0 5px 0;height:150px;background:transparent;font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;} fieldset{border:none;margin:25px 0;clear:both;} fieldset label{} fieldset .input{} input.inputError{} label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;color:#eecc0e;width:100px;display:block;clear:both;} textarea.inputError{border: 1px solid #EFBF18 !important;} .select{padding:10px;background:#292a24;color:#D8DACB;width:300px;margin-bottom:15px;border:1px solid #000;} option{padding:2px 0 0 5px;} /*search bar styling*/ .search .input{width:230px;border-bottom:1px dotted #000;padding:7px;color:#807D7D;margin-right:10px;} .search .submit{color:#000;} /*header*/ a.logo{display:block;width:300px;height:41px;background:url('../images/logo.png') no-repeat; position:absolute;top:20px;left:20px;} a.logo span{display:block;position:absolute;left:-9999px;} /* main navigation */ #mainNav{width:960px;height:60px;background:url('../images/navBG.png') no-repeat -20px 10px;} .navigation{position:absolute;top:0;padding-left:340px;} .navigation li{display:block;float:left;width:100px;text-align:center;font-size:12px;font-weight:normal;height:30px;} /*.navigation li#last{background:none;}*/ .navigation li a{display:block;float:left;text-align:center;width:96px;padding:41px 0px 0px 0px;color:#696767;height:26px;text-shadow:0 0px 0 #fff;} .navigation li a:hover{background:url('../images/navHover.png') no-repeat -110px 44px;width:96px;height: 19px;text-align:center;color:#037ab1;} .navigation li.current_page_item a{background:url('../images/navHover.png') no-repeat -110px 44px;width:96px;height: 19px;text-align:center;color:#037ab1;} /*.navigation li#last a:hover{background:url('../images/navHover.png') no-repeat -110px 34px;} .navigation li.current_page_item#last a{background:url('../images/navHover.png') no-repeat -110px 34px;} */ .tagLineLarge{margin:10px 0px 10px 0px;background:url('../images/tagLineLarge.png') no-repeat;} /*.tagLineLarge span,.tagLineSmall span{display:block;margin-left:-9999px;}*/ .tagLineSmall{height:0px;} /*accent pannel*/ #accentPanel{width:960px;} #accentPanel .col1{width:590px;height:476px;background:url('../images/accentPanelBG.png') no-repeat;float:left;margin-right:20px;padding: 20px 0 0 0;} #accentPanel .col1 .content{width:550px;margin:0 auto;} #accentPanel .col2{width:350px;float:left;font-size:11px;font-weight:normal;} #accentPanel .col2 p {color:#807d7d;line-height:18px;padding-top:10px;} #accentPanel .col2 .caseDetails{margin-top:15px;} #accentPanel .col2 .content{width:310px;margin:0 auto;} #accentPanel h3{margin:0;padding:0;} #accentPanel ul{padding-top:10px;} #accentPanel li{display:block;padding:0 0 0 25px;line-height:25px;background:url('../images/caseBullet.jpg') no-repeat left 9px;width:275px;} #accentPanel a.button{display:block;width:191px;height:42px;margin-bottom:3px;} #accentPanel a.button span{display:block;position:absolute;left:-9999px;} #accentPanel a.button.work{background:url('../images/buttonsSprite.png') no-repeat 0 -142px;} #accentPanel a.button.quote{background:url('../images/buttonsSprite.png') no-repeat 0 -190px;} #accentPanel a.button.services{background:url('../images/buttonsSprite.png') no-repeat 0 -238px;} /*hover states*/ #accentPanel a:hover.button.work{background-position:0 -1px;} #accentPanel a:hover.button.quote{background-position:0 -49px;} #accentPanel a:hover.button.services{background-position:0 -97px;} /*main content*/ #mainContent{display:block;width:960px;background:url('../images/bodyCenterBG.png') repeat-y;min-height:200px;margin-top:35px;padding:0 0 10px;} #servicesPage #mainContent{min-height:500px;} #mainContent .content{width:920px;margin:0 auto;padding:10px 0;z-index:200;} #mainContent .top{display:block;width:960px;background:url('../images/bodyTopBG.png') no-repeat;height:15px;position:absolute;top:-10px;left:0;} .bottom{display:block;width:960px;background:url('../images/bodyBottomBG.png') no-repeat;height:18px;margin:0 auto;} #mainContent .col1{width:290px;float:left;margin-right:25px;} #mainContent .col2{width:290px;float:left;margin-right:25px;} #mainContent .col3{width:290px;float:left;} #mainContent .title{padding-left:55px;height:48px;padding-top:7px;} #mainContent .title.info{background:url('../images/info.png') no-repeat left top;} #mainContent .title.clients{background:url('../images/clients.png') no-repeat left top;} #mainContent .title.services{background:url('../images/services.png') no-repeat left top;} #mainContent .leftBG{display:block;height:499px;width:248px;position:absolute;left:2px;top:-10px;background:url('../images/servicesLeftBG.jpg') no-repeat;z-index:100;} /*services page*/ #servicesPage #mainContent {height:100%;padding-bottom:0;} #servicesPage #mainContent .col1{width:230px;float:left;margin-right:45px;} #servicesPage #mainContent .col2{width:640px;float:left;margin-right:0;padding-top:10px;} #servicesPage .bottom, #portfolioPage .bottom{display:block;position:relative;width:960px;margin:0 auto;height:18px;background:url('../images/bodyBottomBG.png') no-repeat;z-index:300;} #servicesPage #servicesSlider img, #portfolioPage .preview{padding:5px;background:#e6e6e3;border:1px solid #dcdcdc;display:block;margin:15px 0;} #servicesPage .serviceImage.floatL{float:left;clear:both;margin:10px 15px 10px 0;} #servicesPage .serviceImage.floatR{float:right;clear:both;margin:10px 0 10px 15px;} .checks {margin:10px 0;} .checks li{display:block;padding:0 0 0 35px;line-height:25px;background:url('../images/checkMark.png') no-repeat;} ol.checks li{padding-left:20px;background:url('../images/bullet.png') no-repeat left 10px;} #servicesPage h3.title{font-size:22px;} #servicesPage a.quote{color:#7d7c7c!important;position:absolute;bottom:-10px;left:15px;z-index:600;width:137px;height:46px;background:url('../images/quoteButton2.jpg') no-repeat;text-align:center;padding-top:12px;text-shadow:0 1px 0 #fff;} #servicesPage a:hover.quote{color:#000!important;} /*service slider tabs*/ #servicesSlider{width:920px;margin:0 auto;padding:10px 0;z-index:200;} #servicesPage #mainContent .ui-tabs {} #servicesPage #mainContent .ui-tabs .ui-tabs-nav li {} #servicesPage #mainContent .ui-tabs .ui-tabs-nav li a {background:url('../images/servicesNavDivider.jpg') repeat-x bottom; padding:15px 0;display:block;width:230px;color:#5a5b5b;font-size:16px;} #servicesPage #mainContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #servicesPage #mainContent .ui-tabs .ui-tabs-nav li a:hover{color:#000;} #servicesPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {} #servicesPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background:#fff url('../images/servicesNavDivider.jpg') repeat-x left bottom!important;color:#000!important;} #servicesPage #mainContent .ui-tabs .ui-tabs-panel {} /*content panel*/ #servicesPage #mainContent .ui-tabs .ui-tabs-hide { display: none !important; } /*portfolio page*/ #portfolioSlider{width:920px;margin:0 auto;padding:10px 0;z-index:200;} #portfolioPage .pItem{display:block;width:920px;} #portfolioPage .portfolioNav{position:absolute;left:-17px;top:-50px;} #portfolioPage #mainContent .ui-tabs {} #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li {display:block;float:left;width:29px;height:29px;margin:0 2px 0 0;} #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a {display:block;color:#000;display:block;float:left;clear:both;background:url('../images/paginationBG.png') no-repeat;width:29px;height:29px;text-align:center;padding-top:3px;} #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li a:hover{color:gray!important;} #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {} #portfolioPage #mainContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#000!important;font-weight:bold;} #portfolioPage #mainContent .ui-tabs .ui-tabs-panel {} /*content panel*/ #portfolioPage #mainContent .ui-tabs .ui-tabs-hide { display: none !important; } /*contact page*/ #contactForm {} #contactPage .col2{margin-top:8px;} #elementsPage .col2,#elementsPage .col2 p,#elementsPage .col1,#elementsPage .col1 p,#elementsPage .col2 a,#singlePage .col1,#singlePage .col2,#singlePage .col1 p,#singlePage .col2 a {color:#fff;} #contactPage .col2 h2,#singlePage .col2 h2{padding-bottom:5px;} #contactPage .col2 a,#singlePage .col2 a{} #contactPage .col2 a:hover,#singlePage .col2 a:hover{color:#000;} #contactPage .col1,#singlePage .col1{background:none;} #accentPanel .contactDetails li{display:block;padding:0 0 0 35px;line-height:25px;background:url('../images/checkMark.png') no-repeat;} /*blog page*/ #blogPage{} #blogPage h3.blogTitle{font-size:26px;line-height:29px;} #blogPage h3.blogTitle a{color:#000;} #blogPage h3.blogTitle a:hover{text-decoration:underline;} #blogPage h3.blogTitle.sub a{font-size:16px;line-height:19px;color:#fff;padding-left:15px;background:url('../images/bullet.png') no-repeat left 8px;} #blogPage .blogPost{color:#eee;width:300px;margin-right:30px;float:left;} #blogPage .blogPost.rSide{margin-right:0!important;} #blogPage .blogPost a.readMoreButton{color:#eee;font-weight:bold;} #blogPage .blogPost a:hover.readMoreButton{color:#fff;} #blogPage .blogPost .meta{display:block;border-bottom:1px solid;padding-bottom:9px;font-size:11px;} #blogPage .blogPost .meta a{color:#fff;font-weight:bold;} #blogPage .bottom{margin-bottom:45px;} #blogPage #mainContent .col1{width:333px;} #blogPage #mainContent .col2{width:562px;margin-right:0;} #blogPage #mainContent .col2 .blogFeatureimg{padding:5px;background:#e6e6e3;border:1px solid #dcdcdc;display:block;margin:8px 0;} /* pagination */ .wp-pagenavi{font-size:12px;display:block;clear:both;width:960px;margin-top:35px;} .wp-pagenavi .pages{padding:5px 15px 0 0;width:100px;float:left;color:#fff;} .wp-pagenavi a, .wp-pagenavi .current{display:block;color:#000;display:block;float:left;background:url('../images/paginationBG.png') no-repeat;width:29px;height:29px;text-align:center;padding-top:3px;} .wp-pagenavi .current{font-weight:bold;} /*single blog page*/ #singlePage h3{color:#fff;padding:5px 0 15px 0;} #singlePage .col1{height:100%;} #singlePage .col1 a{color:#34BDFA;} #singlePage .col1 a:hover{color:#77d2fb;} #sidebar{margin-top:35px;} #singlePage #accentPanel li {background:none;padding:0;width:inherit;} #sidebar li{background:none;padding:0;} #sidebar .module,#accentPanel .col2 .caseDetails,#contactPage .module{display:block;width:350px;background:url('../images/sidebarModuleCenter.png') repeat-y;} #sidebar .module li,#contactPage .module li{padding:0 0 5px 18px!important;background:url('../images/caseBullet.jpg') no-repeat left 7px!important;} #sidebar .sBottom,#contactPage .sBottom,.fBottom{margin-bottom:30px;display:block;width:350px;height:26px;background:url('../images/sidebarModuleBottom.png') no-repeat;} #sidebar .sTop,#contactPage .sTop,.fTop{display:block;width:350px;height:22px;background:url('../images/sidebarModuleTop.png') no-repeat;position:absolute;top:-20px;left:0;} #sidebar .sContent,#contactPage .sContent{width:310px;margin:0 auto;} #sidebar .sContent h3,#contactPage .sContent h3,#contactPage .sContent h2{color:#000;} #sidebar .sContent, #contactPage .sContent{color:#807D7D;} #sidebar .sContent a, #contactPage .sContent a{color:#0E8CC4;padding-bottom:5px;} #sidebar .sContent a:hover, #contactPage .sContent a:hover{color:#34BDFA;} #sidebar .sContent li, #contactPage .sContent li{line-height:18px;} #singlePage .blogItemPreview .title{margin-bottom:15px;border-bottom: 1px dotted;padding-bottom:10px;} #singlePage .blogItemPreview .title h2{padding-bottom:5px;} #singlePage .blogItemPreview .meta{padding-left:15px;background:url('../images/bullet.png') no-repeat left 5px;} /*threaded comments styling*/ #singlePage #accentPanel ul{padding-top:0;} .responseTitle{margin-top:25px;} .commentlist{margin-top:5px;} .commentlist li{width:100%;} .avatar{display:block;width:60px;height:60px;float:left;padding:3px;margin:0 10px 10px 0;background:#e6e6e3;border:1px solid #dcdcdc;} .comment-meta{display:block;} .comment{display:block;margin-bottom:0;} .comment p{clear:both;display:block;} .commentmetadata a{color:#fff;font-size:10px;border-bottom:1px dotted;padding-bottom:5px;} .commentmetadata a:hover{color:#fff;} .fn{font-weight:bold;color:#F9F2DA;} .vcard{} .reply{display:block;} .comment-body{margin-bottom:10px;border:1px dotted #fff;width:535px;padding:15px 15px;} li.depth-2 .comment-body,li.depth-2 textarea{width:515px;} li.depth-3 .comment-body,li.depth-3 textarea{width:495px;} li.depth-4 .comment-body,li.depth-4 textarea{width:475px;} li.depth-5 .comment-body,li.depth-5 textarea{width:455px;} li.depth-6 .comment-body,li.depth-6 textarea{width:435px;} li.depth-7 .comment-body,li.depth-7 textarea{width:415px;} li.depth-8 .comment-body,li.depth-8 textarea{width:395px;} li.depth-9 .comment-body,li.depth-9 textarea{width:375px;} .children{padding-left:20px;} .children .comment{} .children .comment p{} .children li{list-style:none;} .commentCount{position:absolute;right:10px;top:5px;} /*post comment form*/ #commentform{padding-bottom:15px;} #commentform .submit{} #singlePage .col1 textarea{margin-top:35px;} #respond{margin-top:25px;} #respond .border.light{width:75%;} /*page*/ .pCol1{width:590px;float:left;margin:0 20px 0 0;color:#fff;} .pCol1 a{color:#34BDFA;} .pCol1 a:hover{color:#77d2fb;} .pCol2{width:350px;float:left;margin:0 0 0 0;} /*elements page*/ #elementsPage .col1{height:100%;background:none;} .elementsPage #mainContent .title{margin-bottom:45px;border-bottom:1px dashed gray;padding-left:0;} .elementsPage #aForm{padding:5px; background:gray;width:500px;} /*search results */ .searchResults{} .searchResults .post{margin-bottom:25px;padding-bottom:10px;border-bottom:1px dotted #fff;width:550px;} .searchResults .post p{padding-left:15px;background:url('../images/bullet.png') no-repeat left 12px;} .searchResults h2{margin-top:25px;padding-bottom:5px;} .searchResults .moreStuff{padding-top:15px;padding-bottom:10px;border-bottom:1px dotted #fff;width:550px;margin-bottom:25px;} .searchResults .post .previewText p{background:none!important;color:#ebeaea;} /*footer*/ #footer{padding-top:5px;color:#fff;font-size:11px;width:960px;text-align: center} /*background:url('../images/footerBorder.jpg') no-repeat top center*/ #footer a{text-decoration:none;color:#34bdfa;} #footer a:hover{color:#0e8cc4;} /*stylesheet switcher */ .styleWitcher{display:block;position:fixed;top:300px;left:0;padding:10px;background:#f2f1f1;border:1px solid #fff;} .styleWitcher p{padding-top:0;} .styleWitcher li{} .styleWitcher li a{display:block;margin-bottom:5px;width:15px;height:15px;border:1px solid #fff;} .styleWitcher li a.last{margin-bottom:0;} .styleWitcher li.blue a{background:#0782c5;} .styleWitcher li.brown a{background:#4c3b1e;} .styleWitcher li.purple a{background:#9220a3;} .styleWitcher li.green a{background:#217a48;} /*home page slider */ #bannerSlider{} #bannerSlider .imagesNav{position:absolute;top:415px;left:610px;width:350px;} #bannerSlider .imagesNav li{background:none;} #bannerSlider #accentPanel .col2 .content{width:510px;} #bannerSlider.ui-tabs {} #bannerSlider.ui-tabs .ui-tabs-nav li {display:block;float:left;background:none;padding:0;width:29px;height:29px;margin:0 2px 0 0;} #bannerSlider.ui-tabs .ui-tabs-nav li a {display:block;color:#000;display:block;float:left;clear:both;background:url('../images/paginationBG.png') no-repeat;width:29px;height:29px;text-align:center;} #bannerSlider.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ #bannerSlider.ui-tabs .ui-tabs-nav li a:hover{color:gray!important;} #bannerSlider.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {} #bannerSlider.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#000!important;font-weight:bold;} #bannerSlider.ui-tabs .ui-tabs-panel {} /*content panel*/ #bannerSlider.ui-tabs .ui-tabs-hide { display: none !important; } #newsBox {color: #9da3aa;} #newsBox a {color: #f5f5f5;} #newsBox a:hover {color: #ffffff;}