/* ----------------------------------------------------------------- */
/* 
/* MicroBin Global Management System  */                           
/*
/* GLOBAL RULES */ 
/* ----------------------------------------------------------------- */
html, body {height:100%;}
body {
   background: #fff url(/images/slices/ban-bg.gif) repeat-x left top;
   font: 12px/1.3em Arial, sans-serif;  
   color: #000;
   padding: 0;
   margin: 0;
}
.images {
   padding: 0px;
   margin: 0px;
}
/* ----------------------------------------------------------------- */
/* HEADER */
/* ----------------------------------------------------------------- */
#header, #header-nav, #logo, #logo h1, #logo a {height: 145px; }
#header {
	width: 100%;
	background: #11365d;
}

/* HEADER - LOGO */
#logo {
	width: 300px;
    float: left;
}        
#logo h1 {
    margin: 0;
    width: 300px;
    text-indent: -9999px;
    background: transparent url(/images/slices/logo.gif) top left no-repeat;
}            
#logo a {
    width: 475px;
    display: block;
    text-decoration: none;
}
/* HEADER - NAV */
#header-nav {
	width: 300px;
	margin-right: 20px;
    float: right;
	color: #fff; 
}
#header-nav .pad{
    width: 230px;
	float: right;
	margin: 10px;
}

#header-nav .container{width: 228px;}

#header-nav a, a:link, a:visited {
    color: #fff;
    text-decoration: none;
}

#header-nav a:hover {
    text-decoration: underline;
}

/* ------------ NAV DROP DOWN --------------- */

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  float: left;
  position: relative;
  width: 10em;
  margin-top: 1px;
}
li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
}
li > ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul{ display: block; }

#nav-banner {float: right;}

.left-link {float: left;}
/* ----------------------------------------------------------------- */
/* BODY */
/* ----------------------------------------------------------------- */
#content {
	width: 680px;
	margin: 0px auto;
	margin-top: 55px;
} 
/* ----------------------------------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------------------------------- */
#nav-bg {
    width: 680px;
	height: 35px;
	background: transparent url(/images/slices/main-nav-bg.gif) top left no-repeat;
}
#nav-wrap {
    width: 600px;
	height: 33px;
	margin: 0px auto;
	position: relative;
	padding-top: 2px;
}
ul#nav {
	padding: 0;
	width: 598px;
	height: 32px;
}
#nav li {
	text-align: center;
	list-style: none;
	position: absolute;
	top: 1;
}	
#nav li, #nav a { /* turns links into blocks */
	display: block;
	height: 29px;
	}
#nav li a {
	text-decoration: none;
	line-height: 29px;
	font-weight: bold;
	color: #000;
}
#nav li a:hover {
    font-weight: normal;
	background-color: #005da3;
	color: #fff;
}
/* setting width & position of main nav links... */
#home {left: 0; width: 63px;}
#company {left: 73px; width: 75px;}
#solutions {left: 158px; width: 72px;}
#services {left: 240px; width: 75px;}
#support {left: 325px; width: 63px;}
#news {left: 398px; width: 105px;}
#contact {left: 513px; width: 83px;}

/* setting background image positions of main nav button for the page you're on...*/
#xhome #home a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xcompany #company a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xsolutions #solutions a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xservices #services a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xsupport #support a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xnews #news a{ background-color: #005da3; color: #fff; font-weight: normal;}
#xcontact #contact a{ background-color: #005da3; color: #fff; font-weight: normal;}
/* ----------------------------------------------------------------- */
/* BOTTOM-NAVIGATION */
/* ----------------------------------------------------------------- */
#clearfooter {
    clear:both;
    height:65px;
}
#nav-bottom-container {
    clear: both;
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #fff; 
	overflow: hidden;
	border-bottom: 1px solid #b6b6b6;
	border-top: 1px solid #b6b6b6;
}
#nav-bottom {
	color: #000;
	width: 100%;
	padding-top: 8px;
	margin: 0 auto;
	width: 800px;
	background-color: #fff;
}
#nav-bottom span{
    padding: 0;
	color: #aa7818;
	text-align: center;
	margin-left: 250px;
}
#nav-bottom span a{
    color: #000;
}
#nav-bottom span a:hover{
    text-decoration: underline;
}