body {font-family: "Arial"; font-size: 12px; color: #444; background: url(../images/main_back.jpg) repeat-x #0e375a; margin: 0; padding: 0; height: 100%}
img, div, a, input { behavior: url(iepngfix.htc) }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
#shadow { background:url(../images/outer.png) no-repeat; width:972px; position:relative; margin:0 auto;}
#outer {width:910px; background:#fff; margin:0 auto; padding:0; position:relative; height: 100%}
#inner {width:837px; margin: 0 auto;} 
#top {width: 260px; height: 70px; margin: 0 auto 0 0; font-size:10px; position:relative; z-index:100}
#banner_left {background-color:#FFFFFF; width: 202px; height: 50px; margin: 20px auto 0 auto; font-size:10px; float:left;}
#banner_right {background-color:#FFFFFF; width: 635px; height: 50px; margin: 14px auto 0 auto; font-size:10px; float:right;}
#logo {display: block;  width: 201px; height: 50px; background: url("../images/netintelligence.gif") no-repeat 0 0;}
#logo:hover {background-position: 0 -50px;}
#logo span{display: none;}
img {border:none}
.clear {clear: both; margin:0; padding:0;}
#toTop { width:100px;text-align:center; padding:5px 15px 0 15px; position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
#very_top {height: 28px; background::#333333; margin: 0 auto; padding:0; width:910px; font:Lucida Sans; color:#FFF; font-weight:bold;  text-shadow:1px 1px 3px #12436e;
 /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=145, Color='#12436e')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=145, Color='#12436e');}
#top_left { padding:0; margin:0; float:left; width:200px}
#top_right { padding:0; margin:0 0 0 auto; float: right;}
#top_left p { padding:0; margin:6px 0;}
#top_right p { padding:0; margin:6px 0;}
#top_right a:link, #top_right a:link, #top_right a:visited {color:#fff; text-decoration:none;}
#top_right a:hover {color:#fff; text-decoration: underline;}


