body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6B6B;
}
.logo {
	position:relative;
	width:860px;
	margin:10px auto;
	height:65px;
	padding:0;
	}
.logoimage {
	margin:0;
	width:194px;
	height:65px;
	float:left;
	}	
.logobanner {
	position:relative;
	margin-right:44px;
	width:225px;
	height:65px;
	float:right;
}	
.line{ border-bottom: 1px solid #e6e6e6;

}
.lowline{ border-bottom: 1px solid #e6e6e6;
margin-top: 13px;

}
/*=========================================
  Top navigation with the orange background
 *=========================================*/
.navbg {
	background-color:#E47D2A;
	width:771px;
	margin:0 auto;
	height:30px;
	}
#navcontainer ul
{
	margin:0px;
	list-style-type: none;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:10px;
	padding-right:5px;
	display:block;
	height: 10px;
	color:#fff;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
    text-decoration: none;
    font-size: 11px;
    font-weight:normal;
    padding-right: 3px;
	padding-top:10px;
	padding-bottom:10px;
    padding-left: 3px;
    color:#fff;
    width: 100%;
}

#navcontainer ul li a:hover
{
    color: #003865;
    font-size: 11px;
    font-weight:normal;
    text-decoration:none;
    margin-top:8px;
    width: 100%;
}
/*=========================================
  color boxes
 *=========================================*/
#bluewrap{
	position:relative;
	width:771px;
	margin: 0 auto;
	margin-top: 10px;
	border-left:thin #003865 solid;
	}
#redwrap{
	position:relative;
	width:771px;
	margin: 0 auto;
	margin-top: 10px;
	border-left:thin #CF1C21 solid;
	}	
#greenwrap{
	position:relative;
	width:771px;
	margin: 0 auto;
	margin-top: 10px;
	border-left:thin #72B633 solid;
	}
#orangewrap{
	position:relative;
	width:771px;
	margin: 0 auto;
	margin-top: 10px;
	border-left:thin #E47D2A solid;
	}
.bluebox{
	position:relative;
	margin-right: 523px;
    width:247px;
    height: 14px;
	background-color:#003865;
}
.redbox{
	position:relative;
	margin-right: 523px;
    width:247px;
    height: 14px;
	background-color:#CF1C21;
}
.greenbox{
	position:relative;
	margin-right: 523px;
    width:247px;
    height: 14px;
	background-color:#72B633;
}
.orangebox{
	position:relative;
	margin-right: 523px;
    width:247px;
    height: 14px;
	background-color:#E47D2A;
}

/*=========================================
  Banner image
 *=========================================*/
.bannerwrap{
	position:relative;
	width:772px;
	margin:0 auto;
	height:128px;}
.banner_mainwrap{
	position:relative;
	width:772px;
	margin:0 auto;
	height:229px;
	}
.bannerontop{
    height:128px;
	width:772px;
	float:left;
	margin-left:90px;
}
.bannerontopmain{
    height:229px;
	width:772px;
	float:left;
	margin-left:90px;
}
.arrow_image{
	position: absolute;
	width:48px;
	left: 812px;
}
.arrowmain_image{
	position: absolute;
	width:48px;
	margin-top:60px;
	left: 812px;
}

/*=========================================
  Content and Consulting main page
 *=========================================*/
.content{
     position:relative;
     width:770px;
     padding-top:10px;
     margin: 0 auto;
     background: url(../images/content-box-bg.gif);
	 background-repeat:repeat-x;
     background-position:bottom;
	 border-bottom:1px solid #e6e6e6;
	 border-left: 1px solid #e6e6e6;
	 border-right: 1px solid #e6e6e6;
	 padding-bottom:80px;	 
}
.leftcolumn{
	 float:left;
     position: relative;
     width:200px;
     height:auto;
     padding-left:9px;
     padding-bottom:20px;
   
     text-align:left;
}

