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

html, body, #wrapper {
	margin:0px;
	padding:0px;
	height:100%;
	border:none;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background-image:url(Images/BodyBg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #016797;
	text-align: left;
}
#wrapper { vertical-align: top; }
.Bottom { background-image: url(Images/BottomBg.gif); background-position:bottom; background-repeat: repeat-x; height: 168px; }
#TopBannerCell {background-image:url(Images/BannerBg.jpg); background-position: top left; background-repeat: no-repeat; }
#TopBannerCellHome {background-image:url(Images/BannerBgHome.jpg); background-position: top left; background-repeat: no-repeat; }
.AboveNav {	height: 98px; }
.BelowNav { height: 22px; }
.IntroBig { font-size: 12px; font-weight: bold; color: #FFFFFF; }
.IntroText { font-size: 11px; color: #9faec2; line-height: 18px; }
.BodyCopy { font-size: 11px; color: #9faec2; }
.FooterText { font-size: 10px; color: #5bb0a7; }
.PortfolioSelector { color: #9faec2; cursor: pointer; }
.PortfolioSelectorSelected { color: #FFFFFF; }
strong { color: #FFFFFF; font-weight: bold; }

a.SectionLink { color: #9faec2; cursor: pointer; text-decoration: none; }
a.SectionLink:visited { color: #9faec2; cursor: pointer; text-decoration: none; }
a.SectionLink:hover { color: #FFFFFF; }
.SectionLinkSelected { color: #FFFFFF; }

a.GoDeeper { font-size: 12px; font-weight: bold; color: #61e1b8; cursor: pointer; text-decoration: none; }
a.GoDeeper:visited { font-size: 12px; font-weight: bold; color: #61e1b8; cursor: pointer; text-decoration: none; }
a.GoDeeper:hover { color: #61e1b8; }


a.FooterPortalLink { font-size: 12px; font-weight: bold; color: #FFFFFF; cursor: pointer; text-decoration: none; }
a.FooterPortalLink:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; cursor: pointer; text-decoration: none; }
a.FooterPortalLink:hover { color: #FFFFFF; }

/* For Case Studies and Portfolio */
#wn td { margin: 0px; padding: 0px; border: hidden; text-align: left; vertical-align: middle; }

li.SubCat {
	list-style-type: none;
	color: #9faec2;
	cursor: pointer;
	margin-left: -23px;
}
li.Client {
	list-style-type: none;
	color: #9faec2;
	cursor: pointer;
	margin-left: -23px;
}

li.Selected {
	color: #ffffff;
	margin-left: -23px;
}

li.SubCat a {
	list-style-type: none;
	color: #9faec2;
	cursor: pointer;
	text-decoration: none;
}

#ProjectList li.Project { margin-left: -23px; list-style: none; cursor: pointer; color: #9faec2; }
#ProjectList li.Selected { margin-left: -23px; list-style-image: url(Images/GtListElement.gif); color:#FFFFFF;  }

#ProjectCopy {
	color: #ffffff; margin-left: 15px; margin-right: 15px;
}
#ProjectCopy .Deliverables {
	color: #9faec2;
}
#ProjectCopy strong {
	color: #9faec2; font-weight: bold;
}
#ProjectCopy a {color: #9faec2; font-weight: bold; text-decoration: none; }

#ProjectCopyVideo {
	color: #ffffff; margin: 15px 0 0 0; width: 640px;
}
#ProjectCopyVideo .Deliverables {
	color: #9faec2;
}
#ProjectCopyVideo strong {
	color: #9faec2; font-weight: bold;
}
#ProjectCopyVideo a {color: #9faec2; font-weight: bold; text-decoration: none; }


#ProjectHeroImageWrapper {width: 639px; height: 334px; background-repeat: no-repeat; background-position: right; }
#ProjectHeroImage {	height: 334px; }

.ScrollerContent { margin-left: 8px; margin-right: 8px; }
 div#hold	{ 
	position:relative; overflow:hidden;
	width:564px; height:140px; z-index:100
	}
div#wn	{ 
	position:absolute; 
	left:10px; top:0px; 
	width:544px; height:140px; 
	clip:rect(0px, 544px, 140px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; 
	visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}

a img { border:none }

  a.clipLinks:link{
 	font-family:verdana, arial, helvetica, sans-serif;
 	font-size:9px;
 	text-align:left;
 	color:#000000;
 	text-decoration:none;
 	font-weight:bold;
 }
 a.clipLinks:visited{
 	font-family:verdana, arial, helvetica, sans-serif;
 	font-size:9px;
 	text-align:left;
 	color:#000000;
 	text-decoration:none;
 	font-weight:bold;
 }
 
 a.clipLinks:hover{
 	font-family:verdana, arial, helvetica, sans-serif;
 	font-size:9px;
 	text-align:left;
 	color:#ce1328;
 	text-decoration:none;
 	font-weight:bold;
}

#CaseStudyCopy {
	color: #9faec2;
}

#CaseStudyCopy strong {
	color: #ffffff;
	font-weight: normal;
}
#CaseStudyCopy a {color: #9faec2; font-weight: bold; text-decoration: none; }