/*
-----------------------------------------------------------------------
--
--  General
--
-----------------------------------------------------------------------
*/

body 
{
	
	background-color:#f1f1f1;
	font-family:Arial;
	color:#888;
	margin:2px;
	font-size:10pt
}

h1
{
	color:#1271B3;
	padding:5px 0px;
	margin:0px;
	font-size:2.4em;
	font-weight:normal;
	line-height:120%
}

h2
{
	color:#1271B3;
	padding:0px;
	margin:0px;
	font-size:1.9em;
	font-weight:normal;
}

h3
{
	color:#1271B3;
	padding:5px 0px;
	margin:0px;
	font-size:2.4em;
	font-weight:normal;
	line-height:120%
}

p
{
	color:#888;
	padding:0px;
	margin:5px 0px;
	text-align:left;
}

a
{
	color:#0076C0;
}


/*
-----------------------------------------------------------------------
--
--  Layout / MasterPage Zones
--
-----------------------------------------------------------------------
*/

.Background
{
	background: url("../images/background.jpg" ) repeat-x left -19px;
	width:100%;
	height:100%;
	float:left;
	clear:none;
}


.SiteOutterWrapper
{
	margin-left:auto;
	margin-right:auto;
	width:977px;
}

.SiteInnerWrapper
{
	width:977px;
	padding: 2px;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
}

.HeaderContent
{
	float:left;
	clear:both;
	height:156px;
	width:977px;
}

.MiddleWrapperTop
{
	float:left;
	clear:both;
	width:977px;
	height:5px;
}

.MiddleWrapper
{
	padding: 0px 15px 0px 0px;
	float:left;
	clear:none;
	width:965px;
}

.FullWidthContent
{
	float:left;
	clear:both;
	width:977px;
}

.MiddleWrapperBottom
{
	width:977px;
	height:5px;
	float:left;
	clear:both;
}

.LeftContent
{
	float:left;
	clear:none;
}

.MainContent
{
	float:left;
	clear:none;
}

.RightContent
{

}

.FooterContent
{
	clear:both;
}


/*
-----------------------------------------------------------------------
--
--  Header Module
--
-----------------------------------------------------------------------
*/


.CompanyLogo
{
	padding:0px 10px 0px 10px;
	float:left;
	clear:none;
}


/*
-----------------------------------------------------------------------
--
--  Navigation Bar
--
-----------------------------------------------------------------------
*/

.NavigationBar
{
	float:left;
	clear:none;
	margin:0px;
	padding:26px 0px 0px 0px;
	font-size:9pt;
	width:700px;
}

.NavigationBar_LI
{
	list-style:none;	
	float:right;
	clear:none;
	padding: 9px 3px 8px 4px;
	margin:0px;
	cursor:pointer;
	width:121px;
	text-align:center;
	background: url("../images/tabs/tabback.jpg" ) repeat-x left top;
	color: #fff;
	text-decoration:none;

}

.NavigationBar_LI a
{
	color: #fff;
	text-decoration:none;
}
.NavigationBar_LI a:hover
{
	color: #fff;
	text-decoration:none;
}
.NavigationBar_LI:hover 
{
	background: url("../images/tabs/tabbackSelected.jpg" ) repeat-x left top;
}

.NavigationBar_LI:hover a
{
	color: #fff;
	text-decoration:none;
}

.NavigationBar_LI_Selected a
{
	color: #E4CD3F;
	text-decoration:none;
}

.NavigationBar_LI_Selected
{
	list-style:none;	
	float:right;
	clear:none;
	padding: 9px 3px 8px 3px;
	margin:0px;
	cursor:pointer;
	width:121px;
	text-align:center;
	background: url("../images/tabs/tabbackSelected.jpg" ) repeat-x left top;
	color: #E4CD3F;
	text-decoration:none;
}


/*
-----------------------------------------------------------------------
--
--  Categories Home Menu
--
-----------------------------------------------------------------------
*/

