@charset "utf-8";
/* CSS Document */

/* General Styles */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#bbbbbb url(../images/page_bg.jpg) repeat-x;
	background-color:#ECECEC;
}

* {
	margin:0px;
	padding:0px;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.clr {
	clear:both;
}

.BlackBold{
	font-weight:bold;
}

ul, li {
	list-style:none;
}

a {
	text-decoration:none;
	color:#787878;
}

a:hover {
	text-decoration: underline;
}

img {
	border:none;
}

h1{
	color:#0d5ba5;
}

h2{
	color:#0d5ba5;
}

.form_content_left p{
	
}

.form_content_left .field{
	margin-left:6px;
	float:left;
	width:230px;
}

.form_content_left .col{
	float:left;
	width:120px;
}

.greyheader{
	color:#9f9f9f;
	font-size:14px;
	text-transform:uppercase;
	margin-left:5px;
}

/* Layout */

#Layout {
	width:928px;
	margin:auto;
	background:url(../images/body_bg.jpg) repeat-y;
	background-color:bbbbbb;
}

#Top {
	height:150px;
	background:url(../images/header_bg.jpg) repeat-y;
	position: relative;
}

#Logo {
	position:absolute;
	left:23px;
	top:20px;
}

#TopContent {
	position:absolute;
	right:16px;
	top:40px;
	width: 553px;
}

#TopContent li {
	float:right;
}

#TopContent li span {
	margin:0 10px;
}

#TopContent li .blue {
	color:#2b509b;
}

#TopContent li .blue a {
	color:#2b509b;
}

#Nav {
	background:url(../images/nav_bg.jpg) repeat-x;
	height:48px;
	overflow:hidden;
	margin:0 5px;
	position:relative;
	top:102px;
}

#Nav .NavBody {
	height:40px;
}

#Nav ul {
	height:40px;
	background:url(../images/nav-lft.gif) no-repeat 5px top;
	margin:0 0 0 -5px;
}

#Nav ul li {
	float:left;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	background:url(../images/nav-sep.gif) no-repeat right top;
	border-right: solid 1px #FFF;
}

#Nav ul li a {
	color:#fff;
	margin:0 19px;
}

#Nav ul li a .last {
	border:none;
}

#Content {
	padding-top:15px;
	background-image:url(../images/body_bg.jpg) repeat-y;
}

#Content .SingleColumn {
	width:100%;
}

#Content .SingleColumn .BlackBox{
	width:888px;
	height:258px;
	padding:15px;
	padding-top:18px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	border-bottom: solid 1px #333;
}

/* START FOOTER */
#Footer {
	width:920px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
#Footer .footerbody {

}
#Footer .footercontent {
	height:54px;
	line-height:54px;
	padding:0 15px;
}
#Footer .blue {
	color:#2b509b;
}
#Footer a {
	margin:0 15px;
}
#Footerimg {
	height:40px;
	overflow:hidden;
}


/* Classes */

.socialicons{
	float:left;
	width:32px;
	height:32px;
	margin-left:9px;
	margin-bottom:10px;
}

.social-vertical{
    margin-bottom: 10px;
    line-height: 32px;
    height: 32px;
    margin-left: 9px;
}
.social-vertical a {
    padding-left: 10px;
    position: relative;
    top: -12px;
    text-decoration:none;
}

.social-id {
    float:left;
    position:relative;
    top:-6px;
    margin-left: 5px;
}

/* Content Boxes */

/* White Box */
div.WhiteBox{
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/white_box_top_left.gif) top left no-repeat;
}
div.WhiteBox h2{
	padding-top:15px;
	padding-left:15px;
	background: url(../images/white_box_top_right.gif) top right no-repeat;
	padding-top:20px;
}

div.WhiteBox .Body{
	margin-left:15px;
	background: url(../images/white_box_right_border.gif) top right repeat-y;
}
div.WhiteBox .Footer{
	background: url(../images/white_box_bottom_left.gif) bottom left no-repeat;
}
div.WhiteBox .Footer p{
	height:30px;
	background: url(../images/white_box_bottom_right.gif) bottom right no-repeat;
}

/* Blue Box */
div.BlueBox{
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/blue_box_top_left.gif) top left no-repeat;
}
div.BlueBox h2{
	padding-top:18px;
	padding-left:18px;
	height:40px;
	background: url(../images/blue_box_top_right.gif) top right no-repeat;
}
div.BlueBox .Body{
	margin-left:15px;
	background: url(../images/blue_box_right_border.gif) top right repeat-y;
}
div.BlueBox .Footer{
	background: url(../images/blue_box_bottom_left.gif) bottom left no-repeat;
}
div.BlueBox .Footer p{
	height:30px;
	background: url(../images/blue_box_bar_bottom_right.gif) bottom right no-repeat;
}


/* Blue Box with Nav Bar */
div.BlueBoxBar{
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/blue_box_top_left.gif) top left no-repeat;
}
div.BlueBoxBar h2{
	padding-top:18px;
	padding-left:18px;
	height:34px;
	background: url(../images/blue_box_top_right.gif) top right no-repeat;
	color:#FFF;
}
div.BlueBoxBar .Bar{
	width:888px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*background-image:url(../images/blue_box_bar_nav_tile.gif);
	background-repeat:repeat-x;*/
}
div.BlueBoxBar .Body{
	margin-left:15px;
	background: url(../images/blue_box_right_border.gif) top right repeat-y;
}
div.BlueBoxBar .Footer{
	background: url(../images/blue_box_bottom_left.gif) bottom left no-repeat;
}
div.BlueBoxBar .Footer p{
	height:30px;
	background: url(../images/blue_box_bar_bottom_right.gif) bottom right no-repeat;
}