/*-------Links,Fonts and Lists Section------*/
a:link, a:link, a:visited {color:#3654af; text-decoration:none;}
a:hover {color:#f00; text-decoration:none;}a:active {color:#f00;}
a.current {text-decoration:underline; color: #414522;}
.white:link, .white:link, .white:visited {color:#fff; text-decoration:none;}
.white:hover {color:#fff; text-decoration:underline;;}
.white:active {color:#fff; text-decoration:underline;}
.blue:link, .blue:link, .blue:visited {color:#3654af; text-decoration:none;}
.blue:hover {color:#3654af; text-decoration:underline;;}
.blue:active {color:#3654af; text-decoration:underline;}
.darkblue {font-size:12px; color: #1e255c; font-weight:bold;}
.lightblue {font-size:12px; color: #3654af; font-weight:bold;}
.green {color:#21920f;}

h1 { color:#fff; text-align:left; height:90px; font-size:32px; padding: 64px 40px 0 0; font-weight:normal}
h2 {  /*--------- Header for grey box -----------*/font-size:12px; color: #1d2659;}
h3 {font-size:13px; color: #1e255c; font-weight:bold; margin-bottom:0px;}
h4 {font-size:12px;color: #3654af; font-weight:bold; margin-bottom:0px;}
ul {margin-left :10px; padding:0;}
li {margin:0; padding:0;}
.sublist_item {font-size: 96%; padding-left:13px;}

/*-----------------------------------------------------------------------------------------------------------------------------
                                                      Bottom/Top Nav												------------------------------------------------------------------------------------------------------------------------------*/													  
.topmenu{margin:0px; margin-right: auto; list-style: none;}
.topmenu li{float:left;}
.topmenu li a{float: left; color:#0d94cc; text-decoration: none; font-family: sans-serif; margin-left: 8px; margin-right: 8px;}
.topmenu li a:hover{color:#999; text-decoration:underline;}

/*-----------------------------------------------------------------------------------------------------------------------------
                                                      Main Menu Containers												-----------------------------------------------------------------------------------------------------------------------------*/													  
#menuholder{background: none; width:910px; height:52px;  padding:0; border-bottom:9px solid #0e375a; position: absolute; top: 30px; left:0; z-index:10}
.menuleft{float:left;}
.menuright{float:right;}

/*-----------------------------------------------------------------------------------------------------------------------------
                                                      Main Nav										------------------------------------------------------------------------------------------------------------------------------*/
.menu{position: relative; padding: 0; margin: 0 0 0 278px; height: 32px; list-style: none; color:#16225a; font-size:14px; }
* html .menu{padding: 0 0 0 9px;}
.menu li{float:left; color:#fff !important; font-weight: lighter; margin-left:15px;}
.menu li a{float: left; display: block; color:#16225a !important; text-decoration: none;  padding:0 0 0 15px; /*Padding to accomodate left tab image.*/ height: 32px; line-height: 32px; text-align: center; cursor: pointer; margin:0;}
.menu li a b{float: left; display: block; padding: 0 15px 0 0px; /*Padding of menu items*/ font-weight:normal;}
* html .menu li a b{padding: 0 18px 0 10px; /*Padding of menu items in ie6*/}
.menu li.current a, .menu li a:hover{color: #fff; background: url(../images/navimages/menu_left.gif) no-repeat; /*left tab image path*/ background-position: left}
.menu li.current a b, .menu li a:hover b{color: #fff; background: url(../images/navimages/menu_right.gif) no-repeat right top; /*right tab image path*/}


/*--------------------------------------------------------------------------------------------------------------------------
                                               Sub Nav's									---------------------------------------------------------------------------------------------------------------------------*/
.sub_menu{padding:0; margin:0; height: 36px; width:910px; background: #0e375a; position:absolute; top:82px; left:0;}
.sub_menu ul {float: right; list-style: none; padding:0; margin:0 15px 0 0}
.sub_menu li {float:left; color:#fff !important; list-style: none; margin-left: 0px;}
.sub_menu li a{display: block; color:#fff !important; text-decoration: none;  font-family:"Lucida Grande", "Trebuchet MS"; font-weight:bold; padding:0px 15px;  line-height: 36px; text-align: center; cursor: pointer; margin: 0;}
.sub_menu li a:hover {color:#fff; background: #156aa0;}
.sub_menu li .current {color: #fff; background: #135c8a;}

ul.page_links {list-style: none; padding:0; margin:0 0 20px 0; font-size:17px;}
ul.page_links li {list-style: none; border-bottom:1px solid #91b2d1; width:198px}
ul.page_links li a{display: block; color:#1f5584; text-decoration: none;  font-family:"Lucida Grande", "Trebuchet MS"; padding:0px 8px;  line-height: 36px; cursor: pointer; margin: 0;}
ul.page_links li a:hover {color: #1f5584;  background: url(../images/navimages/hover_right.png) no-repeat;}
ul.page_links li a.selected {color: #fff; background:url(../images/rightbar/selected.png);}


/*------------------------------------------------------------------------------------------------------------------------                                             Content Section                                                  ----------------------------------------------------------------------------------------------------------------------------*/
#content {width: 837px; margin-top: 10px; margin-bottom: 10px; min-height: 436px; margin:16px 0; font-size:12px;  font-family:"Lucida Grande", "Trebuchet MS"} 
.back1 {background:url(../images/banners/blue.jpg) no-repeat #fff !important;}
.back2 {background:url(../images/banners/red.jpg) no-repeat; min-height:430px;}

#left_container {width: 580px; margin:0 0 30px 0; padding:0; float:left; line-height: 1.5em; display:inline;}
#left_container h3{margin: 0 0 7px 0; padding:0 12px; font-size:16px; color:#fff; background:url(../images/h3_back.gif) no-repeat; width:560px; line-height: 36px; }
#left_container h4 {margin: 0; font-size:15px; color:#333 }
#left_container p {}
#left_container ul {margin-left:30px;}
#left_container ul li {border-bottom:1px solid #EDEDED; color:#19689A; font-size:13px; list-style:disc inside none; padding:13px 0;}

.top_para { font-size:18px; line-height:1.4em; margin-top:0; padding-top:0;}
.box_left {background: #dbebf6; padding: 10px; margin:0 0px 10px 0; float:left; width:265px; position:relative; overflow:hidden;}
.box_right {background: #dbebf6; padding: 10px; margin:0 0px 10px 0; float:right; width:265px; position:relative; overflow:hidden; min-height:190px}
.box_button {position:absolute; bottom:0; right:0;}
.box_side_bar {position:absolute; top:0; left:0;}
.box_left h3 {font-size:17px; color: #0e375a !important; background: none !important; width: 170px !important;}
.box_right h3 {font-size:17px; color: #0e375a !important; background: none !important; width: 170px !important;}

#right_container {width: 196px; float:right; display:inline; margin:0 0 0 0;}
.right_images {margin-bottom: 10px}
.right_links { list-style: none; margin: 0; padding:0;}  
.right_links li { list-style: none; margin: 0; padding:0; height:30px;}  
.right_demo {margin: 0 -30px 0px 0; height: 159px; width:238px; background:url(../images/rightbar/demo_link_back.png) no-repeat 0 0; cursor:pointer; padding:10px 0 0 10px;}
.right_demo:hover {background:url(../images/rightbar/demo_link_back.png) no-repeat 0 -169px;}

.quote_top {background:url(../images/rightbar/quote_top.png) no-repeat; width:200px; height:28px; margin:0 0 0 -5px;}
.quote_mid {background: url(../images/rightbar/quote_mid.png) repeat; width:188px; height: auto; margin-left:-5px; padding:0px 6px;}
.quote_bottom {background: url(../images/rightbar/quote_bottom.png) no-repeat; width:200px; height:27px; margin-left:-5px; }
.quote_mid p {font-size: 15px; color:#333; padding:0; margin:4px 0 0 0;}

.list_box {background: #dbebf6; padding: 0px; margin:0 10px 10px 0; float:left; width:265px; position:relative; min-height:210px;}
.list_box h3 {font-size:17px !important; color: #0e375a !important; margin:10px 0 10px 10px !important; padding:0 !important; background:none !important; width: 250px}
.list_box ul {margin:0px !important; padding:0 !important;}
.list_box ul li {border: none !important; font-size:13px !important; list-style: none !important; padding:5px 10px !important;}
.odd { background:#bbdbf1 !important;}

/*------------- PDF LINKS -----------------------------------------------------*/
.pdf_link {background:url(../images/pdf.jpg) no-repeat; height: 72px; width:186px; margin:20px 0 10px; padding:18px 0 0 10px; display:block}

/*-------------------------------------------------------------------------------------------------------------------------------
													Awards Page & support home content                                                    ------------------------------------------------------------------------------------------------------------------------------*/
.customers {margin-bottom: 24px;}										
.awards {padding-bottom: 10px; border-bottom: 1px solid #ececec; margin-top: 5px;}
.awards_left {float: left; margin-top: 9px; margin-right: 7px;}
.awards_right {float: right; margin-top: 9px;}
.awards_box_top {background: url(../images/awards/award_box_top.gif) no-repeat; width: 209px; height: 7px;}
.awards_box_mid {background:url(../images/awards/award_box_mid.gif) repeat-y; width: 165px; padding-left: 44px;}
.awards_box_bottom {background: url(../images/awards/award_box_bottom.gif) no-repeat; width: 209px; height: 8px;}


/*------------------------------------------------------------------------------------------------------------------------------
													Footer Section                                                       ------------------------------------------------------------------------------------------------------------------------------*/
#footer {width:910px; height:273px; margin-top: 7px; padding-top:10px;  border-top: 5px solid #dcdcdc; background: url(../images/footer/back.gif) no-repeat bottom #f4f4f4; position:relative; font-family:"Lucida Grande", "Trebuchet MS";}
#footer_links {margin:0px 0 0 40px;  width: 500px; float:left;}
#footer_links ul{ float:left; margin:0 12px; list-style: none; width:130px; }
#footer_links h4{font-size:16px; margin-bottom: 4px; color: #888;}
#footer_links li{font-size:12px; line-height:16px;}
#footer_links li a, #footer_links li a:link, #footer_links li a:visited {color: #888}
#footer_bottom {position:absolute; bottom:0; width:910px;}
#footer_text {width:600px; padding:0; margin:1px 0 0 12px; font-size:88%; float:left; text-align:left;}
#foot_images {float:right; margin: 7px 12px 0 0;}

#tweet {background: url(../images/footer/tweetbox.gif) no-repeat; padding: 10px; margin:10px 40px 0 0; position:relative; width: 302px; height:182px; float:right;}
#tweet ul {margin: 0; padding: 0; }
#tweet li { line-height:18px; list-style: none; margin-bottom: 7px; }