#CategoriesMenu
{
	padding: 0px 0px 0px 12px;
	float:left;
	clear:none;
	background: url('../images/divbackgrounds/fullwidthmiddle.jpg') repeat-y left top;
	width:968px;
	margin:0px;
	font-size:9pt;
}

#CategoriesMenu-ButtonWrapper
{
	padding:0px;
	float:left;
	clear:none;
	width:255px;
	margin:0px;
}

.CategoriesMenu-Button
{
	width:252px;
	height:51px;
	float:left;
	clear:none;
	list-style-type:none;
	background-position: 0 0;
	cursor:pointer;
	padding:0px;
}

.CategoriesMenu-Button h2
{
	color:#fff;
	font-weight:normal;
	margin:0px;
	padding:3px 0px 0px 0px;
	line-height:1.1em;
}

#content
{
	width: 696px;
	float:left;
	clear:none;
	height:255px;
	padding-left:5px;

}

#content h1
{
	padding-top:15px;
}



/*
-----------------------------------------------------------------------
--
--  Categories Mini Menu
--
-----------------------------------------------------------------------
*/

#CategoriesMenu-Mini
{
	padding: 0px 0px 0px 12px;
	float:left;
	clear:none;
	background: url('../images/divbackgrounds/narrowwidthmiddle.jpg') repeat-y left top;
	width:280px;
	margin:0px;
	font-size:9pt;
	
}

#CategoriesMenu-Mini-ButtonWrapper
{
	padding:0px;
	float:left;
	clear:none;
	width:255px;
	margin:0px;
}

.CategoriesMenu-Mini-Button
{
	width:252px;
	height:51px;
	float:left;
	clear:none;
	list-style-type:none;
	background: url("../images/categoryimages/ButtonFadeBackground.jpg" ) no-repeat left top;
	background-position: 0 0;
	cursor:pointer;
	padding:0px;
	
	
}

.CategoriesMenu-Mini-Button h2
{
	color:#fff;
	font-weight:normal;
	margin:0px;
	padding:3px 0px 0px 0px;
	line-height:1.1em;
}


/*
-----------------------------------------------------------------------
--
--  Left Navigation
--
-----------------------------------------------------------------------
*/


/*.LeftNavigationHeader h2
{
	float:left;
	clear:none;
	color: #FFF;
	background-color:#FFF;
	line-height:normal;
	margin:0px;
	padding:8px 0px 0px 5px;
	font-weight:bold;
	width:178px;
	border:solid 1px green;
}*/

.LeftNavigation ul

