@import url(reset.css);
/* ------------ HTML Tags ------------ */
/*body
{
	background:#033c8e;
	color:#515151;
}
body, pre, td, td p, th
{
	font-family:Arial,'sans-serif';
	font-size: 12px;
}*/

a, a:link 
{
	color:#ffffff;
	/*font-family:Arial,Helvetica,Verdana,'sans-serif';*/
	font-size: 11px;
	text-decoration:none;
}

a:visited
{
}

a:hover
{
	text-decoration:underline;
}

/* Heading 1 */
/*h1
{
	color:#033c8e;
	font-family:Helvetica,Arial,'sans-serif';
	font-size:32px;
    padding:0;
    margin: 0 30px 10px 30px;
}*/
h1.has-no-flash
{
    margin: 28px 30px 10px 30px;
    padding:0;
}


/* Heading 2 */
/*h2, div#content div.content-full h2, div#content div.content-left h2
{
	color:#4278ba;
	font-family:Helvetica,Arial,'sans-serif';	
	font-size:16px;	
	font-style:normal;
	margin:0 0 8px 0;
}*/

/* Heading 3 */
h3 , div#content div.content-full h3, div#content div.content-left h3
{
    /*color:#515151;*/
    color:#959595;
	font-size:18px;	
	/*font-family:Helvetica,'sans-serif';*/
	line-height:18px;
	/*margin:15px 0;*/
}

h3.intro-copy
{
   	/*font-family:Arial,'sans-serif';*/
	font-size:18px;	
}

/* Heading 4 */
h4
{
    color:#808080;
	font-size:12px;	
	/*font-family:Helvetica,Arial,'sans-serif';*/
	line-height:12px;
	margin:15px 0;
	padding:0;
}

div#content div.content-full p, div#content div.content-left p,
div#content div.content-left div.caseStudyFeatured p
{
    /*margin-bottom:10px;*/
    margin-bottom:15px;
    /* color:#898989; */
}

/* ------------ Core CSS ------------ */
/*#wrapper
{
	background:url('images/backgroundMain.png') 0 0 no-repeat;
	height:804px;
	margin:0px auto;
	position: relative;
	overflow:visible;
	width:890px;
}*/

/*#header
{
	height:158px;
}*/
#logo img
{
	border:0;
	display: block;
}
#logo
{
	float:left;
	height:143px;
	margin-top:15px;
	width:180px;
}

/* SEARCH */
/*fieldset#searchForm
{
	background:url(images/bgSearchFieldset.png) no-repeat left top;
	width:180px;
	height:35px;
	position:absolute;
	right: 60px;
	top:123px;
}
fieldset#searchForm label, fieldset#searchForm legend
{
	display:none;
}
fieldset#searchForm input.keywordSearch 
{
	padding:10px 0 0 13px;
	border:none;
	background:none;
	color:#9ccaff;
	font:12px Arial,Verdana,'sans-serif';
}
fieldset#searchForm input.submitSearch 
{
	background:none;
	border:none;
	display:block;
	font-size:0;
	width:25px;
	height:25px;
	cursor:pointer;
	right:5px;
	top:5px;
	position:absolute;
	color:#1550a0;
	padding-top:10px;
}*/

/* Main Navigation */

/*#navMain
{
	float:left;
	margin-top:30px;
	padding-bottom:8px;
	width:180px;
}

#navMain a
{
	margin-left: 16px;
}*/

#navMain ul
{
	overflow: hidden;
}

#navMain ul.trail
{
	font-size:14px;	
	/*font-family:Helvectica,Arial,'sans-serif';*/
	line-height:16px;
}

#navMain ul.trail li 
{
	
	border-bottom: 1px dotted #4e91dd;
	list-style-image: none;
	background: url('images/listImage.png') no-repeat left 11px;
}
#navMain ul.trail li a
{
    font-size:14px;	
	/*font-family:Helvectica,Arial,'sans-serif';*/
    padding: 7px 0;
    display:block;
}	


#navMain ul.endtrail li
{
	border-bottom: 1px dotted #4e91dd;
	line-height:10px;
	background: none;
}

#navMain ul li.selected a
{
	color:#5083c7;
}

#navMain ul.sibling 
{
    padding: 10px 0;
}

