/* ########## Layout ########## */
body { font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; color: black;
background-repeat: repeat-y;
}

h1,h2,h3,h4,h5 { margin:0; padding:0; }

#wrapper {
	width: 763px;
	padding: 0;
	margin: 0;
}

#header {
	padding-top: 17px;
	background-color: white;
}

/* ########## Nav ########## */

#nav {
	width: 763px;
	text-align: right;
}
#nav a { padding: 0; margin: 0; border: 0; }

#SubProducts { left: 458px; }
#SubExpertise { left: 382px; }
#SubCompany { left: 610px; }

#SubServices, #SubProducts, #SubExpertise, #SubCompany {
	position: absolute;
	width: 100px;
	z-index: 1;
	top: 100px;
	visibility: hidden;
	border-top: 1px solid #99CCFF;
}
#SubServices a, #SubProducts a, #SubExpertise a, #SubCompany a {
	text-decoration: none;
	color: #0066CC;
	background-color: white;
	font-size: 11px;
	width: 100px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #99CCFF;
	border-right: 1px solid #99CCFF;
	border-bottom: 1px solid #99CCFF;
}
#SubServices a:hover, #SubProducts a:hover, #SubExpertise a:hover, #SubCompany a:hover {
	background-color: #CCE0F5;
}

/* ########## Index ########## */

#index {
	margin-left: 34px;
	width: 729px;
}
#index .border {
	border: 1px solid #0066CC;
	border-top: 0px; }

#banner {
	background-color: #0066CC;
	color: white;
	/* padding-left: 22px; */
	font-size: 11px;
}
/* #banner .caption { text-align: right; font-size: 9px; padding-right: 36px; } */
/* #index #banner { font-size: 12px; } */

#indexcontent {
	color: #4B4B4B;
	padding-left: 11px;
	padding-right: 11px;
}
#indexcontent h1 {
	font-family: Arial;
	width: 100%
	display: block;
	border: 1px dotted #B1B1B1;
	border-left: 0px;
	border-right: 0px;
	font-size: 11px;
	margin-left: 10px;
	padding: 2px 1px;
	margin-bottom: 10px;
}

#indexcontent h2, #indexcontent p {
	font-size: 11px;
	color: #003399;
	padding: 0;
	margin: 0;
}

#indexcontent .block {
	color: #4B4B4B;
	font-size: 11px;
	width: 50%;
	border-left: 1px solid #3399FF;
	padding-left: 17px;
	padding-right: 7px;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: top-left;
	background-position: 4px 3px;  
}

#indexcontent ul {
	margin: 0;
	list-style: none;
	color: #003399;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #3399FF;
	padding-left: 17px;
	padding-right: 7px;
	margin-bottom: 15px;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: top-left;
	background-position: 4px 4px;
}
#indexcontent ul li {
	font-size: 12px;
	color: #003399;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
#indexcontent ul ul {
	margin-bottom: auto;
	background: none;
	border-left: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#indexcontent .bullets, #content .bullets ul { background: none; border-left: 0px; padding-left: 0px; }
.bullets li {
	padding-left: 13px;
	background-image: url('images/site/bullet_square.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#indexcontent ul ul li, #content .bullets li li {
	margin-left: 3px;
	padding-left: 15px;
	background-image: url('images/site/arrow_gray.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
	
#indextag {
	font-size: 11px;
	color: #003399;
}
#indextag span a { color: #003399; text-decoration: none; }
#indextag span a:hover { text-decoration: underline; }

#indexMSpartner {
	background-color: #E5E5E5;
	border-left: 1px solid #99CCFF;
}

/* ########## Footer ########## */

#footer {
	margin-top: 2px;
	margin-left: 34px;
	padding-bottom: 16px;
	color: #0066CC;
	font-size: 9px;
}
#footer a { text-decoration: none; color: #0066CC; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer a:active { text-decoration: underline; }

#footer .left { float: left; }
#footer .right { float: right; padding-right: 3px; }

/* ########## Button ########## */

.button a {
	font-size: 10px;
	text-transform: uppercase;
	color: #003399;
	display: block;
	float: right;
	padding-right: 17px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px dotted #3399FF;
	border-left: 0px;
	border-right: 0px;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: center right;
	text-decoration: none;
}
.button a:link {}
.button a:visited {}
.button a:hover { color: #3399FF; border-color: #3399FF; }
.button a:active {}

/* ########## Sub Page ########## */
#subpage {
	width: 729px;
}

