/*
 
 NB Communication Ltd
 Accessible, standards-compliant web development
 
 http://www.nbcommunication.com

*/

body{font:14px/23px Arial, Helvetica, sans-serif;background:url(img/bg-body.gif) repeat-x 0 0;color:#596464;margin:0;}
h1{margin:0;}
img{display:block;border:none;}
form,fieldset{border:0;margin:0;padding:0;}
#page{width:972px;overflow:hidden;margin:0 auto;padding:0 31px;}
#header{width:100%;overflow:hidden;margin:0 -31px;padding:0 31px;}
#header div.head{width:100%;height:85px;overflow:hidden;}
#header h1{text-indent:-9999px;width:330px;height:62px;font-size:0;line-height:0;float:left;display:inline;margin:8px 0 0 3px;}
#header h1 a{width:330px;height:62px;display:block;cursor:pointer;background:url(img/logo.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
#header strong.call{width:260px;height:20px;text-indent:-9999px;overflow:hidden;background:url(img/txt-call.gif) no-repeat 0 0;float:right;margin:34px 2px 0 0;}
#header div.featured{float:right;width:335px;margin:11px 0 0;}
#header div.featured h2{font-size:16px;color:#fff;width:322px;font-weight:normal;line-height:28px;background:url(img/bg-featured-title.png) no-repeat 0 0;margin:0;padding:0 0 6px 13px;}

#header div.featured div.image{position:relative; margin-left:-29px;display: block; background:url(img/bg-featured-image.png) no-repeat 0 0; overflow: hidden; width: 365px; height: 181px; padding: 9px 10px 0 30px !important;}
#header div.featured div.image a {position: absolute; top:0; left:0; margin-left: 30px; margin-top: 9px; }
#header div.featured div.image a img { border: 1px solid #fff; border-bottom:0px;}

#header div.featured #nav a {float:left;display:block;font-size:14px;outline:none;width:40px;height:40px;padding-top:5px;text-align:center;font-weight:bold;color:#fff; z-index:20;}
#header div.featured #nav a.activeSlide,#header div.featured #nav a:hover{text-decoration:none;background:url(img/bg-nav.gif) repeat-x 0 0;}
#header div.featured a.all{float:right;width:102px;overflow:hidden;text-indent:-9999px;height:24px;background:url(img/btn-all.gif) no-repeat 0 0;margin:6px 2px 0 0;}
#header div.featured a.all:hover{background:url(img/btn-all-hover.gif) no-repeat 0 0;}
#header div.text{float:left;height:215px;overflow:hidden;width:620px;padding:20px 0 0 4px;}
#header div.text h2{font-size:22px;padding-bottom:10px;line-height:33px;font-weight:normal;color:#fff;margin:14px 0 0;}
#header div.text p, #header div.text p a{font-size:17px;line-height:26px;font-style:italic;color:#f0f1b2;margin:18px 0 0;}
#header ul.menu{overflow:hidden;float:left;width:620px;list-style:none;margin:2px 0 0;padding:0 0 0 6px;}
#header ul.menu li{float:left;line-height:25px;font-size:15px;position:relative;font-weight:bold;margin:0 -6px;padding:2px 24px 4px;}
#header ul.menu li a{float:left;color:#fff;text-decoration:none;}
#header ul.menu li.active{background:url(img/bg-menu-left.gif) no-repeat 0 0;padding:0;}
#header ul.menu li.active a{text-decoration:none;background:url(img/bg-menu-right.gif) no-repeat 100% 0;padding:2px 24px 4px;}
#main{width:100%;overflow:hidden;margin:0 -6px;padding:0 6px;}
#sidebar{float:right;width:341px;display:inline;margin:3px -6px 0 0;padding:0 3px 0 0;}
#sidebar div.block{width:100%;overflow:hidden;margin:14px -6px 26px 0 !important;padding:0 6px;}
#sidebar h2{line-height:28px;font-size:16px;font-weight:normal;color:#fff;text-transform:uppercase;width:322px;background:url(img/bg-sidebar-title.png) no-repeat 0 0;margin:0;padding:2px 3px 11px 16px;}
#sidebar div.newsletter{width:347px;float:left;display:inline;background:url(img/bg-newsletter.gif) repeat-y -347px 0;margin:6px 0 0 -3px;}
#sidebar div.newsletter div.bottom,#sidebar div.newsletter div.top{width:100%;float:left;background:url(img/bg-newsletter.gif) no-repeat 0 0;}
#sidebar div.newsletter div.bottom{width:335px;min-height:289px;background:url(img/bg-newsletter.gif) no-repeat -694px 100%;padding:5px 6px;}
*	html #sidebar div.newsletter div.bottom{height:289px;overflow:visible;}
#sidebar div.newsletter div.image{float:left;display:inline;position:static;margin:-6px 0 0 -8px;}
#sidebar div.newsletter p{font:14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#474a13;text-align:left;margin:0;padding:20px 15px;}
#sidebar div.newsletter h3{font:14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(img/bg-newsletter-title.gif) no-repeat 0 50%;color:#797d20;text-align:center;clear:both;margin:0 10px;}
#sidebar ul.form{width:100%;overflow:hidden;list-style:none;margin:7px 0 0;padding:0;}
#sidebar ul.form li{float:left;width:100%;padding:5px 0 4px;}
#sidebar ul.form label{float:left;width:103px;color:#585924;font-size:12px;text-align:right;padding-right:13px;line-height:24px;}
#sidebar ul.form input.text{float:left;width:197px;border:1px solid #aeb32d;height:18px;font:12px Arial, Helvetica, sans-serif;color:#585924;padding:2px 5px;}
#sidebar ul.form input.submit{float:left;width:110px;cursor:pointer;font:bold 14px Arial, Helvetica, sans-serif;color:#fff;border:0;height:36px;background:url(img/btn-submit.png) no-repeat 0 0;margin:-2px 0 0 112px;padding:6px;}
#sidebar ul.form input.hover{background:url(img/btn-submit-hover.png) no-repeat 0 0;}
#sidebar h4{font-size:12px;line-height:15px;margin:0;}
#sidebar h4 a{color:#3e8697;font-size:14px;}
#sidebar p{font-size:12px;line-height:18px;color:#556770;margin:0 5px 0 0;}
#sidebar ul.projects{width:314px;overflow:hidden;list-style:none;margin:0 0 0 20px !important;padding:0 0 12px;}
#sidebar ul.projects li{width:100%;float:left;padding:9px 0;}
#sidebar ul.projects div.image{float:left;width:123px;height:83px;display:inline;border:1px solid #ccc;overflow:hidden;margin:0 12px 0 3px;}
#sidebar ul.projects div.text{float:left;width:172px;}
#sidebar ul.projects span.site{display:block;font-size:11px;line-height:16px;margin:1px 0 0;}
#sidebar ul.projects span.site a{color:#999;}
#sidebar ul.projects p{margin:0 5px 0 0;}
#sidebar ul.projects a.more,#sidebar ul.news a.more{float:left;font-size:12px;background:url(img/ico-link.gif) no-repeat 0 0;line-height:17px;color:#3e8697;text-decoration:underline;margin:3px 0 0 3px;padding:0 0 0 12px;}
#sidebar ul.news{width:100%;list-style:none;margin:0;padding:5px 0 0;}
#sidebar ul.news li{background:url(img/ico-news.gif) no-repeat 4px 2px;margin:6px 0 0;padding:0 0 0 24px;}
#sidebar ul.news ul.post-date{width:100%;list-style:none;overflow:hidden;margin:0 0 0 -10px;padding:0 0 2px;}
#sidebar ul.news ul.post-date li{font-size:11px;line-height:17px;color:#999;background:url(img/bg-post-date.gif) no-repeat 0 50%;float:left;margin:0 0 0 -1px;padding:0 11px;}
#sidebar ul.news ul.post-date li a{float:left;color:#999;text-decoration:none;background:url(img/ico-link.gif) no-repeat 0 -17px;padding:0 0 0 18px;}
#sidebar ul.socialnetworking{margin-top:10px;width:100%;list-style:none;margin-left:0 !important;padding:0;}
#sidebar ul.socialnetworking li a{color:#3e8697;font-size:14px;display:block;height:48px;font-weight:bold;line-height:48px;margin-bottom:5px;margin-left:0 !important;padding:0;}
#sidebar ul.socialnetworking li.facebook a{padding-left:85px;background:url(img/facebook.gif) no-repeat 25px center;}
#sidebar ul.socialnetworking li.twitter a{padding-left:85px;background:url(img/twitter.gif) no-repeat 25px center;}
#content{float:left;width:600px;padding:0 20px 0 4px;}
#content h4{font-size:21px;color:#c1272d;font-weight:normal;line-height:31px;margin-top:1.6em;margin-bottom:0;display:block;}
#p1 .box h4{font-size:21px;color:#c1272d;font-weight:normal;line-height:31px;display:block;margin:0 0 5px !important;}
#content h2{font-size:24px;color:#c1272d;font-weight:normal;line-height:31px;margin:20px 0 0;}
#content h3{font-size:21px;color:#c1272d;font-weight:normal;line-height:26px;margin:45px 0 0;}
.sIFR-hasFlash #content h3{visibility:hidden;overflow:hidden;}
#content a{color:#316d7e;}
#content p{margin:0;padding:13px 0 0;}
#content p.left{padding-left:32px;}
#content div.boxes{width:666px;background:url(img/bg-boxes.gif) repeat-y 334px 0;overflow:hidden;margin:24px -33px 5px;}
#content div.boxes p{padding:0;}
#content div.boxes div.box{float:left;width:290px;padding:0 3px 0 33px;}
#content ul{list-style:none;overflow:hidden;margin:10px 0 0;padding:0 0 0 16px;}
#content ul li{background:url(img/bg-list.gif) no-repeat 0 14px;padding:7px 0 9px 16px;}
#content div.box ul li{background-position:0 11px;padding:4px 0 4px 16px;}
#content ul#portfolio-list{list-style:none;position:relative;float:left;width:100% !important;border:1px solid #FFFFFF;margin:0;padding:0;}
#content ul#portfolio-list li{background:transparent url(img/bg-portfolio-list.png) 0 0 repeat-y;height:151px;width:590px;float:left;display:block;position:relative;margin:0 0 15px;padding:5px;}
#content ul#portfolio-list.no-bg li{background:none;width:600px;position:relative;padding:0;}
#content ul#portfolio-list li img{width:253px;height:138px;float:left;background-color:#D6D6D6;border:1px solid #BECCCD;margin:0 15px 0 0;padding:0;}
#content ul#portfolio-list li h4{font-family:"Century Gothic", "Avant Garde", "Avant Garde Gothic", Avantgarde, Arial, Helvetica, sans-serif;font-size:17px;line-height:1.1;margin:0 0 10px;padding:6px 0 0;}
#content ul#portfolio-list li p{font:normal 12px/1.4 Arial, Helvetica, sans-serif;margin:5px 0 0;padding:0;}
#content ul#portfolio-list li a.details{background:transparent url(img/btn-project-details.gif) 0 0 no-repeat;display:block;position:relative;width:110px;height:20px;float:left;text-indent:-9999px;text-decoration:none;overflow:hidden;margin:12px 5px 0 0;padding:0;}
#content ul#portfolio-list li a.details:hover{background:transparent url(img/btn-project-details.gif) 0 -20px no-repeat;display:block;position:relative;width:110px;height:20px;text-decoration:none;overflow:hidden;}
#content ul#portfolio-list li a.visit{background:transparent url(img/btn-visit-site.gif) 0 0 no-repeat;display:block;position:relative;width:81px;height:20px;float:left;text-indent:-9999px;text-decoration:none;overflow:hidden;margin:12px 0 0;padding:0;}
#content ul#portfolio-list li a.visit:hover{background:transparent url(img/btn-visit-site.gif) 0 -20px no-repeat;display:block;position:relative;width:81px;height:20px;text-decoration:none;overflow:hidden;}
#content ul#portfolio-list .shadow{background:transparent url(img/bg-portfolio-list-shadow.png) 0 0 no-repeat;width:600px;height:11px;position:absolute;bottom:0;left:0;margin:0;padding:0;}
#content #paging a{font:normal 13px/1 Arial, Helvetica, sans-serif;color:#596464;text-decoration:underline;margin:0 2px;padding:2px 6px;}
.ditto_currentpage{background-color:#AFB63A;color:#FFFFFF;margin:0 2px;padding:2px 6px;}
#content #paging a.current{font-weight:bold;text-decoration:none;background-color:#C2C680;color:#FFF;}
#content #paging a.first{background:transparent url(img/ico-arrow-first.gif) 0 6px no-repeat;padding:2px 5px 2px 16px;}
#content #paging a.previous{background:transparent url(img/ico-arrow-prev.gif) 0 6px no-repeat;padding:2px 15px 2px 10px;}
#content #paging .next{background:transparent url(img/ico-arrow-next.gif) right 6px no-repeat;padding:2px 10px 2px 15px;}
#content #paging a.last{background:transparent url(img/ico-arrow-last.gif) right 6px no-repeat;padding:2px 16px 2px 5px;}
#content #project-details{width:600px;position:relative;margin:0 0 20px;padding:0;}
#content #project-details .image-container{margin:0;padding:0;}
#content #project-details .image-container img{width:600px;margin:0;padding:0;}
#content #project-details .image-container .image-description{background:transparent url(img/bg-project-image-description.jpg) 0 0 no-repeat;width:570px;height:35px;color:#FFF;margin:0;padding:2px 15px;}
#content #project-details .image-container .image-description a{color:#FFF;}
#content #project-details #thumb-container{width:600px;border-top:1px solid #CCC;position:relative;margin:10px 0 0;padding:17px 0 0;}
#content #project-details #thumb-container img{width:190px;height:120px;float:left;border:1px solid #BECCCD;margin:0 12px 0 0;padding:0;}
#content #project-details #thumb-container img.no-margin-right{margin-right:0;}
#footer{overflow:hidden;background:#ebeded;min-width:1034px;margin:39px 0 0;}
#footer div.footer{width:972px;overflow:hidden;margin:0 auto;padding:10px 31px 45px;}
#footer ul{overflow:hidden;float:left;width:380px;list-style:none;margin:0 0 0 -4px;padding:0;}
#footer ul li{float:left;font-size:12px;line-height:22px;background:url(img/bg-footer.gif) no-repeat 0 50%;margin-left:-1px;padding:0 8px;}
#footer a{color:#556770;}
#footer a:hover{text-decoration:none;}
#footer p{float:right;width:397px;font-size:12px;line-height:22px;text-align:right;margin:0;}
.quote{width:400px;text-align:center;margin:0 0 0 100px;}
.source{width:400px;text-align:right;float:left;margin:0 0 0 100px;}
p.crumbs{font-size:11px;text-align:left;}
#qmEditor img{display:none;}
#sidebar a.more2{float:left;font-size:12px;background:url(img/ico-link.gif) no-repeat 0 0;line-height:17px;color:#3e8697;text-decoration:underline;margin:17px 0 0 3px;padding:0 0 0 12px;}
#sidebar a.more3{float:left;font-size:12px;background:url(img/ico-link.gif) no-repeat 0 0;line-height:17px;color:#3e8697;text-decoration:underline;margin:0 0 0 3px;padding:0 0 0 12px;}
.morenews{margin-top:14px !important;}
#p25 h3{margin-bottom:-10px;margin-top:0;}
#p25 h2{margin-bottom:10px;}
#p25 hr{margin:15px 0;}
.imgright{float:right;border:1px solid #ccc;background:#fff;margin:2px 0 20px 20px;padding:2px;}
.form-big{width:570px;margin-bottom:50px;background:#f3f4f2;overflow:hidden;margin-top:1.2em;padding:20px 15px 25px;}
.form-big .form-title{width:570px;overflow:hidden;padding-bottom:10px;margin-bottom:28px;background:url(img/line.gif) repeat-x 0 100%;}
.form-big .form-title h3{float:left;margin:0 !important; width:300px}
.form-big .form-title span{float:right;color:#5e6464;font-size:1em;background:url(img/bull-red.gif) no-repeat 0 12px;padding:8px 0 0 10px;}
.form-big .row{width:453px;margin-bottom:10px;overflow:hidden;background:url(img/bull-red.gif) no-repeat 100% 0;}
.form-big .row-2{width:360px;margin-bottom:10px;overflow:hidden;background:url(img/bull-red.gif) no-repeat 100% 0;}
.form-big .row-1{width:100%;overflow:hidden;margin-bottom:10px;}
.form-big label{width:120px;float:left;text-align:right;font-size:0.9em;color:#2d332b;font-weight:bold;padding:4px 15px 0 0;}
.form-big .inp-holder{width:215px;height:28px;overflow:hidden;margin-top:3px;background:url(img/bg-inp-holder-bgr.gif) no-repeat;padding:4px 0 0 4px;}
.form-big .txt{float:left;width:195px;border:0;font-size:1em;}
.form-big select{width:204px;font-size:1em;padding:2px 0;}
.form-big .chk-holder{width:200px;overflow:hidden;}
.row-1 .chk-holder div{width:100%;overflow:hidden;}
.row-1 .chk-holder label{width:auto;font-weight:normal;float:left;padding:2px 0 0;}
.txtarea{width:292px;height:125px;overflow:hidden;background:url(img/txtarea-holder.gif) no-repeat;padding:5px 4px 0;}
.txtarea textarea{width:290px;height:120px;font-size:1em;border:0;overflow:visible;font-family:Arial, Helvetica, sans-serif;}
.form-big .submit{float:left;display:inline;margin:0 0 0 113px;}
#map_canvas{border:1px solid #ccc;clear:right;float:right;margin-bottom:20px;margin-left:20px;margin-top:10px;padding:3px;}
#p8 #map_canvas{width:325px;height:290px;}
#p24 #map_canvas{width:250px;height:340px;margin-top:20px;}
#p24 #content h4{clear:both;}
#p8 #content h3{margin-top:0 !important;padding-top:0 !important;margin-bottom:0;padding-bottom:0;width:300px;}
#p8 form img{border:1px solid #BFC2BC !important;margin-left:135px;margin-bottom:5px;margin-top:15px !important;padding:1px;}
#nbSubmit{margin-left:135px;}
#p8 .errors{color:red;margin-bottom:1em;}
#p8 .errors strong{color:#2d332b;}
.sIFR-flash{visibility:visible !important;margin:0;padding:0;outline:none;}
.sIFR-replaced,.sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{overflow:auto;letter-spacing:0;float:none;margin:0;padding:0;}
.sIFR-dummy{width:0;height:0;margin-left:42px !important;z-index:0;}
#header ul.menu li a:hover,#sidebar ul.projects a:hover,#sidebar ul.news ul.post-date li a:hover{text-decoration:underline;}
#sidebar ul.projects a,#sidebar ul.projects a.more:hover,#sidebar ul.news a:hover,#sidebar ul.socialnetworking a:hover,#content a:hover,#content #paging a:hover,#content #paging a.current:hover,#footer ul li a:hover,#sidebar a.more2:hover,#sidebar a.more3:hover{text-decoration:none;}
.rss-link { font-size: 0.9em; margin-right: 3px; color: #3E8697; margin-top: 12px }
#sidebar .rss-link { float: right }
#sidebar .rss-link img { float: left; margin-right: 2px; margin-top: 3px }
#content .rss-link { text-decoration: none; font-size: 1em; }
#content .rss-link span { text-decoration: underline; }
#content .rss-link img { display: inline; }
a.rss-link:hover { text-decoration: none !important; }