#navMain ul.sibling a
{
	font-size:11px;	
	/*font-family:Helvetica, Arial,'sans-serif';*/
	padding-left: -5px;	
}

#navMain ul.sibling li
{
	margin: 0 0 0 8px;
	background: url('images/listImageSub.png') no-repeat 8px 3px;
	line-height:18px;
}
#navMain ul.sibling li.selected
{
	background: url('images/sibling-list-arrow-selected.gif') no-repeat 8px 6px;
}
#navMain ul.sibling li a
{
    display:block;
}

#navMain ul.sibling
{
	border-bottom: 1px dotted #4e91dd;
}

#navMain ul.sibling li.listLast
{
    display: none;
}

/*Homepage Navigation styles */

div#navMain ul.navMainHome {
    padding:0;
    margin:0;
    border:none;
}
div#navMain ul.navMainHome li,
div#navMain ul.navMainOfficeLoc li {
    list-style-image:none;
    border:none;
    padding:0;
    margin:0;
}
div#navMain ul.navMainHome li a {
    background: url('images/mnuImages.png') no-repeat;
    display:block;
    text-indent:-1000em;
    width:180px;
    height:30px;
    padding:0;
    margin:0;
    border:none;
}

div#navMain ul.navMainOfficeLoc li a 
{
	background: url('images/mnuOfficLocation.png') no-repeat;
	display:block;
    text-indent:-1000em;
    width:180px;
    height:179px;
    padding:0;
    margin:0;
    border:none;
}

div#navMain ul.navMainHome li.navCreativeAndDesign a {
    background-position: 0 0;    
}
div#navMain ul.navMainHome li.navMarketingAndStrategy a {
    background-position: 0 -30px;
}
div#navMain ul.navMainHome li.navMobileAndIPTV a {
    background-position: 0 -60px;
}
div#navMain ul.navMainHome li.navUserExperience a {
    background-position: 0 -90px;
}
div#navMain ul.navMainHome li.navTechnicalAndDevelopment a {
    background-position: 0 -120px;
}
div#navMain ul.navMainHome li.navManagedServices a {
    background-position: 0 -150px;
}
div#navMain ul.navMainHome li.navTraining a {
    background-position: 0 -180px;
}
div#navMain ul.navMainHome li.navNewsAndEvents a {
    background-position: 0 -210px;
}
div#navMain ul.navMainHome li.navAboutHyro a {
    background-position: 0 -240px;
}

div#navMain ul.navMainHome li.navCreativeAndDesign a:hover {
    background-position: -180px 0;    
}
div#navMain ul.navMainHome li.navMarketingAndStrategy a:hover {
    background-position: -180px -30px;
}
div#navMain ul.navMainHome li.navMobileAndIPTV a:hover {
    background-position: -180px -60px;
}
div#navMain ul.navMainHome li.navUserExperience a:hover {
    background-position: -180px -90px;
}
div#navMain ul.navMainHome li.navTechnicalAndDevelopment a:hover {
    background-position: -180px -120px;
}
div#navMain ul.navMainHome li.navManagedServices a:hover {
    background-position: -180px -150px;
}
div#navMain ul.navMainHome li.navTraining a:hover {
    background-position: -180px -180px;
}
div#navMain ul.navMainHome li.navNewsAndEvents a:hover {
    background-position: -180px -210px;
}
div#navMain ul.navMainHome li.navAboutHyro a:hover {
    background-position: -180px -240px;
}


div#navMain ul.navMainOfficeLoc li.navOfficeLoc a {
    background-position: 0 0;
}
div#navMain ul.navMainOfficeLoc li.navOfficeLoc a:hover {
    background-position: -180px 0;
}

/* Related services icons */

ul#relServices
{
	/*font-family:Arial,Helvetica,'sans-serif';*/
	font-size:12px;
	line-height:22px;
    margin-top:25px;
}

ul#relServices li
{
	margin-bottom:10px;
}

ul#relServices li
{
	border-bottom:0px;
}

ul#relServices li a
{
	color:#9ccaff;
}

ul#relServices li.locations
{
    display:block;
	background: url('images/iconOfficeLoc.png') no-repeat left 1px;
	/*font-family:Arial,'sans Serif';*/
	font-size:12px;
	padding-left:10px;
}

ul#relServices li.requestCall
{
    display:block;
	background: url('images/iconReqCall.png') no-repeat left 1px;
	padding-left:10px;
}

