/* Reset Styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
html {height:100%}
body {min-height:101%;line-height:1;color:black;background:white;font:62.5%/1.4 Georgia}
:focus {outline:0}
ol,ul {list-style:none}
table {border-collapse:separate;border-spacing:0/* tables still need 'cellspacing="0" */}
caption,th,td {text-align:left; font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}
p {padding:0.5em 0}
a:link, a:visited {color:#8cc63f}



/*  global settings  */
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15, .span16 {float:left; position:relative; display:inline; overflow:hidden}
.span1 {width:44px}
.span2 {width:108px}
.span3 {width:150px}
.span4 {width:236px}
.span5 {width:300px}
.span6 {width:364px}
.span7 {width:428px}
.span8 {/*width:492px*/}
.span9 {width:556px}
.span10 {width:620px}
.span11 {}
.span12 {width:748px}
.span13 {width:812px}
.span14 {width:876px}
.span15 {width:940px} 
.span16{width:140px}
.spaceR {margin-right:20px}

.alignL {text-align:left;}
.alignR {text-align:right;}
.floatL {float:left;}
.floatR {float:right}
.marginL {margin-left:20px}

.border {background:url(images/dot.png) top repeat-x; padding-top:20px}
.pdf {padding-right:21px; background:url(images/pdf.jpg) no-repeat right center; font-weight:700; color:#8cc63f}

/*  typography  */


@font-face {
	font-family: 'CodeBoldRegular';
	src: url('fonts/code_bold-webfont.eot');
	src: local('☺'), url('fonts/code_bold-webfont.woff') format('woff'), url('fonts/code_bold-webfont.ttf') format('truetype'), url('fonts/code_bold-webfont.svg#webfontT1Hnhsbe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CodeLightRegular';
	src: url('fonts/code_light-webfont.eot');
	src: local('☺'), url('fonts/code_light-webfont.woff') format('woff'), url('fonts/code_light-webfont.ttf') format('truetype'), url('fonts/code_light-webfont.svg#webfontBEEhZS1Q') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url('fonts/centurgb-webfont.eot');
	src: local('☺'), url('fonts/centurgb-webfont.woff') format('woff'), url('fonts/centurgb-webfont.ttf') format('truetype'), url('fonts/centurgb-webfont.svg#webfontgkhSlKDM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('fonts/centuryg-webfont.eot');
	src: local('☺'), url('fonts/centuryg-webfont.woff') format('woff'), url('fonts/centuryg-webfont.ttf') format('truetype'), url('fonts/centuryg-webfont.svg#webfontrmr2sGyn') format('svg');
	font-weight: normal;
	font-style: normal;
}



.CodeBold {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CodeBoldRegular', sans-serif;
			font-size-adjust: 0.7;
			letter-spacing:1px;
		}
.CodeLight {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CodeLightRegular', sans-serif;
			font-size-adjust: 0.7;
			letter-spacing:1px;
		}
.CenturyGothicBold {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CenturyGothicBold', sans-serif;
			font-size-adjust: 0.53;
		}
.CenturyGothic {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'CenturyGothicRegular', sans-serif;
			font-size-adjust: 0.53;
		}




h2 {font-family: 'CenturyGothicRegular', sans-serif; font-size: 16px; color:#8CC63F; font-weight:normal}
h2.lowerCase {text-transform:none; margin-bottom:10px}
h4 {font-size: 13px;color:#fff}

/*  general layout  */
body {background:#3a3638}
#wrap {width:100%;margin:0 auto;font-size:1.2em;overflow:hidden}

.module {/*border-top: 1px dotted #383838;*/ margin:20px 0 25px 0; padding-top:20px; overflow:hidden}
.module p a {background: url(images/arrowOrange.png) no-repeat right; display:block; width:90px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}
.module p a:hover {background: url(images/arrowOrange.png) no-repeat right; color:#8CC63F}
.module02  {margin-bottom: 25px; position:relative}
.module02.home {padding-bottom:20px}
.module02.home.border{padding-top:50px; padding-bottom:0}
.module02.home p {width:300px; margin-bottom:10px}
.module02.home p a {background: url(images/arrowOrange.png) no-repeat right; display:block; width:90px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}
.module02.home p a:hover {background: url(images/arrowOrange.png) no-repeat right; color:#8CC63F}
.module02.footerModule {margin-bottom:0}
.module03 { float:left; margin-right:20px; margin-top:20px; width:220px; position:relative; overflow:hidden}
.module04  {margin-bottom: 10px; margin-top:20px; position:relative}
.module04 {padding-bottom:20px}
.module04 p {width:300px; margin-bottom:10px}
.module04 p a {background: url(images/arrowOrange.png) no-repeat right; display:block; width:90px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}
.module04 p a:hover {background: url(images/arrowOrange.png) no-repeat right; color:#8CC63F}
.leftColumn .module04 {margin-top:40px}

/*  940px wide  */
/* masthead  */
.mastheadWrap {background:#ddd url(images/pageGrad.png) center top repeat-x;}
.masthead {height:63px;width:940px;margin:0 auto;}
.masthead img {display:block;float:left;margin-top:10px}
.masthead ul {display:block;float:right;padding-top:28px}
.masthead li {display:inline}
.masthead li a {display:block;float:left;text-indent:-9000px;padding:0 7px;height:20px;background:url(images/navLinks.png) no-repeat}

.masthead li.services a:hover, .masthead li.services a.active, .masthead li.about a:hover, .masthead li.about a.active, .masthead li.work a:hover, .masthead li.work a.active, .masthead li.thinking a:hover, .masthead li.thinking a.active, .masthead li.news a:hover, .masthead li.news a.active, .masthead li.contact a:hover, .masthead li.contact a.active, .masthead li.careers a:hover, .masthead li.careers a.active, .masthead li.blog a:hover, .masthead li.blog a.active {height:34px}

.masthead li.services a {width:70px;background-position:0 0; margin-right:15px}
.masthead li.about a {width:80px;background-position:-110px 0px; margin-right:10px}
.masthead li.work a {width:50px;background-position:-230px 0px; margin-right:15px}
.masthead li.thinking a {width:70px;background-position:-290px 0px;  margin-right:15px}
.masthead li.contact a  {width:100px;background-position:-515px 0px; margin-right:15px}
.masthead li.careers a {width:80px;background-position:-665px 0px;  margin-right:15px}
.masthead li.blog a {width:70px;background-position:-797px 0px;}

.masthead li.services a:hover {background-position:0 -35px;; margin-right:15px}
.masthead li.about a:hover {background-position:-110px -35px;; margin-right:10px}
.masthead li.work a:hover {background-position:-230px -35px;; margin-right:15px}
.masthead li.thinking a:hover {background-position:-290px -35px;;  margin-right:15px}
.masthead li.contact a:hover  {background-position:-515px -35px;; margin-right:15px}
.masthead li.careers a:hover {background-position:-665px -35px;;  margin-right:15px}
.masthead li.blog a:hover {background-position:-797px -35px;}

.masthead li.services a.active {background-position:0 -35px;; margin-right:15px}
.masthead li.about a.active {background-position:-110px -35px;; margin-right:10px}
.masthead li.work a.active {background-position:-230px -35px;; margin-right:15px}
.masthead li.thinking a.active {background-position:-290px -35px;;  margin-right:15px}
.masthead li.contact a.active  {background-position:-515px -35px;; margin-right:15px}
.masthead li.careers a.active {background-position:-665px -35px;;  margin-right:15px}
.masthead li.blog a.active {background-position:-797px -35px;}



.masthead li a {color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold}
.masthead li a:hover {color:#82b53c}

/* headers  */
.homeheadWrap {background: url(images/heroWrap.jpg) repeat-x}
.homehead {height:300px;  border-bottom:1px solid #ccc; background: url(images/hero.png) top center no-repeat}
.homeheadContent{width:990px; margin:0 auto}
.homeheadContent h2 {font-family: 'CodeLightRegular'; color:#fff; width:500px; font-size:30px; line-height:1em; font-weight:bold; padding-top:190px; margin-left:20px}

.pageContentheadWrap { background: url(images/pageContentBg.png) repeat-x}
.pageContenthead { height:137px; width:1354px; margin:0 auto; background:url(images/HeaderBg.jpg) no-repeat}
.headTitle {position:relative; left:200px; width:350px; top:30px}

p.Title { color:#333; font-size:2.0em; letter-spacing:-1px}

/*  content  */
.contentWrap {background:#fff;width:100%}
/*.contentWrapBgTop {background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-color:#FFF; background-position:top center;}
.contentWrapBgBottom {background-image:url(../images/bg2.jpg); background-repeat:no-repeat; background-color:none; background-position:bottom center;}
.contentWrapHome {background:#fff;width:100%}*/
.content {margin:0px auto;width:940px; background: url(images/contentBg.png) repeat-y top left; padding-top:20px}
.contentWork {margin:0px auto;width:940px; background:url(../images/contentBg2.png) repeat-y top left; padding-top:20px}
.contentThinking {margin:0px auto;width:940px; background:url(../images/bg.jpg) repeat-y top left; padding-top:20px}
.contentContact {margin:0px auto;width:940px; background:url(../images/co;ntentBg2.png) repeat-y top left; padding-top:20px}
.contentBottom {height:8px;clear:both;background:url(images/boxBot.png) no-repeat;overflow:hidden;width:940px;margin:0 auto}
.homepage {padding:20px;overflow:hidden;border-top:#3a3638 solid 3px}
.homepage h1 {font-size:2.0em;font-weight:normal}
.homepage h2 {font-size:1.4em;font-weight:normal;}
.homepage p strong {color:#444; font-weight:bold}
.homepage .column {width:409px;float:left;padding:20px;color:#444}

.ourClients {width:100%; overflow:hidden}
.ourClients .heading { /*background:url(images/BgRoundGray.gif) no-repeat;*/ width:354px; height: 20px; padding: 3px 0 0 15px; margin-bottom:20px}
.ourClients ul.clientList li {float:left; display:block; width:180px; height:60px; text-align:center; padding-top:30px}
.ourClients ul.clientList li.box {border-bottom:1px dotted #ccc; border-right:1px dotted #ccc;}
.ourClients ul.clientList li.boxNoRight {border-bottom:1px dotted #ccc}
.ourClients ul.clientList li.boxNoBot { border-bottom:none}
.ourClients ul.clientList li img {margin:auto}

/*  services  */
.contentServices {margin:0px auto;width:940px; padding-top:30px}
.contentServices .span15 { margin-top:20px}
.contentServices p {font-size:1.2em}
.ripple {/* background: url(images/rippleBg.jpg) no-repeat; width:352px; height:182px; color:#fff; padding: 15px; margin-left:10px*/}
.textGrayBox {font-weight:700; font-size: 120%;color:#333; margin-bottom:10px}
.servicesTable {width:940px;position: relative;overflow: hidden; margin:30px 0; float:left}

.servicesTable .servicesTitle {color:#8CC63F; font-family: 'CenturyGothicRegular', sans-serif; font-size: 14px;}
.servicesTable a {background: url(images/arrowOrange.png) no-repeat right; display:block; width:90px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}
.servicesTable a:hover {background: url(images/arrowOrange.png) no-repeat right; color:#8CC63F}
.servicesTable .servicesRow { border-top: 1px dotted #999; position:relative; overflow:hidden}
.servicesTable .servicesCell {width: 410px; float:left; padding: 15px 30px}
.servicesTable .servicesCell2 { border-left: 1px dotted #999; float:left; padding: 15px 30px; width:409px }
.servicesTable ul { margin-bottom:15px}
.servicesTable ul li { list-style:disc; margin-left:15px; padding:0.3em 0}
.servicesTable .servicesRow.ripple {width:940px; padding:20px 0 20px 30px;}
.servicesTable .servicesRow.ripple p {width:600px; float:left; margin-right:40px}
.servicesTable .servicesRow.ripple .logo {margin:40px 0 0 40px}
.servicesList { width:320px}
.servicesList li {/* background:url(images/arrowOrange.png) no-repeat right;*/ border-bottom:1px dotted #666; margin:0.6em 0; padding-bottom:0.3em}

/* SubNav Services  */
.subNavServices {float:left;width:178px;padding-right:0px;padding-top:0px;background:#FFF;}
.subNavServices ul li {list-style:none; padding:5px 0px 8px 0px; border-bottom:1px dotted #666; margin:0.6em 0}
.subNavServices ul li a {background:url(images/arrowOrange.png) no-repeat right; display:block; color:#333; font-size: 12px; text-decoration:none; font-family: 'CenturyGothicRegular', sans-serif}
.subNavServices ul li a:hover {color:#8CC63F}

/*   partners   */
.partners {text-align:right;border-top:solid 1px #DFDAD5;margin-top:20px}
.partners img {display:inline;padding:20px 10px 0px}

/*  homepage gallery  */
.homeGallery {position:relative;width:938px;height:201px;overflow:hidden;border-top:#3a3638 solid 3px}
.homeGallery a {position:absolute;top:0px;left:0px;display:none}

.aboutGrad {width:938px;margin:0 auto;height:17px;overflow:hidden;background:url(images/aboutGrad.png) repeat-x;}


/*  features  */
.features {padding:30px 0;overflow:hidden;height:130px;width:930px;margin:0 auto}
.features h2 {display:block;height:24px;text-transform:uppercase;font-size:1.2em;text-indent:-9000px;background: url(images/featureHeader.png) 0px 0px no-repeat;overflow:hidden}
.features h2 a {display:block;width:100%;height:100%;text-indent:-9000px}
.features .news {background:#fff url(images/featureHeader.png) 0px -50px no-repeat;width:320px;float:left;margin-right:35px;padding:0 10px;color:#607e8f;height:124px;padding-top:1px}
.features .news h2 {background-position:-7px -1px}
.features .news li {display:block;height:33px;line-height:33px;background:url(images/dot.png) center bottom repeat-x;color:#607e8f;font-family:Georgia, "Times New Roman", Times, serif;}
.features .news li.last {background:none}
.features .news li a {text-decoration:none;color:#607e8f;}
.features .news li a:hover {text-decoration:underline}
.features .featureCases {background:#fff url(images/featureHeader.png) -20px -50px no-repeat;width:320px;float:left;color:#607e8f;height:124px;overflow:hidden;margin-right:35px;padding-top:1px}
.features .featureCases .caseItem {clear:both;}
.features .featureCases h2 {background-position:0px -26px}
.features .featureCases h3 {display:block;height:33px;line-height:33px;background:url(images/dot.png) center bottom repeat-x;/*font-size:1.2em*/}
.features .featureCases img {float:left;margin:10px 15px 10px 10px;border:1px solid #3a3638}
.features .featureCases .studyInfo {float:left;width:170px}
.features .featureCases .studyInfo h3 {font-family:Georgia, "Times New Roman", Times, serif}
.features .featureCases .studyInfo p {color:#666}
.features .featureCases a {color:#82b53c;text-decoration:none;font-size:0.9em}
.features .pageLinks {float:left;height:124px;}
.features .pageLinks li {display:block;height:58px;width:180px;/*background:url(images/dot.png) center bottom repeat-x;*/text-indent:-9000px;float:left;clear:both}
.features .pageLinks li a {display:block;width:180px;height:62px; }
.features .pageLinks li.blackMarketLink {}
.features .pageLinks li.blackMarketLink a {background:url(images/blackmarketLogo.png) 0px 10px no-repeat}
.features .pageLinks li.c4LiveLink {background:none;padding-top:5px}
.features .pageLinks li.c4LiveLink a {background:url(images/digitalLogo.png) 0px 0px no-repeat;}


/*  projects  */
.rightColumn .projects .heading { background:url(images/BgRoundOrange.gif) no-repeat; height:20px; padding: 3px 0 0 15px; margin-bottom:20px}


/*  clients  */
.clients {margin:0px auto 0px;text-align:center;padding:50px 0px 20px;width:940px;clear:both}
.circle, .pod {padding:50px 0;}

/*  Case Studies  */
.caseStudies {overflow:hidden; padding-top:30px}
.caseStudiesScroller {width:364px;float:right;overflow:hidden}
.scrollerNav {background:url(img/separator_hz.png) center bottom no-repeat;padding-bottom:10px}
.caseStudiesScroller { background: url(images/BgRoundGrey.jpg) no-repeat top}
.caseStudiesScroller h4 { margin: 3px 0 20px 0; padding-left:15px; background:none }
.caseStudiesScroller p.scrollerNav {position:absolute; top:-3px; right:5px; width:600px; height:13px}
.caseStudiesScroller p.scrollerNav a {height:13px;text-indent:-9000px;padding:0;width: 20px ;background:url(images/arrows.png) no-repeat; display: block; overflow:hidden; float:right; margin-left:3px}
.caseStudiesScroller p.scrollerNav a.prev { background-position:0 0 }
.caseStudiesScroller p.scrollerNav a.next { background-position:-27px 0 }
.caseStudiesScroller .scrollerInfo h3 {color:#999;background:none;padding-bottom:0}
.scrollerPane {overflow:hidden;}
.scrollerPane li {height:140px;overflow:hidden}
.scrollerItem {clear:both;padding:15px 0;overflow:hidden;background:url(img/dot.png) center bottom repeat-x;width:400px;position:relative; border-bottom: 1px dotted #666}
.scrollerItem a.thmbLink {margin-bottom:8px;display:block;float:left;height:91px;width:160px;}
.scrollerItem a.thmbLink img {display:block; border:1px solid #b5b9c0}
.scrollerItem a:hover.thmbLink {background:#333}
.scrollerInfo {float:left;width:190px;height:100px}
.scrollerInfo h4 {padding-left:10px;color:#383838;font-weight:normal}
.scrollerInfo p {font-size:0.8em; padding: 0 0 0.5em 1.5em}
.scrollerInfo p.alignR {margin-top:5px}
.scrollerInfo p strong {color:#383838; font-size:1.1em}
.scrollerInfo a {font-size:10px;color:#82b53c;text-decoration:none}

.caseStudiesFeature {float:left;width:536px;padding:0 0 50px 0;display:none; margin-right:20px}
.caseStudiesFeature a {background: url(images/arrowOrange.png) no-repeat right; display:block; color:#333; font-family: 'CenturyGothicRegular', sans-serif; text-decoration:none}
.caseStudiesFeature .pagination {float:right;width:140px;text-align:center;padding-top:5px;display:none}
.caseStudiesFeature .clientsTitle {font-size:1.6em;font-weight:normal;color: #383838;border-bottom:solid 1px #8cc63f;text-indent:0px; padding: 1em 0 0 0; width:492px}
.caseStudiesFeature p.links {position: relative; left:360px; top:-10px; width:170px; font-size:10px; color:#82B53C}
.caseStudiesFeature .heroPane {margin:10px 0 30px 0;position:relative; padding-right:20px}
.caseStudiesFeature .heroPane .heroItem {border:3px solid #999;}
.caseStudiesFeature .heroPane .desc {border:none}
.caseStudiesFeature .heroPane .heroItem img {/*border:1px solid #b5b9c0;*/ margin-bottom:20px}
.caseStudiesFeature .heroPane .heroItem h5 {padding:0.7em 0px 0px 0px;font-size:1.1em;color:#383838; font-weight:bold}
.caseStudiesFeature .heroPane .heroItem p {padding:0.5em 0;color:#666; margin-bottom:20px}
.caseStudiesFeature .heroPane .heroItem p.links a.slideshow {text-indent:40px;background:url(img/mediaIcons.png) 0px -34px no-repeat;height:28px;display:block}
.caseStudiesFeature .heroPane .heroItem p.links a.video {text-indent:40px;background:url(img/mediaIcons.png) 0px -8px no-repeat;display:block}
.caseStudiesFeature .thumbPane {height:100px;padding:5px;margin-top:20px;background:#DFDAD5;/*border-top:solid 1px #DFDAD5*/}
.caseStudiesFeature .thumbPane li {display:inline;width:160px;height:90px;overflow:hidden;float:left;margin:3px;border:1px solid #3a3638}
.caseStudiesFeature .thumbPane li img {width:160px;cursor:pointer}

/*  Careers  */
.page {overflow:hidden;color: #666; position:relative; min-height:500px !important}
.page h1 {color:#8CC63F; font-family: 'CenturyGothicRegular', sans-serif; font-size:24px; margin-bottom:20px}
.page .pageNav {float:left;width:280px;padding-bottom:50px;padding-left:50px}
.page .pageNav h2 {color:#555;text-transform:uppercase;/*background:url(images/dot.png) center bottom repeat-x;*/ border-bottom: 1px solid #DFDAD5; padding:5px 0 5px;line-height:1.8em}
.page .pageNav li {/*background:url(images/dot.png) center bottom repeat-x;*/  border-bottom: 1px solid #DFDAD5; padding-right:10px}
.page .pageNav li a {display:block;background:url(images/rightArrow.png) right center no-repeat;text-decoration:none;color:#617f90;font-size:1.1em;padding:10px 0;overflow:hidden;height:1.5em; font-family:Georgia, "Times New Roman", Times, serif}
.page .pageNav li.active a {color: #555}

.page .leftColumn {float:left;width:494px;padding: 0 60px 40px 0; margin:20px 20px 0 0; display:inline; overflow:hidden}
.page .leftColumn .imgServices { position: absolute; top: 0; right:10px}
.page .leftColumn .textHeader { font-weight:700; width:350px; font-size:1.3em; color:#333}
.page .leftColumn .module {border-top: 1px dotted #666}
.page .leftColumn .module img.floatR {border:1px solid #b5b9c0}
.page .leftColumn p {font-size:1.2em}
.page .rightColumn {float:left;width:364px;padding-bottom:20px; margin-top:20px;}
.page .rightColumn p {color:#444}
.page .rightColumn p strong {color:#444; font-weight:bold}
.page .rightColumn p a {color:#0f496a;text-decoration:none;font-weight:bold}
.page .rightColumn p a:hover {text-decoration:underline}
.page .rightColumn .pageList {padding:15px 0;/*background:url(images/dot.png) center bottom repeat-x*/}
.page .rightColumn .pageList ul {display:block;border-bottom:solid 1px #DFDAD5;padding:0 0 15px;margin:0}
.page .rightColumn .pageList li {font-weight:bold;color:#9e806f;padding:3px 0;list-style-type:none}
.page .rightColumn .narrowPage {width:300px;float:left}
.page .rightColumn .quote {float:left;margin-top:100px;padding-left:30px}
.page .rightColumn .pdf {padding-right:21px;background:url(images/pdf.jpg) center right no-repeat}
.page .pageNav p {text-align:center}
#single {color:#0f496a;text-decoration:none;font-weight:bold;}
#single:hover {text-decoration:underline}
.page .retailVision {background:url(images/retailVision.png) 450px 100px no-repeat;}
.pageError {background:none;color:#617f90;border-top:3px solid #3a3638;padding:100px}
.pageError h2 {border-bottom:1px solid #dfdad5;font-family:Georgia, "Times New Roman", serif;font-size:1.6em;font-weight:normal;margin-bottom:10px;padding-bottom:5px;}
.pageError a {text-decoration:none;color:#0f496a;font-weight:bold;}
.pageError a:hover {text-decoration:underline;}



/* Contact */
.page .contact {float:left;width:660px;padding:0 60px 40px 0; margin:20px 20px 0 0; _display:inline; overflow:hidden}
.contactForm form {overflow:hidden; margin-left:10px; margin-top:0px; float:left;}
.contactForm h2 {padding:0px; margin:8px 0px 30px; 0px}
.contactForm .required {padding:20px 0 0 75px; clear:both; color:#82b53c}
.contactForm form .error {clear:both}
.contactForm form span {float:left;clear:left;padding-left:120px;font-weight:bold;color:#82b53c !important;padding-top:10px;}
.contactForm label {display:block;float:left;width:75px;margin-top:10px;clear:both;font-weight:bold}
.contactForm p { font-size:0.9em}
.contactForm input, .contactForm textarea {float:left;margin-top:10px;color:#617f90}
.contactForm .text, .contactForm textarea {border:1px solid #e1e1e1;background:#f3f3f3;width:230px;}
#wrap .contactForm fieldset strong {color:#82b53c;font-weight:bold;font-size:1.2em}
.contactForm .submit {clear:both;overflow:hidden; padding-top:15px;}
.contactForm .submit a {padding:0px 0px 0px 75px; background: url(images/arrowOrange.png) no-repeat right ; display:block; width:60px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}

/*  Google Map  */
.googleMap { position:relative; display:inline-block; margin-top:20px; border:1px dotted; padding:10px; width:520px}
#map { height:250px; width:340px; float:right}
#directions { }
#getDirections { float:left; width:130px}
	#getDirections input { background:#F3F3F3; border:1px solid #E1E1E1; width:160px; margin-bottom:10px; font-size:0.9em}
	#getDirections p { width:130px}
	#getDirections #getdirections {background: url(images/arrowOrange.png) no-repeat right; display:block; border:0px; width:120px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}

/*  Careers  */
.application {padding-top:30px}
.application form {padding:30px 0;}
.application div {clear:both;}
.application form span {float:left;clear:left;padding-left:120px;padding-top:10px;font-weight:bold;color:#82b53c !important}
.application label {display:block;float:left;width:120px;margin-top:10px;clear:both;font-weight:bold}
.application input, .application textarea {float:left;margin-top:10px;color:#617f90}
.application .text, application textarea {border:1px solid #e1e1e1;background:#f3f3f3;width:180px;}
.application .submit {clear:both;float:right;margin-top:30px;margin-right:50px;display:block;width:79px;height:23px;text-indent:-9000px;background:url(images/buttons.png) no-repeat}

/*  popup box  */
.popupContent .popClose {display:block;float:right;height:16px;width:16px;background:url(images/closeBut.jpg) no-repeat;text-indent:-9000px;margin:10px}
.popupContent .galleryControls ul {text-align:center}
.popupContent .galleryControls ul li {display:inline;padding:0px 10px}
.popupContent .galleryControls ul li a {padding:5px 20px;color:#000;text-decoration:none;font-weight:bold;line-height:1.5em}
.popupContent .galleryControls ul li a.prev {background:url(images/prev.png) left center no-repeat}
.popupContent .galleryControls ul li a.next {background:url(images/next.png) right center no-repeat}

/*  footer  */
.footer {clear:both;font-size:1.1em;color:#b5b9c0;background:#343434 url(images/footerBg.png) repeat-x top; border-top:2px solid #8cc63f}
.footerPane {width:990px;margin:0 auto;height:300px;padding-left:50px}
	.footerPane h2 {font-size:18px;margin-bottom:10px; text-transform:uppercase; text-indent:-9999px; height:20px; width:150px}
	.footerPane .services h2 {background:url(images/serviceTitle.png) left top no-repeat}
	.footerPane h3 {background: url(images/arrowOrange.png) no-repeat right;font-size:14px; font-family: 'CenturyGothicRegular', sans-serif}
	.footerPane h3 a { color:#fff; text-decoration:none}
	.footerPane h3 a:hover {color:#8CC63F}
	.footerPane .news {margin:20px 0 0 20px; width:236px; float:left}
	.footerPane .news h2 {background:url(images/blogTitle.png) left top no-repeat}
	.footerPane .news ul li { color:#b5b9c0;padding:10px 0; font-size:1.0em; font-weight:700; border-bottom:1px dotted #666}
	.footerPane .news ul li a { text-decoration:none; color:#b5b9c0}
	.footerPane .news ul li a:hover{color:#fff}
	.footerPane .services { padding:20px 20px 0 0; width:535px; height: 280px; border-right:1px dotted #666}
	.footerPane .span16 {border-right:1px dotted #666; height:300px}
	.footerPane .span16 .span2 {padding:40px 0 20px 20px}
	.footerPane .module02  {margin-bottom: 25px; height:100px}
	
.footerAddressWrap { height:230px; background: transparent url(images/bubbles.png) no-repeat right; background-position:850px 0; border-top:1px dotted #666}
.footerAddress { margin: 0 auto; width:940px; padding: 0px}
	.footerAddress h4 {margin: 30px 0 10px 0; color:#8cc63f; font-family: 'CenturyGothicRegular', sans-serif}
	
	.footerAddress p {padding:0; margin:0}
	.footerAddress p.mT {margin:0.8em 0 0 0}
	.footerAddress a { text-decoration:none; color:#8cc63f}
	.footerAddress .span6 {text-align:right; padding-top:30px}
	.footerAddress .span6 p { font-size:1.4em; color:#b5b9c0; margin: 5px 0 10px}
	.footerAddress .span6 p.copy { color:#7b7d81;font-size:1.0em}

/*  widget blog  */
iframe body {background:transparent}
iframe { margin-top: 10px; background:transparent}
h2.widgettitle { color: #0C0}

/*  Work style  */
.pageContent {background:#fff;width:705px;float:left;padding-bottom:40px}
.subNav h2 {margin-bottom:30px}
.pageContent h3 {color:#333;font-size:14px;font-weight:bold; padding:10px 0; margin-top:10px; margin-bottom:10px; border-bottom:1px dotted #ccc; width:705px;}
.page .work img {margin:10px 0; border:1px solid #CCC}
.page .work {float:left;width:680px;padding: 0 60px 40px 0; margin:20px 20px 0 0; _display:inline; overflow:hidden}
.page .work p {font-size:1.2em}

/* SubNav Work  */
.subNav {float:right;width:178px;padding-right:0px;padding-top:20px;background:#FFF;}
.subNav ul li {list-style:none; padding:5px 0px 8px 0px; border-bottom:1px dotted #666; margin:0.6em 0}
.subNav ul li a {background:url(images/arrowOrange.png) no-repeat right; display:block; color:#333; font-size: 12px; text-decoration:none; font-family: 'CenturyGothicRegular', sans-serif}
.subNav ul li a:hover {color:#8CC63F}

/*  Read More Links  */
.readmoreLink a {background: url(images/arrowOrange.png) no-repeat right; display:block; width:90px; color:#ff9900; font-family: 'CenturyGothicRegular', sans-serif; font-size: 12px; text-decoration:none}
.readmoreLink a:hover {background: url(images/arrowOrange.png) no-repeat right; color:#8CC63F}