/*
Theme Name: WordPress AProbe
*/



 /* 1. Clearfix  ********/

   .clearfix:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
   }
   .clearfix { display: inline-block; }
   html[xmlns] .clearfix { display: block; }


body {
   background: #fff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align:center;

   scrollbar-face-color: #e3eaf6;
   scrollbar-shadow-color: #3156a8;
   scrollbar-3d-light-color: #e5ae75;
   scrollbar-dark-shadow-color: #e5ae75;
   scrollbar-highlight-color: #fff;
}

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

a {color: #DB231B; text-decoration: none;}
a:hover {color: #DB231B; text-decoration: underline;}


h2 { font-size:14px; color: #485F97; margin-top: 14px; font-style: italic;}
h3 { font-size:12px; color: #485F97; margin: 14px 0 -7px 0;}

h2.title
{
	margin: 0 20px 0 0;
   padding: 3px 7px;
   background: url('images/bck_header_grad.jpg') top left repeat-y;
   border-bottom: 2px solid #485F97;
   font-style: italic;
   color: #485F97;
}

table {
   margin: 10px 25px 10px 5px; 
   border-collapse: collapse;
   border-top: 1px solid #485F97;
   border-bottom: 1px solid #485F97;
}
table td {   vertical-align: top;}


.linkLogos 
{
  text-align:center;
  background-color:#fff;
}

table.borderless { border:0px;margin-top: 20px; background: url('images/bck_table_grad.jpg') bottom left repeat-x;}
table.borderless td {padding: 7px;  border:0px;     
    
    border-bottom:2px solid #e3eaf6; }
table.centered, table.centered td, td.centered {text-align: center;}

table tr.light td {background: #fff; border: 0;}
table tr.head td {background: #EFF5FF; font-weight: bold; border: 1px solid #485F97; }
table td { padding: 4px; border: 1px solid #485F97; }

hr { 	border-top: 1px solid #8889FF; margin: 10px; }


.bBottom{ border-bottom:1px solid #000033; }


.posMiddle
{
   width: 748px;
   text-align: left;
	margin: 0 auto;
}

#container {
   width: 750px;
	position: relative;
	margin: 1px auto;
}

#head
{
	width: 750px; height: 123px;
   background: url('images/ns_header.gif') top left no-repeat;
}

/*Menu*/
#head ul.menu
{
	height: 22px;
	position: relative;
	float:right;
	margin: 101px 3px 0 0;
}

#head ul.menu li
{
	list-style: none;
   position: relative;
	float: right;
   padding: 0 7px;
	color: #485F97;
   font-size: 12px; line-height: 22px; font-weight: bold;
   font-family: "Trebuchet MS", "Myriad Pro", Helvetica, sans-serif;
   text-transform: lowercase;
}

   div#head ul li:hover, div#head ul li.over, div#head ul li.over a, div#head ul li:hover a { color:#fff;}
   div#head ul li.over li a, div#head ul li:hover li a { color: #485F97;}

   div#head ul li li:hover, div#head ul li li.over, div#head ul li li:hover a, div#head ul li li.over a { color:#fff;}

   div#head a {color:#485F97; text-decoration: none; padding: 1px; }

  #mList li { position: relative; /* makes it anchor */  }
  
  #mList li li {
      width: 175px;
      padding: 0 5px; margin: 0; left: 0;
      background-color:#B9BFD1;
      border-bottom: 1px solid #fff;
   }
  #mList>li>li {width: auto; min-width: 175px;}


   .horiz ul.submenu {
      width: 180px; /* this is because IE6 is stupid */
      position: absolute; top: 22px; left: 0;
      border-top: 1px solid #fff;
   }
   .horiz>ul.submenu { width: auto; min-width: 180px;}


   /* tier 1 */
   ul.submenu { display: none; }
   li:hover .submenu, li.over .submenu {   display: block;   }

   /* tier 2
   li:hover .submenu .submenu, li.over .submenu .submenu {   display: none;   }
  .submenu li:hover .submenu, .submenu li.over .submenu {   display: block;   }

   /* tier 3
  .submenu li:hover * .submenu, .submenu li.over * .submenu  {   display: none;   }
  .submenu ul li:hover .submenu, .submenu .submenu li.over ul {   display: block;   }
*/

/*Menu end*/
#info
{
	width: 728px; height: 400px;
	padding: 0 10px;   margin: 0;
	background: #E3EAF6 url('images/bck_mainPic.jpg') top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #485F97;
	text-align: justify;
}
*>#info {height: auto; min-height: 400px;}

#footer
{
   width: 734px;
   position: relative;
	padding: 7px;
	background-color: #485F97;
	color: #fff;
	font-size:10px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#footer a
{
	color: White;
   font-weight:bold;
}

#footer #logos { 
   position: absolute; 
   bottom: 0; left: 0;
   padding: 0 10px;
   margin:0 0 27px -10px;
}

#footer #logos img { float: left; }

/*Front Page*/

#contactsLeft
{
	position: relative;
	float: left;
	top: 0px;
	background-image: url(images/contactPic.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #8CA6D9;
	width:183px;
   height:164px;
	margin: 0 10px 0 0;
	color: #fff;
	padding: 400px 0px 6px 5px;
}

#textUT
{
	float: right;
	padding: 0 10px 20px 225px;
	margin: 30px 0;
	min-height:380px;
}

#textUT p { margin: 15px 20px 0 0;}

.style9 {color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFCC; }
.style23 {color: #FFFFCC}
.style25 {
	color: #FFFFCC;
	font-weight: bold;
	font-size: 12px;
}

ul.quote { 
   list-style: dash;
   margin-left: 20px;
   }

ul.quote li { 
   padding: 2px 0;
   font-style: italic;
   font-size: 11px;
   font-family: Verdana, sans-serif;
   text-align: left;
}

#textUT ul { margin-left: 20px; }
.applications { list-style:none; width:500px; }
.applications li {float:left;min-width:200px;min-height:210px;text-align:center;}