ul#relServices li, ul#relServices li a
{
	clear:left;
	float:left;
}

ul#relServices li.locations a, ul#relServices li.requestCall a
{
	/*font-family:Arial,'sans Serif';*/
	font-size:12px;
	padding-right: 20px;
	white-space: nowrap;
}

ul#relServices li.locations a
{
	background: url('images/listArrowR.png') no-repeat 97px 0px;
}

ul#relServices li.requestCall a
{
	background: url('images/listArrowR.png') no-repeat 88px 0px;
}

/* end of Related services icons */

/*#content
{
	font-family:Helvetica,Arial,'sans-serif';
	position: relative;
	float: left;
	width:590px;
	margin: 30px 0 0 60px;
	overflow: visible;
}*/

#intro 
{
	height:92px;
	width:405px;
}

/* Footer */

/*#footer
{
	clear:both;
	font-size:10px;
	margin:0px auto 45px;
	padding-top:30px;
	width:890px;
}*/

#footer div.copyright
{
	float: left;
	width: 180px;
	background:url('images/border.gif') 0px 0px repeat-x;
	padding: 1em 0;
}

#footer div.links
{
	background:url('images/border.gif') 0px 0px repeat-x;
	float: left;
	margin-left: 60px;
	padding: 1em 0;
	width: 590px;
}

#footer div.links ul
{
	float: left;
	width: 250px;
}

#footer div.links ul li
{
	float:left;
	background:url('images/listImageNav.png') 4px 2px no-repeat;
	padding-left:9px;
}

#footer div.links ul li.noList 
{
	background:none;
	margin-left:0pt;
	padding-left:0pt;
}


#footer div.links ul.right
{
	float: right;
	width: 240px;
}

#footer div.links ul.right li
{
	float:right;	
}




/* ------------ Classes ------------ */
.no-border-bottom
{
	border:0px;
}
.border
{
	background:url('images/border.gif') 0 0 repeat-x;
}

.border-bottom
{
	background:url('images/border.gif') 0px bottom repeat-x;
}	
.componentBox
{
	background:#053780;
	float:left;
	height:72px;
	margin:10px 5px 0 0;
	padding:20px;
	width:250px;
}

.custMarginL
{
	margin-left:60px;
}

.custMarginR
{
	margin-right:55px;
}

.custPaddingL
{
	margin-left:60px;
}

.clear-both
{
    clear:both;
}

.clearFlash
{
	margin-top:330px;
}

.floatL 
{
	float:left;
}

.floatR 
{
	float:right;
}

.inline
{
	display:inline;
}

.noList 
{
	background:none;
}

div.selectServ
{
	background-image:url("images/bgServiceBx.png");
	height:66px;
	width:180px;
}

/*Default*/
.topArea
{
	background:none;
}
.topNavContainer
{
	background-image:url("images/bl_Navbar_Default_Glass.jpg");
}
.topNavItem
{
	color: #3A4663;	
	background-image: url('images/bl_Navbar_Splitter_Glass.jpg');
}
.topNavSelected a 
{
	background-image: url('images/bl_Navbar_Hover_Glass.jpg');
}
.topNavHover a
{
	background-image: url('images/bl_Navbar_Hover_Glass.jpg');
}
.topNavRoundLeft
{
	width:14px;
	position:relative;
	right:-1px;
	background-image:url('images/bl_Navbar_Left.jpg');
	background-repeat:no-repeat;
}
.topNavRoundRight
{
	width:15px;
	background-image:url('images/bl_Navbar_Right.jpg');
	background-repeat:no-repeat;
}
.title-With-Background 
{ 
	background-color:#5E6E9E;
}
.glassSpacerLeft
{
	width:14px
}
.glassSpacerRight
{
	width:15px
}
/*********************************************************************************/
/*** Start For Phase3 ***/
/* Heading 1 */
h1
{
	color:#033c8e;
	/*font-family:Helvetica,Arial,'sans-serif';*/
	font-size:32px;
    padding:0;
    margin: 15px 0 10px -2px  !important;
}

h1.has-no-flash
{
    margin: 15px 0 10px 0;
    padding:0;
}

h1.home
{
	color:#ffffff;
	margin:0 0 0 0px;
}

