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

body {
	font-family: Helvetica, Arial;
	color: #353535;
	background: #ececec url(../img/gradientbg.jpg) repeat-x;
	text-align: center;
	font-size: 0.75em;
	line-height:14px;
}

.container {
	position: relative;
	width: 975px;
	border:medium;
	margin: auto;
}


#contentHeader {
	position:relative;
	float:left;
	margin: 30px auto 20px auto;
	z-index:-1;
}

#content {
	position:relative;
	float:left;
	margin: 0 0 30px 0;
}

/***************************************/
/********** Global Font Attributes *****/
/***************************************/


h1 {
	font-size:22px;
	line-height:24px;
}

h2 {
	font-size:16px;
	line-height:18px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

p {
	line-height:15px;
	margin: 10px auto 10px auto;
}

strong {
	font-weight:bold;
}

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

em { font-style:italic;}

#textcenter {
	text-align:center;
}


/***************************************/
/*********  Top NavBar    **************/
/***************************************/

#mainNav {
	position:relative;
	float:left;
	margin: 10px 0 0 0;
}

#mainNav #home {
	position:relative;
	float:left;
	width:123px;
	height:45px;
}

#mainNav #home a {
	position:relative;
	float:left;
	width : 123px;
	height : 45px;
	background:url(../img/Navhome.png) no-repeat;
}


#mainNav #company {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #company a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navcompany.png) no-repeat;
}

#mainNav #company a:hover {
	background-position: -100px 0;
}

#mainNav #services {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #services a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navservices.png) no-repeat;
}

#mainNav #services a:hover {
	background-position: -100px 0;
}

#mainNav #tools {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #tools a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navtools.png) no-repeat;
}

#mainNav #tools a:hover {
	background-position: -100px 0;
}

#mainNav #news {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #news a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navnews.png) no-repeat;
}

#mainNav #news a:hover {
	background-position: -100px 0;
}

#mainNav #clients {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #clients a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navclients.png) no-repeat;
}

#mainNav #clients a:hover {
	background-position: -100px 0;
}

#mainNav #government {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
}
	
#mainNav #government a {
	position:relative;
	float:left;
	width : 100px;
	height : 45px;
	background:url(../img/Navgovernment.png) no-repeat;
}

#mainNav #government a:hover {
	background-position: -100px 0;
}

#mainNav #contact {
	position:relative;
	float:left;
	width:248px;
	height:45px;
}

#mainNav #contact a {
	position:relative;
	float:left;
	width : 248px;
	height : 45px;
	background:url(../img/Navcontact.png) no-repeat;
}


/******** Navbar Menu **************/

ul.mainNavMenu ul {
	display:none;
}

ul.mainNavMenu li:hover > ul {
	display:block;
}

ul.mainNavMenu ul {
	position: relative; 
	float:left;
}

ul.mainNavMenu ul ul{
	position: absolute;
	left:98%;
	top:-2px;
}

ul.mainNavMenu, ul.mainNavMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#5b5b5b;
	background-repeat:repeat;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
}

ul.mainNavMenu table {
	border-collapse:collapse;
}

ul.mainNavMenu {
	display:block;
	zoom:1;
	height:21px;
	float: left;
}
ul.mainNavMenu ul {
	width:205px;
}

ul.mainNavMenu li {
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}

ul.mainNavMenu a:active, ul.mainNavMenu a:focus {
	outline-style:none;
}

ul.mainNavMenu a, ul.mainNavMenu li.dis a:hover, ul.mainNavMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#5b5b5b;
	border-width:0;
	text-align:center;
	text-decoration:none;
	padding:0;
	_padding-left:0;
	font:11px Arial;
	color: #fff;
	text-decoration:none;
	cursor:default;
}

ul.mainNavMenu span {
	overflow:hidden;
}
ul.mainNavMenu li {
	float:left;
}

ul.mainNavMenu ul li {
	float:none;
}

ul.mainNavMenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.mainNavMenu li.sep {
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}

ul.mainNavMenu li.sep span {
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;	
	background-image:none;
}

ul.mainNavMenu ul li.sep span {
	width:100%;
	height:3px;
}

ul.mainNavMenu li:hover {
	position:relative;
}

ul.mainNavMenu li:hover > a {
	background-color:#E6BA41;
	border-color:#E6BA41;
	border-style:solid;
	font:11px Arial;
	color: #000;
	text-decoration:none;
}

ul.mainNavMenu li a:hover {
	position:relative;
	background-color:#E6BA41;
	border-color:#E6BA41;
	border-style:solid;
	font:11px Arial;
	color: #000;
	text-decoration:none;
}

ul.mainNavMenu li.dis a {
	color: #557D4F; !important
}

ul.mainNavMenu img { 
	border: none;
	float:left;
	_float:none;
	margin-right:2px;
	width:16px;
	height:16px;
}

ul.mainNavMenu ul img {
	width:16px;
	height:16px;
}

ul.mainNavMenu img.over {
	display:none;
}

ul.mainNavMenu li.dis a:hover img.over {
	display:none; !important
}

ul.mainNavMenu li.dis a:hover img.def {
	display:inline; !important
}

ul.mainNavMenu li:hover > a img.def  {
	display:none;
}