/* ########## Sub Nav ########## */
#subnav {
	font-size: 12px;
	color: #003399;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	padding-bottom: 25px;
	height: 250px; /* This is handled strangely between FF Safari and IE */
	min-height: 250px;
}
#subnav ul li { display: inline; }
#subnav ul li a {
	display: block;
	border-bottom: 1px solid #80B3E6;
	padding: 8px 30px 8px 34px; /* top right bottom left */
	text-decoration: none;
	color: #003399;
}
#subnav ul li a:hover {
	background: #CCE0F5;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: 20px 12px;
}
#subnav ul li .selected {
	background: #CCE0F5;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: 20px 12px;
}

#subnav #contact {
	font-size: 9px;
	display: block;
	border-bottom: 1px solid #80B3E6;
	padding: 8px 20px 8px 34px; /* top right bottom left */
	text-decoration: none;
	color: #003399;
}
#subnav #contact .border {
	margin-bottom: -1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px dotted #3399FF;
	border-left: 0px;
	border-right: 0px;
}
#subnav #contact .border img { display: block; float: left; margin-right: 6px; vertical-align: middle; }
#subnav #contact .border a { color: #003399; text-decoration: none; }
#subnav #contact .border a:hover { color: #3399FF; }

#subnav .MSpartner { text-align: center; padding-top: 18px; padding-bottom: 20px; }

/* ########## Breadcrumbs ########## */
#breadcrumbs {
	font-size: 9px;
	text-align: right;
	color: #003399;
	margin-top: 3px;
	margin-right: 20px;
}
#breadcrumbs a { color: #003399; text-decoration: none; }
#breadcrumbs a:hover { color: #3399FF; text-decoration: underline; }

/* ########## Content ########## */
#content {
	padding-top: 34px;
	padding-right: 100px;
	padding-left: 50px;
	padding-bottom: 20px;
	font-size: 11px;
	color; black;
}

#content a { color: #003399; text-decoration: underline; }
#content a:hover { color: #3399FF; text-decoration: underline; }

#content h1 { color: #0066CC; font-size: 16px; margin-bottom: 35px; }
#content h1 strong {  }

#content h2 { color: #0066CC; font-size: 14px; margin-bottom: 8px;}
#content h3 { color: #003399; font-size: 12px; margin-bottom: 8px;}
#content h4 { color: black; font-size: 11px; font-weight: bold; margin-bottom: 8px; }
#content p { margin-top: 0px; margin-bottom: 25px; }
#content h5 { color: #003399; font-size: 10px; margin-bottom: 8px;}

#content .h1_pr { color: #0066CC; font-size: 16px; font-weight: bold; }
#content .h2_pr { color: #0066CC; font-size: 14px; margin-bottom: 35px; }

#content ul {
	margin: 0;
	list-style: none;
	color: #003399;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #3399FF;
	padding-left: 17px;
	padding-right: 7px;
	margin-bottom: 15px;
	background-image: url('images/site/arrow.gif');
	background-repeat: no-repeat;
	background-position: top-left;
	background-position: 4px 4px;
}
#content ul li {
	font-size: 11px;
	color: black;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
#content ul ul {
	margin-bottom: auto;
	background: none;
	border-left: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#content .bullets, #content .bullets ul { background: none; border-left: 0px; padding-left: 0px; }
.bullets li {
	padding-left: 13px;
	background-image: url('images/site/bullet_square.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#content ul ul li, #content .bullets li li {
	margin-left: 3px;
	padding-left: 15px;
	background-image: url('images/site/arrow_gray.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	
}

/* ########## Case Study Show/Hide stuff ########## */
.hidden { display: none; }
.unhidden { display: block; }

/* ########## Fix bullet margins ########## */
#content .bullets { margin-left: 10px; }
#content .bullets ul { margin-left: 0px; }
#content .bullets li { margin-left: 0px; }
#content .bullets ul ul { margin-left: 0px; padding-left: 0px; }
#content .bullets ul li { margin-left: 3px; padding-left: 15px; } /* For IE */
#content .bullets ul>li { margin-left: 15px; } /* For Rest */

/* ########## Nav Drop-Down ########## */