@charset "UTF-8";
/* CSS Document */

body {margin: 0px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #626262; line-height: 18px; background: url(../images/bg2.jpg) #EDEDEC;}
img{border: 0px;}
strong{color: #2c2c2c;}
a{color: #326fad; text-decoration: none;}
a:hover{color: #326fad; text-decoration: underline;}
p{margin: 10px 0px; padding: 0px;}
img{border: 0px;}

h1{margin: 10px 0px 15px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
h2{margin: 10px 0px 15px 0px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #444;}
#slider{width: 820px; margin: 0 auto; position: relative;}

#header{width:900px; margin: 0px auto; height: 50px;}
#flash{margin: 0px auto; width: 900px;}
#footer{width:890px; font-size: 10px; color: #8d8d8d; margin: 0px auto;}
#footer a{padding: 0px 0px 5px 0px;}
.footer-left{float: left;}
.footer-right{float: right;}

.content-container{width: 900px; margin: 0 auto; background: url(../images/content-bottom.jpg) bottom left no-repeat #ffffff; padding: 0px 0px 18px 0px; margin-bottom:15px;}
.content-breadcrumbs{width: 900px; margin: 0 auto; background: url(../images/content-bottom.jpg) bottom left no-repeat #ffffff; color: #999999; padding: 0px 0px 16px 0px;}
.content-top{width: 900px; height: 12px; background: url(../images/content-top.jpg) no-repeat; overflow: hidden;}
.content{margin: 10px 25px; width: 850px;}
.content-large-left{margin: 0px 0px 0px 25px; width: 480px; float: left;}
.content-large-right{margin: 0px 25px 0px 0px; width: 319px; float: right;}
.content-large-right2{margin: 0px 25px 0px 0px; width: 319px; float: right; text-align: right;}
.content-area{margin: 0px 25px;}
#flash-content-home{width: 900px; height: 252px; background: url(/images/home.jpg) no-repeat;}

.scroll {width: 814px; overflow: auto; position: relative; clear: left; background: #FFFFFF; margin: 0px 3px;}
.scrollContainer div.panel {width: 814px;}
.scrollButtons{position: absolute; top: 0px; cursor: pointer;}
.scrollButtons:hover{border-top: 1px #ffffff solid;}
.scrollButtons.left {left: -40px;}
.scrollButtons.right {right: -40px;}
.panel-three1{float: left; width: 255px; margin: 15px 20px 0px 0px;}
.panel-three2{float: left; width: 237px; margin: 15px 0px 0px 0px;}
.panel-three3{float: right; width: 280px; margin: 15px 0px 0px 0px;}

.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
.hide {display: none;}
.line{height: 1px; width: 100%; overflow: hidden;background: #e4e4e4; margin: 5px 0px 10px 0px;}
.left{float: left;}
.left2{float: left; margin: 0px 20px 0px 0px;}
.right{float: right;}
.column-left{float: left; width: 400px;}
.column-right{float: right; width: 400px;}

.thumbnail{margin: 0px;}
.thumbnails{margin: 0px; padding: 0px;}
.thumbnails ul{display: inline; list-style: none; margin: 0px; padding: 0px;}
.thumbnails li{display: inline; list-style: none; margin: 2px; padding: 0px; float: left;}

#portfolio-prev{float: left; height: 163px; width: 40px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/scroll-left.jpg) top left no-repeat;}
#portfolio-prev:hover{background-position: bottom left;}	

/* Nav */

#navigation{width: 880px; height: 75px; margin: 0px auto; padding : 0px 0px 10px 21px; background: url(../images/nav.jpg) no-repeat;}
#nav-home{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-home.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-home:hover{background-position: bottom left;}
#nav-home-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-home.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#nav-services{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-services.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-services:hover{background-position: bottom left;}
#nav-services-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-services.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#nav-portfolio{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-portfolio.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-portfolio:hover{background-position: bottom left;}
#nav-portfolio-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-portfolio.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#nav-journal{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-journal.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-journal:hover{background-position: bottom left;}
#nav-journal-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-journal.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#nav-about{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-about.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-about:hover{background-position: bottom left;}
#nav-about-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-about.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#nav-contact{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-contact.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
#nav-contact:hover{background-position: bottom left;}
#nav-contact-off{float:left; height: 51px; width: 122px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/nav-contact.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
#subnav{float: right; height: 33px; padding: 17px 22px 0px 0px; font-weight: bold;}
.subnav{float: left; height: 26px; width: 117px; display: block; overflow: hidden; color: #333333; padding: 7px 0px 0px 0px; text-align: center; background: url(../images/subnav.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.subnav:hover{background-position: bottom left; text-decoration: none; color: #FFFFFF;}	
.subnav-on{float: left; height: 26px; width: 117px; display: block; overflow: hidden; color: #FFFFFF; padding: 7px 0px 0px 0px; text-align: center; background: url(../images/subnav.jpg) bottom left no-repeat; margin: 0px 1px 0px 0px;}
.subnav-on:hover{background-position: bottom left; text-decoration: none; color: #FFFFFF;}	

/* Web Buttons */

.logo-vemotion{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-vemotion.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-vemotion:hover{background-position: bottom left;}
.logo-ivr{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-ivr.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-ivr:hover{background-position: bottom left;}
.logo-fp{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-fp.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-fp:hover{background-position: bottom left;}
.logo-jhp{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-jhp.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-jhp:hover{background-position: bottom left;}
.logo-revetment{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-revetment.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-revetment:hover{background-position: bottom left;}
.logo-pmna{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-pmna.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-pmna:hover{background-position: bottom left;}
.logo-fw{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-fw.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-fw:hover{background-position: bottom left;}
.logo-it{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-it.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-it:hover{background-position: bottom left;}
.logo-cc{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-cc.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-cc:hover{background-position: bottom left;}
.logo-as{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-as.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-as:hover{background-position: bottom left;}
.logo-hc{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-hc2.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-hc:hover{background-position: bottom left;}
.logo-as:hover{background-position: bottom left;}
.logo-cf{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-cf.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-cf:hover{background-position: bottom left;}
.logo-wsl{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-logo-thumb-wsl.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.logo-wsl:hover{background-position: bottom left;}


.graphic-teleware{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-teleware.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-teleware:hover{background-position: bottom left;}
.graphic-evening{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-evening.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-evening:hover{background-position: bottom left;}
.graphic-tto{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-tto.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-tto:hover{background-position: bottom left;}
.graphic-qeeps{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-qeeps.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-qeeps:hover{background-position: bottom left;}
.graphic-samsung{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-samsung.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-samsung:hover{background-position: bottom left;}
.graphic-particle{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-particle.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-particle:hover{background-position: bottom left;}
.graphic-lighthouse{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-lighthouse.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-lighthouse:hover{background-position: bottom left;}
.graphic-planet{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-graphic-thumb-planet.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.graphic-planet:hover{background-position: bottom left;}

.web-3rddc{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-3rddc.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-3rddc:hover{background-position: bottom left;}
.web-eastside{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-eastside.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-eastside:hover{background-position: bottom left;}
.web-cf{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-cf.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-cf:hover{background-position: bottom left;}
.web-consultancy{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-consultancy.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-consultancy:hover{background-position: bottom left;}
.web-dekerf{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-dekerf.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-dekerf:hover{background-position: bottom left;}
.web-ivr{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-ivr.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-ivr:hover{background-position: bottom left;}
.web-pmnafrica{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-pmnafrica.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-pmnafrica:hover{background-position: bottom left;}
.web-pmo{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-pmo.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-pmo:hover{background-position: bottom left;}
.web-qeeps{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-qeeps.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-qeeps:hover{background-position: bottom left;}	
.web-samsung{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-samsung.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-samsung:hover{background-position: bottom left;}	
.web-sirran{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-sirran.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-sirran:hover{background-position: bottom left;}
.web-teleware{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-teleware.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-teleware:hover{background-position: bottom left;}	
.web-ui{height: 63px; width: 63px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/portfolio-web-thumb-ui.jpg) top left no-repeat; margin: 0px 1px 0px 0px;}
.web-ui:hover{background-position: bottom left;}	
.btn-screenshot{float:left; height: 33px; width: 136px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/btn-screenshot.jpg) top left no-repeat; margin: 6px 2px 0px 0px;}
.btn-screenshot:hover{background-position: bottom left;}
.btn-website{float:left; height: 33px; width: 136px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/btn-website.jpg) top left no-repeat; margin: 6px 0px 0px 0px;}
.btn-website:hover{background-position: bottom left;}
.btn-fullsize{float:left; height: 33px; width: 136px; display: block; overflow: hidden; text-indent: 10000px; background: url(../images/btn-fullsize.jpg) top left no-repeat; margin: 6px 0px 0px 0px;}
.btn-fullsize:hover{background-position: bottom left;}

/* Home */

.home-left{width: 450px; float: left; padding: 15px 0px 0px 0px;}
.home-right{width: 350px; float: right; padding: 15px 0px 0px 0px;}
.home-testimonials{width: 210px; float: left;}
.home-quote{background-image:url(../images/quote.jpg); padding: 0px 22px; width: 166px; background-repeat: no-repeat;}
.home-contact{width: 210px; float: right;}

#home-journal{height: 51px; width: 220px; display: block; float: left; text-indent: -10000px; background:url(/images/home-journal.jpg); background-position: top left;}
#home-journal:hover{height: 51px; width: 220px; display: block; padding: 0px; background-position: bottom left;}
#home-twitter{height: 51px; width: 220px; display: block; float: right; text-indent: -10000px; background:url(/images/home-twitter.jpg); background-position: top left;}
#home-twitter:hover{height: 51px; width: 220px; display: block; padding: 0px; background-position: bottom left;}

ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; width: 350px;}
ul#menu a {text-decoration: none;}
ul#menu li {margin: 0px; list-style-type:none;}
.menu-content{display: block; background-image: url(../images/accordion-bg.jpg); color: #1f5e88; padding: 10px 20px; width: 310px; height: 20px; font-weight: bold; font-size: 12px;}

/* Client List */

.dotted{height: 1px; overflow: hidden; background-image:url(../images/dotted.jpg); width: 100%; margin: 20px 0px 20px 0px;}
.key{margin: 20px 0px 0px 0px; height: 104px;}
.client-list-bg{background-image: url(../images/client-list-bg.jpg); width: 240px; height: 26px; padding: 6px 10px 0px 10px; margin: 0px 0px 6px 0px;}
.grey{color: #c9c9c9; margin: 0px 5px;}
.client-list-bg a{color: #333333;}
.three{width: 260px; margin: 0px 0px 0px 0px; float: left;}
.three td{color: #666666;}
.three strong{color: #333333;}
.three2{width: 260px; margin: 0px 0px 0px 30px; float: left;}
.three2 td{color: #666666;}
.three2 strong{color: #333333;}
.three3{width: 260px; margin: 0px 0px 0px 0px; float: right;}
.three3 td{color: #666666;}
.three3 strong{color: #333333;}

/* Contact */

.contactform input {width: 188px; padding: 8px; height: 17px; margin: 5px 5px 1px 0; background-image: url(../images/wordpress-comments-textbox.jpg); border: 0px;}
.contactform {margin: 5px 10px 0 0;}
.contactform textarea {margin: 5px 0px 10px 0px; width: 200px; background-repeat: no-repeat; background-image: url(../images/contact-textarea.jpg); overflow: hidden; padding: 10px; width: 363px; height: 134px; border: 0px;}
.contactform #submit {background-image: url(../images/contact-button.jpg); margin: 0px 12px 5px 0px; height: 38px; border: 0px; width: 182px; color: #ffffff;}
.contactform #reset {background-image: url(../images/contact-button.jpg); margin: 0px 0px 5px 0px; height: 38px; border: 0px; width: 182px; color: #ffffff;}


/*JOURNAL*/

.journal-recententries {width: 200px; float: left; text-align: left; margin: 0px 5px; padding: 0px;}
.journal-recententries p{margin: 8px;}
.journal-recententries h1{font-size: 12px; text-align: left; color: #333333; font-weight: bold; margin: 0px; padding: 6px 10px 0px 10px; background-image:url(/images/four-bg.jpg); width: 180px; height: 27px;}
.journal-recententries h1 a{color: #333333;}
.journal-recententries h1 a:hover{color: #333333;}
.journal-date{color: #999999;}
.journal-post{float: left; width: 400px;}
.journal-post h1{margin:0px 0px 10px 0px; padding: 0px; font-weight: normal; color: #343434; font-size: 28px;}
.journal-post h1 a{color: #343434;}
.journal-archives{float: right; width: 200px;}
.journal-categories{float: right; width: 200px;}
.journal-downloads{margin: 0px 0px 0px 10px; width:400px; text-align: center; background-image: url(/images/journal-download-bg.jpg); width: 528px; height: 30px; padding: 8px 0px 0px 8px;}
.journal-social{float: left; text-align: left; margin: 0px 30px 0px 0px;}
.journal-social a{text-decoration: none;}
.journal-social a:hover{text-decoration: none; color: #333333;}


#footer-left{float: left; margin: 3px 0px 5px 10px; width: 300px; font-size: 10px; color: #999999;}
#footer-left a{color: #999999;}
#footer-left a:hover{color: #999999;}
#footer-right{float: right; margin: 3px 10px 5px 0px; width: 300px; text-align:right; font-size: 10px; color: #999999;}
#footer-right a{color: #999999;}
#footer-right a:hover{color: #999999;}

.portfolio-small{width: 850px; height: 170px; background-image: url(../images/portfolio-left-small.jpg); background-repeat: no-repeat; background-color: #f8f8f8;}
.portfolio-header{width: 297px; height: 35px; padding: 25px 0px 0px 20px;}
.portfolio-small-text{padding: 10px 0px 0px 20px; width: 300px; color: #8b8b8b; line-height: 19px;}
.portfolio-links-left{width: 250px; color: #011574; height: 15px; background-image:url(../images/portfolio-links.jpg); background-repeat: no-repeat; padding: 0px 0px 0px 20px; margin: 30px 0px 0px 20px; line-height: 16px;}

.quote2{color: #444444;}
.right{float: right; display: block;}
.key{margin: 20px 0px 0px 0px; height: 104px;}
.client-list-bg{background-image: url(../images/client-list-bg.jpg); width: 240px; height: 26px; padding: 6px 10px 0px 10px; margin: 0px 0px 6px 0px;}
.grey{color: #c9c9c9; margin: 0px 5px;}
.client-list-bg a{color: #333333;}
.three{width: 260px; margin: 0px 0px 0px 0px; float: left;}
.three td{color: #666666;}
.three strong{color: #333333;}
.three2{width: 260px; margin: 0px 0px 0px 30px; float: left;}
.three2 td{color: #666666;}
.three2 strong{color: #333333;}
.three3{width: 260px; margin: 0px 0px 0px 0px; float: right;}
.three3 td{color: #666666;}
.three3 strong{color: #333333;}
.content-seperator{background-image:url(../images/content-seperator.jpg); height: 36px; width: 900px;}
.content-left{width: 540px; float: left; background-color: #ffffff; padding: 0px 25px 15px 25px; background-image: url(../images/content-left-bottom.jpg); background-position: bottom; background-repeat: no-repeat;}
.content-right{width: 270px; float: right; background-color: #ffffff; margin: 0px 0px 0px 10px; padding: 0px 14px 21px 16px; background-image: url(../images/content-right-bottom.jpg); background-position: bottom; background-repeat: no-repeat;}
.clear{clear: both; font-size: 0px; width: 0px; line-height: 0px; height: 0px; display: block; overflow: hidden;}
.image-seperator{width: 100%; height: 10px;}
.dotted{height: 1px; overflow: hidden; background-image:url(../images/dotted.jpg); width: 100%; margin: 20px 0px 20px 0px;}
.column-left{float: left; width: 400px;}
.column-right{float: right; width: 400px;}
.nolink a{color: #767676;}
.codecolor{color: #009999;}
.header-padding{padding: 10px 0px;}