ul.mainNavMenu li:hover > a img.over {
	display:inline;
}

ul.mainNavMenu a:hover img.over, ul.mainNavMenu a:hover ul img.def, ul.mainNavMenu a:hover a:hover ul img.def, ul.mainNavMenu a:hover a:hover img.over, ul.mainNavMenu a:hover a:hover a:hover img.over {
	display:inline;
}

ul.mainNavMenu a:hover img.def, ul.mainNavMenu a:hover ul img.over, ul.mainNavMenu a:hover a:hover ul img.over, ul.mainNavMenu a:hover a:hover img.def, ul.mainNavMenu a:hover a:hover a:hover img.def {
	display:none;
}

ul.mainNavMenu a:hover ul, ul.mainNavMenu a:hover a:hover ul {
	display:block;
}

ul.mainNavMenu a:hover ul ul {
	display:none;
}

ul.mainNavMenu span {
	display:block;
	background-image:url(../img/arr_black.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:9px;
}

ul.mainNavMenu ul span {
	background-image:url(../img/arr_white.gif);
}

ul.mainNavMenu ul li:hover > a span {	
	background-image:url(../img/arr_black.gif);
}

ul.mainNavMenu table a:hover span, ul.mainNavMenu table a:hover a:hover span {
	background-image:url(../img/arr_black.gif);
}

ul.mainNavMenu table a:hover table span {
	background-image:url(../img/arr_white.gif);
}

ul.mainNavMenu li.mainNavMenui0 {
width:100px;
height:45px;
}

ul.mainNavMenu li a.mainNavMenui0 {
height:100%;
border-width:0px;
font:normal 11px Tahoma;
color:#fff;
}

ul.mainNavMenu li a.mainNavMenui0:hover {
font:normal 11px Tahoma;
color:#eee;
}

ul.mainNavMenum0 {
background-color:transparent;
border-width:0px;
padding:0px 0px 0px 0px;
}

ul.mainNavMenum0 > li > a {
padding:8px 10px 0px 10px;
}

ul.mainNavMenum0 a {
padding:0;
}

ul.mainNavMenum0 ul a {
padding:2px 5px 5px 10px;
}

ul.mainNavMenum0>li {
margin:0px 0px 0px 0px;
}

ul.mainNavMenum0 li {
margin:0px 0px 0px 0px;
}

ul.mainNavMenum0 li li {
margin:2px 0px 0px 2px;
}


/***************************************/
/*********    Footer    ****************/
/***************************************/

#footer {
	position:relative;
}

#footerBox {
	position:relative;
	float:left;
	width:487px;
	height:88px;
	margin: 0 0 20px 0;
	background:url(../img/Footerbox.png) no-repeat center;
}

#footerBox a {
	color:#a31b1b;
	text-decoration:none;
}

#footerBox a:hover {
	color:#f7cd59;
	text-decoration:underline;
}

#footerRefferal {
	position:relative;
	float:left;
}

#footerBox #footerRefferal #footerRefferalheader {
	position:relative;
	float:left;
	width:200px;
	top:7px;
	left:9%;
}

#footerBox #footerRefferal p {
	position:relative;
	float:left;
	width:400px;
	top:20px;
	left:9%;
}

#footerBox #footerTech #footerTechheader {
	position:relative;
	float:left;
	top:7px;
	left:9%;
	margin: 0 200px 0 0;
}

#footerBox #footerTech #footerArrowright {
	position:relative;
	float:right;
	top: 20px;
	right:9%;
}

#footerBox #footerTech #footerArrowleft {
	position:relative;
	float:left;
	top: 20px;
	left:9%;
}

#footerAddy {
	position:relative;
	float:left;
	width:50%;
	margin: 10px 0 10px 0;
	text-align:left;
}

#footerLinks {
	position:relative;
	float:left;
	width:48%;
	margin: 10px 0 10px 0;
	text-align:right;
}

#footerLinks a {
	color:#353535;
	text-decoration:underline;
}

#footerLinks a:hover {
	color:#f7cd59;
	text-decoration:none;
}

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:68px; display:block; float:left; margin:30px 0 0; }

#outerContainer { 
        position:relative;
        float:left;
        width:487px;
        height:88px;
        margin: 0 0 20px 0;
        background:url(../img/Footerbox2.png) no-repeat center;
}

#imageScroller { 
        width:487px; 
        height:88px; 
        position:relative;  
}

#viewer { 
        width:410px; 
        height:68px; 
        overflow:hidden; 
        margin:auto; 
        position:relative; 
        top:10px; 
}

#imageScroller a:active, #imageScroller a:visited { color:#000000; }

#imageScroller a img { border:0; padding: 0 10px 0 10px; }

#controls { 
        width:430px; 
        height:20px; 
        background:url(../img/controlsBG.png) no-repeat; 
        position:absolute; 
        top:4px; 
        left:35px; 
        z-index:10;     
}

#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(../img/Footerleftarrow.png) no-repeat; left:8px; }
#rtl:hover { background:url(../img/Footerleftarrow.png) no-repeat; left:8px; }
#ltr { background:url(../img/Footerrightarrow.png) no-repeat; right:0px; }
#ltr:hover { background:url(../img/Footerrightarrow.png) no-repeat; right:0px; }