﻿
body, input, textarea, select
{
	color: #505050;
}

body
{
	font-family: Arial, Verdana, Sans-Serif;
	margin-top: 0px;
	background: #f2f2f2;
	font-size: 16px;
	line-height: 30px;
}

a img
{
	border: none;
}

a:link
{
	text-decoration: none;
	color: #002F65;
}
a:hover
{
	color: #000000;
}
a:visited
{
	text-decoration: none;
	color: #002F65;
}


/* -------------------------------------------------*/
/*-		Typography								----*/
/*------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	color: #505050;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1
{
	color: #505050;
	font-size: 38px;
	line-height: 34px;
	margin: 0 0 18px 0;
}
/*
h1 span.sm
{
	font-size: 21px;
}
*/
h2
{
	font-size: 26px;
	font-weight: bold; /*line-height: 22px;*/
	margin: 0 0 12px 0;
	padding: 0px;
	font-family: Arial;
}
h3
{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
h4
{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 6px 0;
}
h5
{
	margin: 0 0 6px 0;
}

.alertmessage
{
	color: Orange;
	font-weight: bold;
}

.notation
{
	color: #000000;
	padding: 0 15px;
	font-size: 80%;
}

.gg
{
	font-weight: bold;
}

/* -------------------------------------------------*/
/*-		Layout									----*/
/*------------------------------------------------- */

#PageTemplate
{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 18px;
	background-image: url('./Images/background.png');
}


/* -------------------------------------------------*/
/*-		Header									----*/
/*------------------------------------------------- */

#Header
{
	width: 930px;
}

#CompanyLogo
{
	top: 0px;
	z-index: 20;
	float: left;
	padding: 10px 35px 11px 35px;
}

.imgLogo
{
}

#SubHeader
{
	position: relative;
	top: 0px;
	height: 45px;
	float: right;
}

#MainMenuContainer
{
	vertical-align: middle;
	position: relative;
	float: left;
}


/* -------------------------------------------------*/
/*-		Forms									----*/
/*------------------------------------------------- */

form
{
	margin: 0 0 1.5em 0;
	padding: 0 0 0 2px;
}

form fieldset
{
	border: none;
}

form label
{
	margin: 0 0 .25em 0;
	padding: 0;
}

form p
{
	margin: 0 0 1em 0;
}

form input.text
{
	padding: 2px;
	line-height: 19px;
}


/* -------------------------------------------------*/
/*-		Horizontal css menu						----*/
/*------------------------------------------------- */

.horizontalcssmenu ul
{
	margin: 0;
	list-style-type: none;
	float: right;
}

/*Top level list items*/
.horizontalcssmenu ul li
{
	position: relative;
	display: inline;
	float: left;
	text-transform: uppercase;
}
.horizontalcssmenu ul li.first-menuitem
{
	border-left: 1px solid white;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a
{
	display: block;
	width: 70px; /*Width of top level menu link items*/
	padding: 2px 8px;
	border: 1px solid #FFFFFF;
	border-left-width: 0;
	text-decoration: none;
	font: bold 12px Tahoma;
	text-decoration: none;
}
.horizontalcssmenu ul li a:hover
{
}

/*Sub level menu*/
.horizontalcssmenu ul li ul
{
	left: -85px;
	top: 0;
	border-top: 1px solid #202020;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 3;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li
{
	display: inline;
	float: none;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a
{
	width: 160px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	border-width: 0 1px 1px 1px;
}
.horizontalcssmenu ul li ul li a:hover
{
}

/* arrow icon for indicating sub level menu */
.horizontalcssmenu .arrowdiv
{
	position: absolute;
	right: 0;
	background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara
{
	/*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li
{
	float: left;
	height: 1%;
}
* html .horizontalcssmenu ul li a
{
	height: 1%;
}

#FirstImage
{
	display: block;
	padding: 30px;
}

#BusinessAdvisory
{
	display: block;
	padding: 30px;
}

#BusinessIntelligence
{
	display: none;
	padding: 30px;
}

#AppDev
{
	display: none;
	padding: 30px;
}
#Emerging
{
	display: none;
	padding: 30px;
}
#Mobile
{
	display: none;
	padding: 30px;
}

.NavigationImage
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 278px;
}


/* -------------------------------------------------*/
/*-		MAIN (default home page) CONTENT		----*/
/*------------------------------------------------- */

.HomeMainContent
{
	width: 100%;
	height: 235px;
	padding: 20px 25px 0px 20px;
}

.defaultLeftBox
{
	display: block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8px;
	padding: 0px;
	position: relative;
	left: 0;
	width: 340px;
	text-decoration: none;
	float: left;
	height: 234px;
	z-index: 2;
	color: #FFFFFF;
	margin-right: 15px;
}

.defaultMiddleBox
{
	display: block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	position: relative;
	left: 0;
	width: 258px;
	text-decoration: none;
	float: left;
	height: 234px;
	z-index: 2;
	color: #002F67;
	margin-right: 15px;
}

/**News Control(Home Page) **/
.newsBox
{
	display: block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	padding: 0px;
	position: relative;
	left: 0;
	width: 258px;
	text-decoration: none;
	float: left;
	height: 234px;
	z-index: 2;
}
.newsBox a
{
	text-decoration: none;
	color: #002F65;
}
/*
background-color: #5E80A3;	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
*/


/* -------------------------------------------------*/
/*-		Footer									----*/
/*------------------------------------------------- */

.BottomTrim
{
	border-bottom: solid 3px #6f7277;
}

.FooterMenu
{
	color: #505050;
	text-decoration: none;
}

/* -------------------------------------------------*/
/*-		UNIT MASTER PAGE (and inherited pages)	----*/
/*------------------------------------------------- */

.UnitBar
{
	background-color: #505050;
	height: 25px;
	border-top: solid 5px #D3A52D;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}

.UnitTextArea
{
	clear: both;
	padding: 0px 25px 0px 0px; /* 		width: 625px; 	display: block; 	list-style-type: none; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: bold; 	font-size: 12px; 	padding: 20px; 	left: 0; 	vertical-align: top; 	text-decoration: none; 	float: left; 	color: #656C72; */
	font-size: 12px;
}

.ServicesUnitTextArea
{
	clear: both;
	padding: 0px 35px 0px 0px; /* 		width: 625px; 	display: block; 	list-style-type: none; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: bold; 	font-size: 12px; 	padding: 20px; 	left: 0; 	vertical-align: top; 	text-decoration: none; 	float: left; 	color: #656C72; */
	font-family: Arial;
	font-size: 12px;
}

.UnitRoundedCornerTop
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	height: 352px;
	width: 258px;
	z-index: 2;
	line-height: normal;
}

.UnitRoundedCornerBottom
{
	display: block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	background-color: #5D7FA3;
	width: 275px;
	text-decoration: none;
	z-index: 2;
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	color: #A4C2DB;
}
/*
#left
{
	width: 150px;
	height: 100%;
}

#left2
{
	float: left;
	width: 275px;
	height: 900px;
}

#right
{
	width: 160px;
	height: 100%;
	padding-left: 12px;
}

#center
{
	width: 450px;
	padding-bottom: 40px;
	padding-right: 15px;
	padding-left: 15px;
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
}

#center2
{
	position: absolute;
	left: 340px;
	width: 465px;
	margin-bottom: 40px;
}

#ContactLeft
{
	float: left;
	width: 275px;
}
*/

.sidepanel
{
	color: #FFC222;
	line-height: normal;
	width: 258px;
	list-style-position: inside;
}

.sidepanel .header
{
	font-size: 20px; 
	font-weight: bold; 
	text-transform: uppercase;
}

.sidepanel a
{
	color: #FFC222;
	font-size: 12pt;
	font-weight: bold;
}
.sidepanel a:visited
{
	color: #FFC222;
}
.sidepanel a:hover
{
	color: #FFFFFF;
}

.sidepanel .name
{
	font-size: 12pt;
	font-weight: bold;
}
.sidepanel .title
{
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
}

.profile .name
{
	font-size: 12pt;
	font-weight: bold;
}

.profile .title
{
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}


.linkbox .name
{
	font-size: 12pt;
	font-weight: bold;
}
.linkbox .title
{
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
}
.linkbox .name a
{
	color: #FFC222;
}
.linkbox a:hover
{
	color: #FFFFFF;
}

.linkbox_tech a
{
	color: #FFC222;
}
.linkbox_tech a:hover
{
	color: #FFFFFF;
}
.linkbox_tech img
{
	padding: 3px;
}


.linkbox_successes a
{
	color: #FFC222;
}
.linkbox_successes a:hover
{
	color: #FFFFFF;
}
.linkbox_successes img
{
	padding: 3px;
}

.linkbox_contact
{
	color: #FFC222;
}
.linkbox_contact a
{
	font-size: 8pt;
	color: #FFC222;
}
.linkbox_contact a:hover
{
	color: #FFFFFF;
}
.linkbox_contact img
{
	padding: 3px;
}


/**MENU STYLE **/
#sddm
{
	margin: 50px 0 0 0;
	padding: 0;
	color: #002F65;
	z-index: 1;
}

#sddm li
{
	float: left;
	list-style: none;
	font: 16px Arial;
	color: #002F65;
}

#sddm li a
{
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 0px;
	white-space: nowrap;
	color: #002F65;
}

#sddm li a:hover
{
}

#sddm div
{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background-color: #A4C2DC;
	color: #002F65;
}

#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	border-top: 1px solid white;
	color: #002F65;
}

#sddm div a:hover
{
	background-color: #002F65;
	color: #FFFFFF; /* #ffc61e; */
}



.twelvebold
{
	font-size: 12pt;
	font-weight: bold;
	line-height: normal;
}
.fourteenbold
{
	font-size: 14pt;
	font-weight: bold;
}
.tenbold
{
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}
.elevenbold
{
	font-size: 11pt;
	font-weight: bold;
	line-height: normal;
}
a.specialLink:link
{
	text-decoration: none;
	color: #FFC222;
	font-weight: bold;
	margin: 0;
	padding-bottom: 12px;
}
a.specialLink:visited
{
	color: #FFC222;
}
a.specialLink:hover
{
	color: #FFFFFF;
}