{
	float:left;
	width:178px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

.LeftNavigationLink

{
	padding:8px 0px 0px 5px;
	margin:0px;
	float:left;
	clear:none;
	width:173px;
	height:31px;
	color:#FFF;
	font-size:14px;
	background: url("../images/sub_menu_head.png" ) no-repeat left top;
} 


.LeftNavigationLink_Selected

{
	padding:8px 0px 0px 5px;
	margin:0px;
	float:left;
	clear:none;
	width:173px;
	height:31px;
	color:#FFF;
	font-size:14px;
	background: url("../images/sub_menu_head.png" ) no-repeat left top;
} 

.LeftNavigation ul li a

{
	text-decoration:none;
 	float:left;
 	color:#fff;
 	padding-bottom:5px;
 	margin:0px;
}

.LeftNavigationLinkItem

{
	padding:8px 0px 0px 5px;
	margin:0px;
	float:left;
	clear:none;
	width:173px;
	height:8px;
	color:Black;
	font-size:12px;
	background: url("../images/sub_menu.png" ) no-repeat left top;
} 

.LeftNavigationLinkItem_Selected

{
	padding:8px 0px 0px 5px;
	margin:0px;
	float:left;
	clear:none;
	width:173px;
	height:8px;
	color:Yellow;
	font-size:12px;
	background: url("../images/sub_menu.png" ) no-repeat left top;
} 




/*
-----------------------------------------------------------------------
--
--  Footer SiteMap
--
-----------------------------------------------------------------------
*/

.FooterSiteMapFullWidth

{
	background-color:#000;
	width:100%;	
	float:left;
	clear:both;
	/*height:105px;*/
}

.FooterSiteMapCenter
{
	background: url("../images/FooterBackground.jpg") no-repeat left bottom;
     overflow:auto;
    float:none;
    clear:none;
	width:970px;
    margin-right:auto;
	margin-left:auto;
}

.FooterSiteMapWrapper
{
	font-size:8pt;
	font-weight:bold;
	/*width:970px;*/
	color:#fff;
	padding:10px 0px 0px 0px;
	float:left;
	clear:both;
}

.FooterSiteMapWrapper ul

{
	float:left;
	clear:right;
	margin:0px;
	padding:10px 5px 10px 10px;
	list-style-type:none;
}

.FooterSiteMapWrapper ul li a

{
	text-decoration:none;
 	color:#fff;
 	float:left;
}

.FooterSiteMapWrapper ul li a:hover

{
	color: #FDB813;
}


.FooterSiteMapPage
{
	padding-left: 0px;
	font-weight:normal;
	font-size:90%
}

.FooterDisclaimer
{
	float:left;
	clear:both;
	width:977px;
	text-align:right;
	font-size:80%;
	padding-top:10px;
}

/*
-----------------------------------------------------------------------
--
--  Partners Popups
--
-----------------------------------------------------------------------
*/

ul.Partners
{
	float: left;
	list-style: none;
	margin: 0; padding: 0px 22px;
	width: 935px;
	background: url('../images/divbackgrounds/fullwidthmiddle.jpg') repeat-y left top;
}

ul.Partners li
{
	padding: 0px;
	margin-top:-5px;
	float: left;
	position: relative;
	width: 103px;
	height: 93px;
}

ul.Partners li img
{
	width: 88px;
	height: 88px;
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	padding: 0px 5px;
	background: #fff;
	position: absolute;
	left: 0%;
	top: 0%;
}

ul.Partners li img.hover
{
	background: #fff;
}

/*
-----------------------------------------------------------------------
--
--  Partners Detail List
--
-----------------------------------------------------------------------
*/

.PartnersDetail
{
	float: left;
	list-style: none;
	margin: 0; padding: 10px 3px;
	width: 790px;
}

.PartnersDetail li
{
	padding: 10px 0px;
	margin:0px;
	float: left;
	width:790px;
}

ul.PartnersDetail li img
{

	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
}

ul.Partners li img.hover
{
	background: #fff;
}


/*
-----------------------------------------------------------------------
--
--  Our Team
--
-----------------------------------------------------------------------
*/

.OurTeam
{
	width: 675px;
	float: left;
	clear:none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.OurTeam
{
	padding: 0px;
	margin:0px;
	float: left;
}

ul.OurTeam li img
{

	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
}

ul.OurTeam li img.hover
{
	background: #fff;
}


/*
-----------------------------------------------------------------------
--
--  bubble tooltip
--
-----------------------------------------------------------------------
*/

a.tt{
    position:relative;
    z-index:24;
    color:#0076C0;
    text-decoration:none;
    border-bottom:dashed 1px #0076C0;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #bbbbbb;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #0076C0;
    text-align: center;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}


/*
-----------------------------------------------------------------------
--
--  Latest Case Study
--
-----------------------------------------------------------------------
*/

.LatestCaseStudy
{
 background-color:#F1F1F1;
 width:470px;
 float:left;
 clear:none;
 margin:5px;
 padding:0px;
 margin-top:10px;
}

/*
-----------------------------------------------------------------------
--
--  Latest News
--
-----------------------------------------------------------------------
*/

.LatestNews
{
 background-color:#FFF;
 width:470px;
 float:left;
 clear:none;
 margin-left:10px;
}

/*
-----------------------------------------------------------------------
--
--  All News
--
-----------------------------------------------------------------------
*/

.AllNews
{
 background-color:#FFF;
 width:250px;
 float:left;
 clear:none;
}