/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.ContentColumns { background: #fff /*url('../Images/PageBG.jpg') left bottom repeat-x scroll*/; padding: 40px 0px 20px; }
div.ContentColumns div.SideColumn { background: none; }
div.ContentColumns div.SideColumnBG { background: none; }


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Panels
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Middle Column */
div.MiddleColumn div.Panel { width: 648px; }
div.MiddleColumn div.Panel div.PanelContent { background: #ABAFB2; width: 642px; margin: 0px; padding: 1px 3px 1px 3px; position: relative; }
div.MiddleColumn div.Panel div.PanelHead { background: url('../Images/Layout/PanelMiddleHead.gif') left top no-repeat scroll; width: 648px; margin: 0px; padding: 0px; height: 10px; overflow: hidden; position: relative;} 
div.MiddleColumn div.Panel div.PanelFoot { background: url('../Images/Layout/PanelMiddleFoot.gif') left top no-repeat scroll; width: 648px; margin: 0px; padding: 0px; height: 10px; overflow: hidden; position: relative; }

div.MiddleColumn div.Panel div.Intro { padding: 0px 10px; }

div.MiddleColumn div.Panel div.Intro p { margin: 0; font-size: 14px; line-height: 1.5; }

div.MiddleColumn div.IntroText { font-size: 13px; width: 637px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Item Row
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.ItemHolder { margin: -4px 0px -4px 3px; }
div.ItemHolder div.ItemRow { height: 205px; position: relative; }
div.ItemHolder div.ItemRow div.Item { float: left; }
div.ItemHolder div.SpacerY { height: 2px; overflow: hidden; }
div.ItemHolder div.SpacerX { display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Lozenge
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Lozenge { width: 318px; height: 205px; background: url('../Images/Layout/LozengeBG.jpg') left top no-repeat scroll; position: relative; }

div.Lozenge h2 { position: absolute; top: 12px; left: 20px; margin: 0px; padding: 0px; color: #FFF; font-size: 17px; font-weight: normal; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ }

div.Lozenge a:link,
div.Lozenge a:visited { color: #FFF; text-decoration: none; }
div.Lozenge a:hover { text-decoration: underline; }

div.Lozenge p { margin: 0px; padding: 0px; font-size: 11px; }
div.Lozenge p.Intro { position: absolute; bottom: 110px; left: 22px; width: 192px; color: #FFF; vertical-align: bottom; font-size: 16px; border-bottom: 1px dashed #F8C580; padding-bottom: 8px; text-transform: lowercase; }

div.Lozenge ul.Questions { position: absolute; top: 60px; left: 22px; width: 192px; color: #FFF; margin: 0px; padding: 0px; font-size: 11px; list-style: none; }
div.Lozenge ul.Questions li { margin-left: 0px; margin-bottom: 10px; font-size: 12px; font-weight: bold; }

div.Lozenge div.Image { position: absolute; top: 48px; right: 10px; width: 82px; height: 146px; overflow: hidden; }

div.Lozenge div.Link { position: absolute; top: 0px; left: 0px; display: none; }
div.Lozenge div.Link a { display: block;  width: 318px; height: 205px; background: url('../Shared/Images/Layout/_blank.gif') left top repeat scroll;  }
div.Lozenge div.Link span { display: none; }

div.SmallLozenge { background: url('../Shared/Images/Layout/Theme03/HomepageLozenge.png') left top no-repeat scroll; color: #FFF; float: left; height: 205px; margin: 0 5px; width: 205px }
div.SmallLozenge h3 { font-size: 14px; line-height: 18px; margin: 15px 0 30px 15px }
div.SmallLozenge a { color: #FFF; text-decoration: none; }
div.SmallLozenge a:hover { color: #000 }

div.SmallLozenge p, div.SmallLozenge ul { font-weight: bold; }
div.SmallLozenge p { margin: 10px 10px; }
div.SmallLozenge ul { list-style: none; margin: 30px 10px 15px; padding-left: 0 }
div.SmallLozenge li { margin: 8px 0; }
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenuHolder { position: relative; height: 1%; z-index: 4; }
div.MainMenu { position: absolute; top: -25px; left: 37px; width: 901px; height: 47px; background: url('../Images/Layout/FloatingMenuBG.png') left top no-repeat scroll; }

div.MainMenu ul { top: 5px; left: 10px; padding: 0px; background: none; z-index: 300000 !important; }
div.MainMenu a { }

* html div.MainMenu { background-image: url('../Images/Layout/FloatingMenuBGIE6.gif'); }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Content
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.NewsPanel { position: relative; top: auto !important; left: 35px !important; right: auto !important; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Add This
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.AddThis { position: absolute; top: 260px !important; right: 68px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Lozenges
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.BrightLozengesHolder { margin-bottom: 20px; height: 100%; }



ul.BrightLozenges { list-style: none; margin: 0; padding: 0; margin: 0; }
ul.BrightLozenges li { width: 320px; height: 133px; float: left; margin: 0; position: relative; }
ul.BrightLozenges li a { width: 320px; height: 168px; display: block; text-decoration: none !important; color: #fff; }
ul.BrightLozenges li a h3 { position: absolute; top: 17px; left: 20px; margin: 0; padding: 0; font-size: 18px; color: #fff !important; text-transform: uppercase; }
ul.BrightLozenges li a p { position: absolute; top: 65px; left: 20px; right: 80px; font-weight: bold; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; }

ul.BrightLozenges li.Purple { margin: 0 10px 10px 0; }
ul.BrightLozenges li.Orange { margin: 0 0px 10px 0; }
ul.BrightLozenges li.Black { margin: 0 10px 0px 0; }
ul.BrightLozenges li.Green {  }

ul.BrightLozenges li.Purple a { background: url('../Images/LozengePurpleSmall.png') 0 0 no-repeat; color: #fff; }
ul.BrightLozenges li.Orange a { background: url('../Images/LozengeOrangeSmall.png') 0 0 no-repeat; color: #fff; }
ul.BrightLozenges li.Black a { background: url('../Images/LozengeBlackSmall.png') 0 0 no-repeat; color: #fff; }
ul.BrightLozenges li.Green a { background: url('../Images/LozengeGreenSmall.png') 0 0 no-repeat; color: #fff; }

ul.BrightLozenges li.Purple a:hover { background: url('../Images/LozengePurpleSmallOver.png') 0 0 no-repeat; color: #2A2076; }
ul.BrightLozenges li.Orange a:hover { background: url('../Images/LozengeOrangeSmallOver.png') 0 0 no-repeat; color: #F05300; }
ul.BrightLozenges li.Black a:hover { background: url('../Images/LozengeBlackSmallOver.png') 0 0 no-repeat; color: #3A434B; }
ul.BrightLozenges li.Green a:hover { background: url('../Images/LozengeGreenSmallOver.png') 0 0 no-repeat; color: #00740E; }

ul.BrightLozenges:after
{
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
* html ul.BrightLozenges, /* IE6 */
*:first-child+html ul.BrightLozenges /* IE7 */
{
    zoom: 1;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Group Services
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.GroupLozengesHolder { margin-bottom: 0px; }

div.GroupLozengesHolder h2 { color: #fff; margin: 0 0 10px 10px; font-size: 24px; }

ul.GroupLozenges { list-style: none; margin: 0; padding: 0; margin: 0; }
ul.GroupLozenges li { float: left; display: inline; margin: 0; padding: 0; position: relative; }
ul.GroupLozenges li a { display: block; text-decoration: none !important; }

ul.GroupLozenges li.Consulting a { width: 111px; height: 49px; background: url('../Images/LozengeGroupConsulting.png') 0 0 no-repeat; }
ul.GroupLozenges li.Employability a { width: 133px; height: 49px; background: url('../Images/LozengeGroupEmployability.png') 0 0 no-repeat; }
ul.GroupLozenges li.ManagedServices a { width: 169px; height: 49px; background: url('../Images/LozengeGroupManagedServices.png') 0 0 no-repeat; }
ul.GroupLozenges li.WorkforceDevelopment a { width: 210px; height: 49px; background: url('../Images/LozengeGroupWorkforceDevelopment.png') 0 0 no-repeat; }


ul.GroupLozenges li span { position: absolute; top: 14px; left: 18px; color: #fff; margin: 0; padding: 0; font-size: 14px; font-weight: bold; }

ul.GroupLozenges li.Consulting { margin: 0 2px 10px 5px; }
ul.GroupLozenges li.ManagedServices { margin: 0 0px 10px 0; }
ul.GroupLozenges li.Employability { margin: 0 2px 0px 2px; }
ul.GroupLozenges li.WorkforceDevelopment {  }

ul.GroupLozenges:after
{
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
* html ul.GroupLozenges, /* IE6 */
*:first-child+html ul.GroupLozenges /* IE7 */
{
    zoom: 1;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


div.RotateBanner { position: absolute; width:100%; height: 163px; top: -41px; left: 0; }

div.RotateTitle { position: absolute; top: -202px; width: 690px; right: 0; }

div.Banner { position: relative; width: 100%; height: 163px; top: 0px; background: #485058; z-index: 2; }

div.BannerImage { position: absolute; top: 0px; left: 0px; z-index: 3; width: 750px; height: 204px; background: url('../Shared/Images/Banners/Group/NewBanner01.jpg') left top no-repeat scroll; }
div.BannerImage.Two { display: none; background: url('../Shared/Images/Banners/Group/NewBanner02.jpg') left top no-repeat scroll; }
div.BannerImage.Three { display: none; background: url('../Shared/Images/Banners/Group/NewBanner03.jpg') left top no-repeat scroll; }
div.BannerImage.Four { display: none; background: url('../Shared/Images/Banners/Group/NewBanner04.jpg') left top no-repeat scroll; }

div.PageTitle { position: absolute; width: 690px; height: 164px; z-index: 1; background: transparent url('../Shared/Images/Text/Group/WorkingTogether.png') left top no-repeat scroll; }
div.PageTitle.Three { display: none; background: transparent url('../Shared/Images/Text/Group/MakeDifference.png') left top no-repeat scroll; }
div.PageTitle.Four { display: none; background: transparent url('../Shared/Images/Text/Group/DevelopingSkills.png') left top no-repeat scroll; }
div.PageTitle.Five { display: none; background: transparent url('../Shared/Images/Text/Group/DevelopingPeopleForBusiness.png') left top no-repeat scroll; }
div.PageTitle div.PageTitleContent {}

div.PageTitle div.Title span { display: none; }
div.PageTitle div.SubTitle span { display: none; }