/* Heading 2 */
h2, div#content div.content-full h2, div#content div.content-left h2
{
	/* Don't remove the line-height style. It is reference for flash's line text spacing.*/
	
	font-weight:500;  
	color:#4278ba; /* Blue Color */
	/*color:#959595; Grey Color */
	font-family:Helvetica,Arial,'sans-serif';
	/*Change font size to 11.6pt, the size 11.6pt is make the Div's height is not appriciate for Flash's height*/
	font-size:11.6pt;	
	font-style:normal;
	/*margin: 10px 0 10px 0;*/
	margin: 0 0 15px 0;
}

h2.home
{
	color:#66CCFF;
	margin:0 0 0 0px;  
	font-size:18px;
}


body  {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	background-image:url(images/bgcolor.png);
	background-repeat:repeat;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*color: #B4CDE9;*/
	/* color: #000000; */
	color : #515151;
	height: 100%;
}
body, pre, td, td p, th
{
	/*font-family:Arial,'sans-serif';*/
	font-size: 11px;
}
#position-ms-siteaction
{
	position:absolute;
	top:0;
	left:0;
}

#wrapper { 
	/*width: 884px;*/
	width: 920px;  
	background-image:url(images/bg-main-phase3.png) ;
	background-repeat:no-repeat;
	margin: 0 auto;
	text-align: left; 
}
#contentMain 
{
	clear:both;
	width: 920px;
}
#navMain 
{
	position:relative;
	float: left; 
	width: 160px; 
	padding: 0 0 0 0px;
	/*margin:0 0 20px 0;
	margin:0 0 0 0;*/
}
#gap_logo
{
	overflow: hidden;
    height: 15px;
}
#header {
	/*float: right;
	width: 300px;*/
	width: 920px;
	margin:0px;
	/*margin-top:100px;*/
	margin-top:0px;
	padding:0 0 0 0px;	
	/*height:35px;*/
	height:155px;
	display:block;
	position:relative;
	z-index:1;
}

#content
{
	float:left;
	position:relative;
	margin-top:0;
	width:725px;
	padding:0 0 0 0;
	min-height: 442px;
	height: 100%;
}

#content-footer-gap
{
	clear:both;
}

#footer-gap
{
	clear:both;
	height: 10px;
	}
/* SEARCH */
fieldset#searchForm
{
	left: 725px;
	background:url(images/bg-box-search.png) no-repeat left top;
	width:160px;
	height:35px;
	/*margin:0 0 0 140px;
	margin:0 0 0 105px;*/
	position:absolute;
	float:left;
	top: 100px;
}
fieldset#searchForm label, fieldset#searchForm legend
{
	display:none;
}
fieldset#searchForm input.keywordSearch 
{
	/*position:absolute;
	left:150px;
	left:115px;
	padding:10px 0 0 7px;*/
	padding:10px 0 0 13px;
	width:95px;
	border:none;
	background:none;
	color:#9ccaff;
	font:12px Arial,Verdana,'sans-serif';
}
fieldset#searchForm input.submitSearch 
{
	/*position:absolute;
	left:265px;
	left:230px;*/
	background:none;
	border:none;
	width:30px;
	height:25px;
	cursor:pointer;
	margin-left: 15px;
	/*margin-left:5px;*/
}

#CampaignAds{
padding-top:53px;
margin-bottom:50px;
}

*html #CampaignAds
{
	padding-top:32px !important;
	padding-top:28px;
	margin-bottom:50px;
}

*:first-child+html #CampaignAds{
	padding-top:32px;
	margin-bottom:50px;
}

#footer 
{
	clear:both;
	margin-top: 0px;
	margin-left:0px;
} 
#footerSidebar1{
	float: left; 
	width: 160px; 
	padding: 0px;
	padding-top:0px;
	margin-top:0px;
	height:1px;
	background-image:url(images/border.gif);
	background-repeat:repeat-x;
}

#footerTextLinkLeft{
	margin-top: 11px;
	padding:0px;
	padding-bottom:5px;
}