/* Black Box */
div.BlkBox{
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/black_box_top_left.gif) top left no-repeat;
}
div.BlkBox h2{
	padding-top:18px;
	padding-left:18px;
	height:40px;
	background: url(../images/black_box_top_right.gif) top right no-repeat;
}
div.BlkBox .Body{
	margin-left:15px;
	background: url(../images/black_box_right_border.gif) top right repeat-y;
}
div.BlkBox .Footer{
	background: url(../images/black_box_bottom_left.gif) bottom left no-repeat;
}
div.BlkBox .Footer p{
	height:30px;
	background: url(../images/black_box_bottom_right.gif) bottom right no-repeat;
}


/* Light Blue Box */
div.LtBlueBox{
	width:850px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/lt_blue_box_top_left.gif) top left no-repeat;
	overflow:hidden;
}
div.LtBlueBox h2{
	padding-top:18px;
	padding-left:18px;
	height:40px;
	background: url(../images/lt_blue_box_top_right.gif) top right no-repeat;
}
div.LtBlueBox .Body{
	margin-left:15px;
	background: url(../images/lt_blue_box_right_border.gif) top right repeat-y;
}
div.LtBlueBox .Footer{
	background: url(../images/lt_blue_box_bottom_left.gif) bottom left no-repeat;
}
div.LtBlueBox .Footer p{
	height:30px;
	background: url(../images/lt_blue_box_bottom_right.gif) bottom right no-repeat;
}


/* Grey Box */
div.GreyBox{
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/grey_box_top_left.gif) top left no-repeat;
}
div.GreyBox h2{
	padding-top:18px;
	padding-left:18px;
	height:20px;
	background: url(../images/grey_box_top_right.gif) top right no-repeat;
}
div.GreyBox .Body{
	margin-left:15px;
	background: url(../images/grey_box_right_border.gif) top right repeat-y;
}
div.GreyBox .Footer{
	background: url(../images/grey_box_bottom_left.gif) bottom left no-repeat;
}
div.GreyBox .Footer p{
	height:20px;
	background: url(../images/grey_box_bottom_right.gif) bottom right no-repeat;
}

/* IP Grey Box */
div.ipGreyBox{
	width:900px;
	margin-top:10px;
	background: url(../images/ip_gray_box_top_left.jpg) top left no-repeat;
}
div.ipGreyBox h2{
	padding-top:0px;
	padding-left:18px;
	height:20px;
	background: url(../images/ip_gray_box_top_right.jpg) top right no-repeat;
}
div.ipGreyBox .Body{
	margin-left:15px;
	background: url(../images/ip_gray_box_right_border.jpg) top right repeat-y;
}
div.ipGreyBox .Footer{
	background: url(../images/ip_gray_box_bottom_left.jpg) bottom left no-repeat;
}
div.ipGreyBox .Footer p{
	height:20px;
	background: url(../images/ip_gray_box_bottom_right.jpg) bottom right no-repeat;
}

/* White Outline Box */
div.WhiteBoxOutline{
	width:900px;
	margin-top:10px;
	float:right;
	margin-right:25px;;
	background: url(../images/white_box_outline_top_left.gif) top left no-repeat;
}
div.WhiteBoxOutline h2{
	padding-top:5px;
	padding-right:18px;
	height:20px;
    text-align:right;
    color:#000;
	background: url(../images/white_box_outline_top_right.gif) top right no-repeat;
}
div.WhiteBoxOutline .Body{
	margin-left:15px;
	background: url(../images/white_box_outline_right_border.gif) top right repeat-y;
}
div.WhiteBoxOutline .Footer{
	background: url(../images/white_box_outline_bottom_left.gif) bottom left no-repeat;
}
div.WhiteBoxOutline .Footer p{
	height:20px;
	background: url(../images/white_box_outline_bottom_right.gif) bottom right no-repeat;
}

/* ------------- TECHNOLOGY PAGE STYLES ----------------- */
div#technology-sections fieldset{
	border: 1px solid #105ca8;
	padding: 15px;
	margin-top: 20px;
}

div#technology-sections fieldset legend span{ display: none; }

div#technology-sections fieldset legend{
	background: url(../images/tech-page-icons.png) 8px 0 no-repeat;
	display: block;
}

div#technology-sections fieldset#iMatch legend{ 
	background-position: 8px 0;
	height: 43px;
	width: 210px;
}
div#technology-sections fieldset#iTwins legend{ 
	background-position: 8px -50px;
	height: 43px;
	width: 194px;
}
div#technology-sections fieldset#iTop legend{
	height: 65px;
	width: 150px;
	background-position: 8px -100px;
}
div#technology-sections fieldset#iStat legend{
	background-position: 8px -165px;
	width: 175px;
	height: 45px;
}
div#technology-sections fieldset#iReg legend{ 
	background-position: 8px -208px;
	height: 55px;
	width: 160px;
}

div#technology-sections span.tech-preamble{
	font-weight: bold;
	font-style: italic;
}

h2.body-title{ 
	background: none !important; 
	margin-left: 0 !important;
	padding-left: 0 !important;
}