html {height: 101%}

body {background: #000; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 81.25%; }
body.home h1{color: #96bf00}

/* typekit { font-weight: 600; font-style: normal; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif;} */

h1 {color: #00a8d0; font-weight: bold; font-size: 170%; padding: 0; margin: 0 0 10px 0;}
h2 {color: #fff; font-weight: bold; font-size: 120%; padding: 0; margin: 0;}
.clear { clear: both; }
h2.sg_news { font-size: 150%; margin: 0 0 15px 0; }
h3 {color: #96bf00; font-size: 100%; margin: 0; padding: 0}
a {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none}
img {margin: 0; padding: 0; vertical-align: bottom;}
h2 img { padding: 0 0 3px 0; }
img.sg_right { float: right; margin: 0 0 10px 10px; padding: 0;}
p {font-size: 110%; color: #fff; padding: 0; margin: 0 0 10px 0}
ul, li {color: #fff;}

.main { background: #000; width: 980px; margin: 0px auto; padding: 0; }

.header {height: 124px; width: 980px; display: block; padding: 0; margin: 0; }

.content {}

#homeheading h2{font-family: "arial narrow", arial, helvetica, sans-serif !important; font-size: 290% !important; font-weight: bold !important; text-transform: uppercase}
#home .fadeslidedescdiv p{padding-top: 40px; font-family: "arial narrow", arial, helvetica, sans-serif !important; font-size: 120% !important; text-transform: uppercase}
#home .fadeslidedescdiv a{font-family: "arial narrow", arial, helvetica, sans-serif !important; font-size: 100% !important; font-weight: bold !important; text-transform: uppercase}
.content #home {position: absolute; width: 980px; height: 380px; margin: 0 0 20px 0; }
#hometext{z-index: 2000;font-family: "arial narrow", arial, helvetica, sans-serif !important; font-size: 270% !important; font-weight: bold !important; text-transform: uppercase; position: absolute; top: 0; left: 0px; height: 380px; width: 440px; padding: 20px; color: #fff}
#homeouter { width: 980px; height: 380px; overflow: hidden; position: relative; }
#homeover { width: 980px; height: 380px; overflow: hidden; position: relative; margin: 0 0 20px 0; }
.hhouter{ position: absolute; top: 20px; left: 20px; z-index: 1001; }
#homeheading { background: #96bf00; }
#homerollover { background: #96bf00; padding-top: 10px; }
#fadeslidedescdiv { position:absolute; visibility:hidden; width:440px; height:380px; left:-440px; top:0px; z-index:10000000; }
#homeouter p.quote { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 150%; }

body .logo {float: left; margin: 47px 0 0 20px; display: block; width: 313px; height: 46px; background: url(../images/logo-home.gif) no-repeat}

body.aboutus .logo {background: url(../images/logo-aboutus.gif) no-repeat}
body.services .logo {background: url(../images/logo-services.gif) no-repeat}
body.contactus .logo {background: url(../images/logo-contactus.gif) no-repeat}
body.portfolio .logo {background: url(../images/logo-portfolio.gif) no-repeat}
body.latestnews .logo {background: url(../images/logo-latestnews.gif) no-repeat}

body.aboutus h1 {color: #ff9400!important}
body.services h1 {color: #b9006f!important}
body.contactus h1 {color: #3366cc!important}
body.portfolio h1 {color: #00a7da!important}
body.latestnews h1 {color: #9b5fc0!important}
body h1 {color: #96bf00!important}

body.aboutus h2 {color: #fff !important}
body.services h2 {color: #fff !important}
body.contactus h2 {color: #fff !important}
body.portfolio h2 {color: #fff !important}
body.latestnews h2 {color: #fff !important}
body h2 {color: #fff !important}

body.aboutus h3 {color: #fff !important}
body.services h3 {color: #fff !important}
body.contactus h3 {color: #fff !important}
body.portfolio h3 {color: #fff !important}
body.latestnews h3 {color: #fff !important}
body h3 {color: #fff !important}

body.aboutus a, body.aboutus p strong, body.aboutus th{color: #ff9400}
body.services a, body.services p strong, body.services th {color: #b9006f}
body.contactus a, body.contactus p strong, body.contactus th{color: #3366cc}
body.portfolio a, body.portfolio p strong, body.portfolio th {color: #00a7da}
body.latestnews a, body.latestnews p strong, body.latestnews th {color: #9b5fc0}
body a, body p strong {color: #96bf00}


td {color: #fff; padding: 2px 5px 2px 0; margin: 0; font-size: 110%; text-align: left}
table {margin: 10px 0 5px 0; font-size: 110%}

td.cellRight input{width: 223px}
td.cellRight input, td.cellRight textarea{background: #4d4d4d; border: none; color: #fff; padding: 2px 5px;}
td.cellLeft {vertical-align: top}

.formbutton input#submit {margin-left: 87px; background: url(../images/send-button.gif) no-repeat; height: 18px; width: 54px; display: block; border: none}

body .secondarynavigation li.selected a  { color: #96bf00;}
body.aboutus .secondarynavigation li.selected a{color: #ff9400; }
body.services .secondarynavigation li.selected a{color: #b9006f; }
body.contactus .secondarynavigation li.selected a{color: #3366cc; }
body.portfolio .secondarynavigation li.selected a{color: #00a7da; }
body.latestnews .secondarynavigation li.selected a{color: #9b5fc0; }


#gobutton{display: block;float: right; width:32px; height: 18px; margin: 0 0 0 10px; padding: 0; background: url(../images/gogreen.gif) no-repeat}

body.aboutus #gobutton{background: url(../images/goorange.gif) no-repeat}
body.services #gobutton {background: url(../images/gopink.gif) no-repeat}
body.contactus #gobutton {background: url(../images/godkblue.gif) no-repeat}
body.portfolio #gobutton {background: url(../images/goblue.gif) no-repeat}
body.latestnews #gobutton {background: url(../images/gopurple.gif) no-repeat}


.content #home .hometext p{color: #fff;font-size: 140%; line-height: 110%; margin: 0}
.content #home .hometext h2{color: #fff;font-size: 220%;  }

body .title {width: 980px; height: 72px; margin: 0; display: block}
body.services .title {background: url(../images/services-title.gif) no-repeat}
body.portfolio .title {background: url(../images/portfolio-title.gif) no-repeat}
body.aboutus .title {background: url(../images/about-title.gif) no-repeat}
body.contactus .title {background: url(../images/contact-title.gif) no-repeat}
body.latestnews .title {background: url(../images/news-title.gif) no-repeat}
body.searchresults .title {background: url(../images/search-title.gif) no-repeat}
body.sitemap .title {background: url(../images/sitemap-title.gif) no-repeat}
body.privacystatement .title {background: url(../images/privacy-title.gif) no-repeat}

.content .title h1{display: none}
body.portfolio .content .right {font-weight: 600; font-style: normal; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; font-size: 110%}
body.portfolio .content .right strong{font-weight: 600; font-style: normal; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; font-size: 130%; color: #fff}
body.portfolio .content .right h2 {font-weight: 600; font-style: normal; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif;padding: 0; margin: 0; font-size: 160%}
body.portfolio .content .right ul {font-weight: 400; font-style: normal; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif;padding: 0; margin: 0 0 10px 0; font-size: 110%}
body.portfolio .content .right li {margin: 0 0 0 15px}

.buttons a {width: 118px; height: 27px; display: block; float: left; margin: 0 10px 10px 0; background-position: 0 0;}
.buttons a:hover{ background-position: 0 -27px!important;}

.buttons a#design {background: url(../images/button-design.gif) no-repeat;}
.buttons a#web {background: url(../images/button-web.gif) no-repeat;}
.buttons a#branding {background: url(../images/button-branding.gif) no-repeat;}
.buttons a#editorial {background: url(../images/button-editorial.gif) no-repeat;}
.buttons a#consultancy {background: url(../images/button-consultancy.gif) no-repeat;margin: 0 }


.pullquote {font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 100%;}
.pullquote h1, .pullquote h2{color: #00a7da; font-size: 220%; }
.pullquote strong{font-weight: 300!important; color: #00a7da!important; font-size: 160%!important; }

.content .left { display: block; width: 630px; background:  url(../images/home-left.gif) no-repeat; float: left; margin: 0 10px 0 0; padding: 20px; min-height: 76px;}
.content .centre .left2 { display: block; width: 340px; float: left; margin: 0; padding: 0;}
.content .centre .left2 h1{ color: #00a8da; line-height: 80%}
.content .servicesleft { display: block; width: 210px; background:  url(../images/snav-back.gif) no-repeat; float: left; margin: 0 10px 0 0; padding: 20px; min-height: 76px;}
.content .servicesleft2 { display: block; width: 210px; float: left; margin: 0px 10px 0 0; padding: 20px 0; min-height: 76px;}
.content .centre { width: 680px; _width: 660px; margin: 0; background: url(../images/services-right.gif) no-repeat; float: left; padding: 20px;min-height: 76px;}
.content .portfolioCentre{ width: 940px; margin: 0; background: url(../images/portfolio-back.gif) no-repeat; float: left; padding: 20px;min-height: 76px;}

.content .right{display: block; width: 260px; margin: 0; background: url(../images/home-right.gif) no-repeat; float: left; padding: 20px; min-height: 76px; }
.content .centre .right2{display: block; width: 260px; margin: 0; float: right; padding: 0 0 0 20px;}

.content .an { margin-bottom: 10px; border-bottom: 1px solid #ccc; }

.news {margin: 0; padding: 0;}
.news p { font-size: 85%; }
.news .border {background: url(../images/home-right-border.gif) no-repeat; display: block; height: 3px; width: 260px; margin: 5px 0; padding: 0}

.breadcrumb {font-size: 80%; padding: 0; margin: 3px 0 3px 20px;}
.breadcrumb p {color: #818181; margin: 0; padding: 0;}
.breadcrumb a {color: #96bf00; margin: 0; padding: 0;}

.navigation {width: 640px; font-weight: 600; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", impact, sans-serif; float: right; padding: 0;}
.navigation ul { clear: left; float: right; list-style: none; margin: 62px 14px 0 0; _margin: 62px 7px 0 0; padding: 0;  text-align: center; }
.navigation ul li:first-child {border: none;}
.navigation ul li { border-left: 2px solid #ffffff; font-size: 170%; display: block; margin: 0; padding: 0; float: left; list-style: none; line-height: 80%;}
.navigation ul li#navhome  { border: none; display: block; margin: 0; padding: 0; float: left; list-style: none;}
.navigation ul li.selected#navhome a{ color: #96bf00}
.navigation ul li.selected#navservices a{ color: #b9006f;}
.navigation ul li.selected#navportfolio a{ color: #00a8da;}
.navigation ul li.selected#navaboutus a{ color: #ff9400;}
.navigation ul li.selected#navcontactus a{ color: #3366cc;}
.navigation ul li.selected#navlatestnews a{ color: #9b5fc0;}
.navigation ul li a { display: block; margin: 0 6px 0 6px; padding: 0; color:#fff; text-decoration: none; text-transform: uppercase}
.navigation ul li a:hover { text-decoration: underline}

.secondarynavigation { padding: 0px; margin: 0px 0 0 0px; }
.secondarynavigation ul {list-style-type: none; margin: 0px; padding: 0px; }
.secondarynavigation li { display: block; padding: 0px; margin: 0px;font-size:90% }
.secondarynavigation li.selected {font-weight: bold;}
.secondarynavigation li.selected ul { padding: 0 0 10px 0; }
.secondarynavigation li.selected li {font-weight: normal; padding: 0 0 0 10px; font-size: 85%; }
.secondarynavigation li.selected li a{font-weight: normal; }
.secondarynavigation li.selected li.selected {font-weight: bold;}
.secondarynavigation li.selected li.selected a {font-weight: bold;}
.secondarynavigation li.selected a{}
.secondarynavigation li a {font-size: 125%; font-weight: bold; color: #fff; }
.secondarynavigation a:hover {text-decoration: underline}

.portfolioThumb {float: left; width: 227px;margin: 0 4px 5px 4px; height:201px; display: block; background: url(../images/portfolio-thumb-back.png) no-repeat}
.portfolioThumb .inner{position: relative; margin: 5px; width: 217px; height: 191px;}
.portfolioThumb .inner .overlay {display: none; position: absolute; left: 0; top: 0;padding: 10px; font-weight: 600; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", impact, sans-serif; width: 197px; height: 171px; margin: 0;  text-transform: uppercase}
.portfolioThumb .inner .innerOverlay {position: absolute; top: 0; left: 0; display: none; background: url(../images/portfolio-overlay.png) no-repeat; width: 217px; height: 191px;}
.portfolioThumb .inner .overlay h2{color: #00a8da; font-size: 180%; line-height: 100%; margin: 0 0 5px 0}
.portfolioThumb .inner .overlay p{color: #fff; font-size: 120%; padding: 0; margin: 0 0 5px 0}
.portfolioThumb .inner .overlay a{color: #00a8da; font-size: 130%}

.inner:hover .overlay {display:block}
.inner:hover .innerOverlay {display:block}

.cs-button-coin-slider-2 { color: #000; }

.searchbox { width: 260px; float: right;margin: 0 0 18px 0; }
.searchbox p { padding: 0; margin: 0; }
.searchbox .search{ margin: 0px; padding: 0;float: left;width: 260px; }
.searchbox .searchtext{float: left;border: none; color: #fff; background: url(../images/searchbox.gif) no-repeat;font-size: 80%; width: 216px; margin: 0; padding: 1px 0 2px 2px; padding: 2px 0 0 2px; height: 16px}
.searchbox label{display: none}
.searchbox  input{float: right; width:32px; height: 18px; margin: 0 0 0 8px; padding: 0}

.searchresult span { background: #96bf00; color: #000; }

.footer {position: relative; width: 980px; height: 45px; margin: 0px auto; }
.footer img{float: left; padding: 0; margin: 0;}
.footer .footerleft{float: left; margin: 0 0 0 15px; }
.footer .footerleft img { margin: 5px; float: left; }
.footer .footerleft img.linkedin { margin-top: 6px; }
.footer .footerleft p{margin: 0px;float: left; }
.footer .footerright{float: right;}
.footer p {font-size: 85%; margin: 12px 20px; padding: 0; color: #b5b5b5; }
.footer a{ margin: 0px; padding: 0px; color: #b5b5b5!important}
.footerouter {width: 960px; margin: 20px auto}
.footerouter a{color: #818181}
.footerouter ul{list-style-type: none; margin: 0; padding: 0;}
.footerouter li {font-size:90%; font-weight: bold;color: #818181; width: 80px; float: left;}
.footerouter li ul {margin: 0; padding: 0;}
.footerouter li ul li{font-size: 80%; color: #818181;display: block; padding: 0; margin: 0;}
.footerbubble {position: absolute; top: -136px; left: 20px; width: 173px; height: 116px; display: block}