/********************************  Right Column Styles ***************************************/
.rightcolumn-blue, .rightcolumn-green, .rightcolumn-orange, .rightcolumn-red{
	 float:left;
     position: relative;
     margin-left: 10px;
     padding: 0px;
     width:490px;
     text-align:left;
	 padding-left:5px;
     padding-right:5px;
}

.rightcolumn-blue h1,   .rightcolumn-green h1, .rightcolumn-orange h1, .rightcolumn-red h1{
	 font-weight:normal;
     text-align:left;
     font-size:16px;     
     margin-top:15px;
     padding-top:20px;
     padding-bottom:20px; 
}

.rightcolumn-blue h1{ background:url(/images/head-icon.jpg) no-repeat top left; padding-left:65px;color:#003865; }
.rightcolumn-green h1{ background:url(/images/comp-icon.gif) no-repeat top left; padding-left:65px;color:#72B633;}
.rightcolumn-orange h1{ background:url(/images/head-icon.jpg) no-repeat top left; padding-left:65px;color:#E47D2A;}
.rightcolumn-red h1{background:url(/images/comp-icon.gif) no-repeat top left; padding-left:65px;color:#CF1C21; }
.rightcolumn-red h1#mouse{background:url(/images/mouse-icon.gif) no-repeat top left; padding-left:65px;color:#CF1C21; }
.rightcolumn-red h1#head{background:url(/images/head-icon.jpg) no-repeat top left; padding-left:65px;color:#CF1C21; }

.rightcolumn-blue h2,   .rightcolumn-green h2, .rightcolumn-orange h2, .rightcolumn-red h2{
     font-weight:normal;
     text-align:left;
     font-size:14px;
     margin:0;
     padding:0 0 0 14px;
}

.rightcolumn-blue h2{ color:#003865; }
.rightcolumn-green h2{color:#72B633;}
.rightcolumn-orange h2{ color:#E47D2A;}
.rightcolumn-red h2{color:#CF1C21; }



.rightcolumn-blue a, .blue-text a{ color: #003865 !important; font-weight:bold;  } 
.rightcolumn-green a , .green-text a{ color: #72B633 !important; font-weight:bold; }
.rightcolumn-orange a{color:#E47D2A; font-weight:bold; }
.rightcolumn-red a , .red-text a{color: #CF1C21 !important; font-weight:bold;  }

.rightcolumn-blue a:hover , .rightcolumn-green a:hover, .rightcolumn-orange a:hover , .rightcolumn-red a:hover,
.red-text a:hover , .green-text a:hover , .blue-text a:hover
{color: orange !important;}

/****** Plain highlight colours for use in regular body text ********/

.green-highlight {
	color:#72B633;
}

.blue-highlight {
	color:#003865;
}

.red-highlight {
	color:#CF1C21;
}

.orange-highlight {
	color:#E47D2A;
}

/********************************  **********************************  ***************************************/

/* this styles were replaced*/
.hblue , .hblue a{
     font-weight:normal;
     text-align:left;
     font-size:16px;
     color:#003865;
     margin:0;
	 padding-left:5px;
     padding-top:14px;
     padding-bottom:14px;
}
.hred , .hred a{
     font-weight:normal;
     text-align:left;
     font-size:16px;
     color:#CF1C21;
     margin:0;
	 padding-left:5px;
     padding-top:14px;
     padding-bottom:14px;
}
.hgreen, .hgreen  a{
    font-weight:normal;
    text-align:left;
    font-size:16px;
    color:#72B633;
    margin:0;
	padding-left:5px;
    padding-top:14px;
    padding-bottom:14px;
}
.horange , .horange a{
    font-weight:normal;
    text-align:left;
    font-size:16px;
    color:#E47D2A;
    margin:0;
	padding-left:5px;
    padding-top:14px;
    padding-bottom:14px;
}

.horange a , .hgreen a , .hred a ,  .hblue a  { text-decoration:none;}

a.blue {color: #003865 !important; text-decoration: none;}
a.blue:hover{color: orange !important; text-decoration: none;}
a.red {color: #CF1C21 !important; text-decoration: none;}
a.red:hover{color: orange !important; text-decoration: none;}
a.green {color: #72B633 !important; text-decoration: none;}
a.green:hover{color: orange !important; text-decoration: none;}

/***/


h2{
     font-weight:bold;
     text-align:left;
     font-size:14px;
     color:#003865;
     margin:0;
     padding:14px 0 0px 14px;
}
p{
    text-align:left;
	line-height:19px;
    font-size:12px;
    color:#6c6b6b;
    margin:0;
    padding-left:15px;
    padding-top:0;
    padding-bottom:15px;
}



/*=========================================
  Default page content
 *=========================================*/
.const-content{
    font: normal Arial, Helvetica, sans-serif ;
	font-size:11px;
	line-height:15px;
	color:#6c6b6b;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:6px;	
	padding-right:10px;
}
.blue-italic{
	font: 12px Arial, Helvetica, sans-serif ;
	font-style: italic; 
	color:#003865;
	padding-left:14px;
	padding-top:14px;
	padding-bottom:14px;
}
.red-italic{
	font: 12px Arial, Helvetica, sans-serif ;
	font-style: italic; 
	color:#CF1C21;
	padding-left:14px;
	padding-top:14px;
	padding-bottom:14px;
}
.green-italic{
	font: 12px Arial, Helvetica, sans-serif ;
	font-style: italic; 
	color:#72B633;
	padding-left:14px;
	padding-top:14px;
	padding-bottom:14px;
}
    
/*=========================================
  Left menu navigation
 *=========================================*/
.gray
{
    width: 90%;
    margin-left:5%;
    font-size: 11px;
    padding-bottom:10px;
    padding-top:5px;
    text-align: center;
}

ul.graylist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.graylist li a
{
    display: block;
    width: 90%;
    font-weight:normal;
    margin:0;
    color:#999;
    border-bottom:1px solid #ededed;
    text-decoration: none;
	padding-left:10px;
    padding-top:7px;
    padding-bottom:7px;
}
.gray>ul#graylist li a { width: auto; }
ul.graylist li a:hover, ul#graylist li#active a:hover
{
    color:#999;
    font-weight:normal;
}
ul.bluelist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.bluelist li a
{
   display: block;
   width: 90%;
   font-weight:normal;
   margin:0;
   color:#999;
   border-bottom:1px solid #ededed;
   text-decoration: none;
   padding-left:10px;
   padding-top:7px;
   padding-bottom:7px;
}
.blue>ul#bluelist li a { width: auto; }
ul.bluelist li a:hover, ul#bluelist li#active a:hover , ul.bluelist li a:active, ul#bluelist a:active
{
	color:#003865;
    /*font-weight:bold;*/
    background: #fff;
}
ul.redlist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.redlist li a
{
    display: block;
    width: 90%;
    font-weight:normal;
    margin:0;
    color:#999;
    border-bottom:1px solid #ededed;
    text-decoration: none;
    padding-left:10PX;
    padding-top:7px;
    padding-bottom:7px;
}
.red>ul#bluelist li a { width: auto; }
ul.redlist li a:hover, ul#redlist li#active a:hover
{
    color:#CF1C21;
    /*font-weight:bold;*/
    background: #fff;
}
ul.greenlist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.greenlist li a
{
    display: block;
    width: 90%;
    font-weight:normal;
    margin:0;
    color:#999;
    border-bottom:1px solid #ededed;
    text-decoration: none;
    padding-left:10PX;
    padding-top:7px;
    padding-bottom:7px;
}
.green>ul#bluelist li a { width: auto; }
ul.greenlist li a:hover, ul#greenlist li#active a:hover
{
    color:#72B633;
    /*font-weight:bold;*/
    background: #fff;
}

ul.orangelist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.orangelist li a
{
    display: block;
    width: 90%;
    font-weight:normal;
    margin:0;
    color:#999;
    border-bottom:1px solid #ededed;
    text-decoration: none;
	padding-left:10px;
    padding-top:7px;
    padding-bottom:7px;
}
.gray>ul#orangelist li a { width: auto; }
ul.orangelist li a:hover, ul#orangelist li#active a:hover
{
    color:#E47D2A;
    /*font-weight:bold;*/
}


/*=========================================
  3 boxes at the buttom of the page
 *=========================================*/
.pro-box{
	position:relative;
	width: 771px;
	height: 85px;

	margin-top:15px;
}
.featureimage{
	float:left;
	width: 58px;
	margin-right: 5px;
	margin-top: 15px;
	margin-left: 5px;
}
.left-pro{
    position:relative;
    margin-right: 524px;
    text-align:left;
	width:246px;
    height: 85px;
	border:thin #e6e6e6 solid;
    background: url(../images/pro-box-bg.jpg);
	background-repeat:repeat-x;
    background-position:bottom;
}
.mid-pro{
    position: absolute;
    margin-left: 262px;
    text-align:left;
    width:246px;
    height: 85px;
    border:thin #e6e6e6 solid;
    background: url(../images/pro-box-bg.jpg);
	background-repeat:repeat-x;
    background-position:bottom;
}
.righ-pro{
    position: absolute;
    margin-left: 524px;
    padding: 0px;
    width:246px;
    text-align:left;
    height: 85px;
    border:thin #e6e6e6 solid;
    background: url(../images/pro-box-bg.jpg);
	background-repeat:repeat-x;
    background-position:bottom;
}
.blue-text{
	position: relative;
	float:right;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#003865;
	width: 150px;
	padding-right:20px;
	padding-top:5px;
}
.red-text{
	position: relative;
	float:right;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#CF1C21;
	width: 150px;
	padding-right:20px;
	padding-top:5px;
}
.green-text{
	position: relative;
	float:right;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#72B633;
	width: 150px;
	padding-right:20px;
	padding-top:5px;
}

/*==================================================
  3 main page boxes (Middle of the page)Defualt page
 *==================================================*/
.mainnav-box{
    position:relative;
    width: 771px; 
    margin: 0 auto;
    margin-top: 15px
}
.consult{
	position: relative;
	margin-right: 500px;
	width: 247px; 
	background: url(../images/content-box-bg.gif);
	background-repeat:repeat-x;
    background-position:bottom;
}
.cons-text{
    padding-top:15px;
    padding-left:20px;
    padding-right:10px;
    font: normal 1.6em Arial, Helvetica, sans-serif;
    color:#CF1C21;
}
.cons-text a{
    color:#CF1C21;
	text-decoration:none;
}
.consult-left{
    width:244px;
    height: 385px;
    border-left:thin #e6e6e6 solid;
    border-right:thin #e6e6e6 solid;
	border-bottom:thin #e6e6e6 solid;
}
.development{
    position: absolute;
    margin-left: 262px;
    width: 247px;
	background: url(../images/content-box-bg.gif);
	background-repeat:repeat-x;
    background-position:bottom;
}

.dev-mid{

    width:245px;
    height: 385px;
    border-left:thin #e6e6e6 solid;
    border-right:thin #e6e6e6 solid;
	border-bottom:thin #e6e6e6 solid;
}
.dev-text{
    padding-top:15px;
    padding-left:20px;
    padding-right:10px;
    font: normal 1.6em Arial, Helvetica, sans-serif;
    color:#003865;
}
.dev-text a{
    color:#003865;
	text-decoration:none;
}
.network{
    position: absolute;
    margin-left: 524px;
    width: 247px;
	background: url(../images/content-box-bg.gif);
	background-repeat:repeat-x;
    background-position:bottom;
}
.network-right{
    width:245px;
    height: 385px;
    border-left:thin #e6e6e6 solid;
    border-right:thin #e6e6e6 solid;
	border-bottom:thin #e6e6e6 solid;
}
.net-text{
    text-align:left;
    padding-top:15px;
    padding-left:20px;
    padding-right:10px;
    font: normal 1.6em Arial, Helvetica, sans-serif;
    color:#72B633;
}
.net-text a{
    color:#72B633;
	text-decoration:none;
}
.image{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
IMG.displayed{
	display: block;
    margin-left: auto;
    margin-right: auto; }

/*=========================================
  Footer
 *=========================================*/
.footer{
    position:relative;
    width:771px;
    margin: 0 auto;
    padding-top:9px;
    padding-bottom:40px;
    clear:both;
    color:#999;
}
.foot-left{
    position:relative;
    margin-right: 360px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:18px;
    text-align: left;
    padding-top:9px;
    width:400px;
}
.foot-right{
    position: absolute;
    margin-left: 460px;
    width:310px;
	float: right;
	float:right;
}
#navfooter ul
{
	float: right;
	margin:0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top:8px;
	padding-bottom:10px;
}
#navfooter ul li { display: inline; }

#navfooter ul li a
{
    text-decoration: none;
    font-size: 10px;
    padding-right: 3px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 1px;
    color: #F90;
    width: 100%;
}

#navfooter ul li a:hover
{
    color: #666;
    font-size: 10px;
    font-weight:normal;
    text-decoration:none;
    margin-top:8px;
    width: 100%;
}
img{
    border: none;
}
.container {
    position:relative;
    width: 771px; 
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
    margin: 0 auto;
/* Don't center every line of text -
we inherited this setting from body */
    text-align: left;
    margin-top: 10px
}


/*****************************Eye On BOX****************************************/
#menu_right_container{ 
	float:left;
	width:178px;
	margin:0 25px 50px 20px;
}

#menu_right_item{ 
	background-image: url(/images/bg_eyeon.gif); 
	background-position: center center; 
	background-repeat: no-repeat; 
	border:solid 1px #dcdcdc; 
	width:178px;
	padding-bottom:10px;
	margin:0 0 25px 0;
	font-size:11px;
}

#menu_right_title{ background-color:#FFFFFF;background-image:url(/images/eyeon-title-bg.jpg);background-repeat:repeat-y;color:#FFFFFF;font-size:12px;
				   margin-top:0;padding:5px;text-align:left; }
#menu_right_text {font-size:10px;margin:0;padding:15px 8px 8px; *padding:0px 8px 8px;position:relative; color:#6C6B6B;}
#menu_right_text p { padding-left:0 !important; color:#6C6B6B;}
#menu_right_text input.text{ border:solid 1px #C8CAC7; color:#6C6B6B; width:142px; font-size:11px;}
#menu_right_text input.button{ border:none; background:url(/images/eye-on-button.jpg) no-repeat; width:74px; height:22px; color:#6C6B6B; line-height:22px; padding-bottom:5px; }
/**************************************************************************/


/*************************** Pop Up Styles ********************************/
.popup_body_wrapper h1 , .popup_body_wrapper h2 { color:#003865; text-align:left; padding:0;} 
.popup_body_wrapper h1 { font-size:16px;}
.popup_body_wrapper h1 { font-size:13px; }
.popup_header {height:105px;}
.logobanner h1{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#003865; font-size:22px; line-height:64px; font-weight:normal;}

.popup_body_wrapper { margin: 0 auto 30px; width:619px; border:solid 1px #ccc; border-top:none; background: url(/images/popup_bg.jpg) left bottom repeat-x; padding:20px; } 
.popup_body_wrapper p{ padding:0px 0 15px; } 
.popup_body_wrapper a {color: #003865; text-decoration: none;}
.popup_body_wrapper a:hover{color: orange; text-decoration: none;}




/*************************** END  Pop Up Styles **************************/


/*************************** Styles Added ********************************/


/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/*
 * "How To Clear Floats Without Structural Markup" -
 * http://www.positioniseverything.net/easyclearing.html
 */
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .clearfix 		{ display: inline-block; }  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */	


a{ text-decoration:none;}
 
ul{ line-height:160%}


/**************************************************************************/