@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; }

.aboutMenu
{
    margin: 25px 10px 10px 13px; 
    float: left;
    width: 170px;
}

.QuestionMark
{
    float: left;
    margin: 20px 20px 10px 10px; 
}

.QuizWrapper
{
    margin: 20px 10px 10px 50px; 
    float: left;
    width: 655px;
}

.QuizIntro p
{   
    margin: 10px 0 20px 0;
    padding: 0px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #7496b7;
    line-height: 1.5em
}

.QuizIntro strong
{
    font-weight: normal;
    color: #ffffff;
}

.question
{
    margin: 0px;
    padding: 0px;
}

.fisrtquestion
{
    margin: 0px;
    padding: 0px;
}

.firstquestion p
{
    margin: 40px 0 10px 0;
    padding: 0px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #b0e7d5;
    font-weight: bold;
}

.question p
{
    margin: 20px 0 10px 0;
    padding: 0px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #b0e7d5;
    font-weight: bold;
}

.question strong
{
    color: #ffffff;
}

.FirstHRule
{
    border-bottom: 1px solid #7496b7;
    width: 655px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

.HRule
{
    border-bottom: 1px solid #7496b7;
    width: 440px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin: 25px 10px 0px 0px;
    float: left;
}

.PhoneFriend
{
    margin: 12px 25px 0 0;
    float: left;
    cursor: pointer;
    position: relative;
}

.Help
{
    margin-top: 12px;
    float: left;
    cursor: pointer;
    position: relative;
}

.spacerQuiz
{
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
}

.Low
{
    padding: 8px 0 0 0;
    float: left;
    line-height: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #7496b7;
    width: 130px;
}

.RadioList
{
    width: 305px;
    float: left;
    margin: 0px 10px 0px 5px;
    padding: 3px 0 0 0;
    text-align: center;
    color: #7496b7;
}


.RadioList td
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}


.RadioList label
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.High
{
    padding: 8px 0px 0 0;
    float: left;
    line-height: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #7496b7;
    width: 140px;
}

.popUpPhone, .popUpHelp
{
    height: 75px; 
    background-image: url('images/Quiz/bubble.png');
    background-repeat: no-repeat;
    padding: 15px;
    color: #001d45;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
}

.fieldname
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.bubble
{
    display: none; 
    position:absolute; 
    bottom: 31px; 
    right: 77px; 
    width: 220px; 
}

.pbubble
{
    display: none; 
    position:absolute; 
    bottom: 27px; 
    right: 135px; 
    width: 220px;
    text-align: center; 
}

.bubbleTop
{
    background-image: url("images/Quiz/bubble_top.png");
    height: 24px;
    width: 249px;
    position: relative;
    background-repeat: no-repeat;
}

.bubbleMid
{
    background-image: url("images/Quiz/bubble_mid.png");
    width: 219px;
    position: relative;
    background-repeat: repeat-y;
    padding: 0 15px 5px 15px;
    color: #001d45;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
}

.bubbleBot
{
    background-image: url("images/Quiz/bubble_bot.png");
    height: 35px;
    width: 249px;
    position: relative;
    background-repeat: no-repeat;
}

.req
{
    color: #b0e7d5;
    font-size: 10px;
    vertical-align: top;
}