#footerSidebar2{
	/*float: right;
	width: 686px; */
	float:left;
	width: 690px;
	/*margin:0 0 0 0px;*/
	margin:0 0 0 35px;
	padding:0px;	
	height:1px;
	background-image:url(images/border.gif);
	background-repeat:repeat-x;
}
#footerTextLinkMid
{
	float:left;
	width:400px;
	margin-top: 10px;
	padding:0px;
	padding-bottom:5px;
}
#footerTextLinkRight{
	float:right;
	/*width:200px;*/
	text-align:right;
	margin-top: 10px;
	padding:0px;
	padding-bottom:5px;
}

.txtWhite {
	/*font-family: Arial, Helvetica, sans-serif; */
	font-size: 12px; 
	color: #ffffff; 
}

a.linkWhite:link,a.linkWhite:visited{
	/*font-family: Arial, Helvetica, sans-serif;*/
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
}

a.linkWhite:active,a.linkWhite:hover{
	/*font-family: Arial, Helvetica, sans-serif;*/
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:underline;
}

#leftRelatedLinks
{
	width:160px;
	display:block;
}

/*** Start - new left Navigation of phase 3 ***/

div#LeftNavLayer
{
	margin: -10px 0px 0px -1px;
}

div#LeftNavLayer ul#LeftNaveList li a
{
	color:#ffffff !important;
    white-space: normal !important;
    margin: 0 0 0 0px !important;
    display: block !important;
}

div#LeftNavLayer ul#LeftNavList li a.AFirstLevel, 
div#LeftNavLayer ul#LeftNavList li a.ASelectedFirstLevel
{
    font-family: Helvetica, Sans-serif !important; 
    font-size: 12px !important;
}

div#LeftNavLayer ul#LeftNavList li a.ASelectedSecondLevel, 
div#LeftNavLayer ul#LeftNavList li a.ASelectedThirdLevel, 
div#LeftNavLayer ul#LeftNavList li a.AThirdLevel
{
    font-family: Arial, Sans-serif !important; 
    font-size: 11px !important;
}

div#LeftNavLayer ul#LeftNavList
{
    margin: 0 0 0 0px !important; 
    list-style: none;
    overflow: visible !important;
}            

div#LeftNavLayer ul#LeftNavList li
{
    margin: 0 0 0 0px !important; 
    width: 160px;
	line-height: normal !important;
}

div#LeftNavLayer ul#LeftNavList li a.ASelectedItem
{
	color: #68a5ea !important;
}

div#LeftNavLayer ul#LeftNavList li.LiFirstLevel
{
	padding-top: 7px;
	padding-left: 15px;
	width: 145px !important;
	background:url('images/MainArrow.gif') 1px 10px no-repeat;
}

div#LeftNavLayer ul#LeftNavList li.LiSecondLevel
{
	padding-top: 5px;
	padding-left: 30px;
	width: 130px !important;
	background:url('images/SelectedSecondLevelArrow.gif') 0px 10px no-repeat;
}

div#LeftNavLayer ul#LeftNavList li.LiThirdLevel
{
	padding-top: 5px;
	padding-left: 40px;
	width: 120px !important;
	background:url('images/ThirdLevelArrow.gif') 0px 10px no-repeat;
}

div#LeftNavLayer ul#LeftNavList li.LiSelectedThirdLevel
{
	padding-top: 5px;
	padding-left: 40px;
	width: 120px !important;
	background:url('images/SelectedThirdLevelArrow.gif') 0px 10px no-repeat;
}

div#LeftNavLayer ul#LeftNavList li.LiHorizontalDotLine
{
	padding-left: 0px;
}

div#LeftNavLayer ul#LeftNavList li div.HorizontalDotLineFirstLevel
{
	margin-top: 7px;
	margin-left: -14px;
	width: 160px;
	height: 1px;
	background:url('images/HorizontalDotLine.gif') no-repeat;
	overflow: hidden;
}

div#LeftNavLayer ul#LeftNavList li div.HorizontalDotLineSecondLevel
{
	margin-top: 7px;
	margin-left: -29px;
	width: 160px;
	height: 1px;
	background:url('images/HorizontalDotLine.gif') no-repeat;
	overflow: hidden;
}

div#LeftNavLayer ul#LeftNavList li div.HorizontalDotLineThirdLevel
{
	margin-top: 7px;
	margin-left: -39px;
	width: 160px;
	height: 1px;
	background:url('images/HorizontalDotLine.gif') no-repeat;
	overflow: hidden;
}

/*** End - new left Navigation of phase 3 ***/


/*** End of Phase3 ***/