﻿/* Goboal Styles */
* { margin: 0 0 0 0; padding: 0 0 0 0; }
div.container { width: 960px; margin: 0 auto 0 auto; }

img { border: none; }
a:active {outline:none;}
a:visited {outline:none;}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; color: #666666; margin-bottom: 10px; text-align: justify; }
h1 { font-family: Century Gothic, Helvetica, Verdana, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #555555; margin-bottom: 10px; }
h2 { font-family: Century Gothic, Helvetica, Verdana, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #000000; margin-bottom: 10px; }

a { color: Black; text-decoration: none; }
a:hover { color: #660066; text-decoration: underline; }
a.selected { font-weight: bold; color: #660066; }

/* Primary Nav */
div.primary { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #bbbbbb; height: 90px; }
div.primary ul { list-style: none; float: right; padding-top: 66px; }
div.primary ul li { height: 14px; float: left; margin-right: 12px; padding-right: 12px; border-right: 1px solid #bbbbbb; }
div.primary ul li.borderend { border-right: none; padding-right: 0px; margin-right: 0px; }
div.primary img { float: left; }

/* Main Carousel */
div.carouselcontainer { height: 300px; }
div.carouselcontainer img { margin-top: 10px; margin-bottom: 10px; }
div.carouselnavbox { width: 960px; height: 20px; border: 1px solid #bbbbbb; text-align: center; margin-bottom: 20px; }

/* Top News Carousel */
div.newscarouselcontainer { height: 180px; }
div.newsbackground { background-color: #eeeeee; width: 312px; min-height: 160px; margin-top: 10px; margin-bottom: 10px; margin-right: 8px; float: left; }

div.newsbackgroundimage { width: 140px; height: 140px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; float: left; }
div.newsbackroundcopy { float: right; width: 145px; margin-top: 10px; }
div.newsbackroundcopy p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #663366; text-align: left; margin-top: 0px; margin-bottom: 5px; margin-right: 5px; }
div.newsbackroundcopy p.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: Gray; }
div.newscarouselnavbox { width: 960px; height: 20px; border: 1px solid #bbbbbb; text-align: center; margin-bottom: 20px; }

div.newsbackgroundnomarginright { background-color: #eeeeee; width: 314px; min-height: 160px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; float: left; }

/* 2 column home */
div.colcontainerhome { margin-top: 10px; }
div.collefthand { float: left; border-right: 1px solid #bbbbbb; width: 680px; margin-bottom: 20px; min-height: 350px; }
div.collefthand p { width: 640px; }
div.colrighthand { float: right; width: 260px; }
div.casestudy ul { list-style: none; }
div.casestudy li { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; }

/* newsteaserinclude */
div.newscontainer { height: 165px; background-color: #eeeeee; margin-bottom: 20px; }
div.newscontainer img { float: left; margin-right: 10px; }
div.newscontainer ul { list-style: none; padding-top: 10px; padding-left: 10px; padding-right: 10px; }
div.newscontainer li { border-bottom: 1px solid #cccccc; color: #666666; display: block; clear: left; padding-bottom: 10px; margin-bottom: 10px; height: 57px; }
div.newscontainer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #663366; text-align: left; }

/* Footer */
div.footer { clear: both; display: block; height: 20px; padding-top: 10px; border-top: 1px solid #bbbbbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }
div.footerfloatleft { float: left; }
div.footerfloatright { float: right; }

/* 2 column general */
div.colgenerallefthand { float: left; width: 280px; }
div.colgenerallefthand ul { list-style: none; }
div.colgenerallefthand li { list-style: none; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 20px; }
div.colgeneralrighthand { float: right; width: 640px; padding-left: 20px; border-left: 1px solid #bbbbbb; margin-bottom: 20px; }
div.colgeneralrighthand ul { margin-bottom: 10px; }
div.colgeneralrighthand li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; color: #666666; margin-left: 15px; }
div.colgeneralrighthand h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; margin-top: 15px; }

/* portfolio */
div.portfolioimagecontainer { margin-bottom: 20px; width: 640px; height: 320px; }
div.portfolioimagecontainer ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
div.portfolioimagecontainer li { list-style: none; margin: 0 0 0 0; padding: 0 3px 3px 0; float: left; line-height: 0; height: 157px; }

/* portfolio nav */
div.portfolionav { float: left; width: 280px; border-bottom: solid; border-bottom-color: #bbbbbb; border-bottom-width: 1px; padding-bottom: 10px; }
div.portfolionav ul { list-style: none; }
div.portfolionav li { list-style: none; font-family: Century Gothic, Helvetica, Verdana, Arial, sans-serif; font-size: 11px; line-height: 19px; color: #666666; }
div.portfolionav h4 { font-family: Century Gothic, Helvetica, Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: black; margin-bottom: 3px; }
div.portfolionav h4.spacebefore { margin-top: 10px; }
div.portfolionav p { margin-top: 10px; font-family: Century Gothic, Helvetica, Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #666666; text-align: left; }

/* Contact */
div.colcontainercontact { margin-top: 10px; }
div.colcontainercontact p { margin-top: 0px; line-height: 15px; }

div.contactlefthand { float: left; width: 300px; margin-bottom: 50px; }
div.contactrighthand { float: left; }
div.contactfarrighthand { float: right; }

div.vcard { margin-top: 0; color: #333333; font-family: Verdana; font-size: 11px; line-height: 13px; }

/* 2 column news */
div.colcontainernews { margin-top: 10px; }
div.collefthandnews { float: left; width: 640px; margin-bottom: 20px; min-height: 350px; border-right: 1px solid #bbbbbb; padding-right: 20px; }
div.colrighthandnews { float: right; width: 280px; }

/* gallery CSS */
div.prettyGallery { display: inline-block; }
div.prettyGallery ul.prettyGallery { list-style: none; float: left; margin: 10px 0 5px 0; visibility: visible; left: 0; }
div.prettyGallery ul.newsgallery { list-style: none; float: left; margin: 0 0 10px 0; visibility: visible; left: 0; }
div.prettyGallery ul.prettyGallery li { display: block; float: left; margin-right: 5px; }

ul.prettyNavigation {float: left; clear: left; list-style:none;border:1px #bdc2c4 solid;height: 17px;padding-bottom:8px;padding-top:6px;}
ul.prettyNavigation li  {display: block; float: left; width: auto; height: 18px; line-height: 15px; font-size: 0.8em; font-family: Verdana; text-align: center; text-transform: uppercase; color: #696969; margin: 1px 0 1px 0; padding: 0; }
ul.prettyNavigation li.prev {width:75px; margin-left:370px; }
ul.prettyNavigation li.prev a { display: block; width: 100%; height: 18px; text-indent: -10000px; background: url(../images/prettyGallery/previoustext.gif) top center no-repeat;outline:none;}
ul.prettyNavigation li.next {width:75px;}
ul.prettyNavigation li.next a { display: block; width: 100%; height: 18px; text-indent: -10000px; background: url(../images/prettyGallery/nexttext.gif) top center no-repeat;outline:none;}

/*ul.prettyNavigation li.next a:hover { background-position:0 -18px; }
ul.prettyNavigation li.prev a:hover { background-position: 0 -18px; }*/

ul.prettyNavigation li.next a.disabled, ul.prettyNavigation li.next a.disabled:hover { background-position: 0 -36px; cursor: default; }
ul.prettyNavigation li.prev a.disabled, ul.prettyNavigation li.prev a.disabled:hover { background-position: 0 -36px; cursor: default; }

.gallery * { margin: 0; padding: 0; border: 0; }
.gallery li { float: left; }
.newsgallery * { margin: 0; padding: 0; border: 0; }
.newsgallery li { height: 170px; list-style: none; width: 320px; }

li span { width: 15px; height: 17px; background-position: bottom center; background-image: url(/images/dot-on.gif); display: block; text-indent: -10000px; padding-top: 1px; }
li span.active { background-image: url(/images/dot-off.gif); }

/* Gallery load issues */
.gallery { position: relative; visibility: hidden; left: -5000px; }
.newsgallery { position: relative; visibility: hidden; left: -5000px; }