@charset "UTF-8";
/* Hardie Document */
/* Hardie Colors - Blue - #0A08FF, Yellow #ffbc00, Grey - #333 */
/* Fonts Hardie: ROCKWELL EXTRA BOLD      Industries: Tw Cen MT */

/* Page Information */
body { background: #beb386 /*url(../images/bg-hardie-fade-eae7da.jpg) repeat-x fixed*/; margin:0px; padding:0px; font-family: Arial,Helvetica,sans-serif; font-size:100.1%; color:#505050; }
#container { width:980px; margin: 0px auto;}
a { color:#03c; font-weight:bold; }
a:hover { color:#6ea092; }
h1 { font-size:1.2em; color:#006;margin:1em 0 .2em; border-bottom:1px #333 solid; text-decoration:none; }
h2 { font-size:1.1em; color:#006; margin:0px 0px 3px 0px; }
h3 { font-size:1em; color:#006; margin:0px 0px 10px 0px; font-style:italic;}

/* Footer */
#footer { clear:both; color:#999; font-size:.8em; text-align:center; margin:0 auto; padding:5px 0; width:980px;}
#footer ul { display: inline; list-style: none; margin: 0; padding: 0; border: none;}
#footer ul li { display:inline; padding: 20px 10px;}
#footer ul li a{ color:#333; padding:3px 10px;}
#footer ul li a:hover { background-color: #000; padding:3px 10px; color:#ffbc00;}

/* Header Information */
/* Header */
#header { height:81px; color: #FEFFCD;}
#logo { float:left; margin-left:0px;}

/* Top Nav buttons */
#topNav { float:right; margin:0px; font-size:.9em;}
#topNav ul { list-style: none; margin:0px; padding:5px; }
#topNav ul li { display:inline; padding:0 5px;}
#topNav li.divider { color: #fff; margin: 0; font-weight:bold;}
#topNav li a { color:#fff; text-decoration:none; padding:0px 10px; height:50px; font-weight:bold;}
#topNav ul li a:hover { color:#FFFFFF; background:#000;}

/* menu2 buttons */
#menu2 { float:right; margin:0px; font-size:1em;width:100%;}
#menu2 ul { list-style: none; margin:0px 0px; background-color:#333; padding:5px 0; }
#menu2 ul li { display:inline; width:190px;}
#menu2 li.divider { color: #FFC; margin: 0; padding:0;}
#menu2 li a { color:#ffbc00; text-decoration:none; padding:5px 30px;}
#menu2 ul li a:hover { color:#ffbc00; background:#000;padding:5px 30px; }
#menu2 ul li a:active { color:#ffbc00; background:#111;padding:5px 30px; }
.currentPage {background: #0A08FF;}
#about #aboutNav, #projects #projectsNav, #services #servicesNav,#news #newsNav, #careers #careersNav, #contact #contactNav, #about .Active, #projects .Active, #services .Active, #news .Active, #careers .Active, #contact .Active { background: #0A08FF; height:40px; padding:5px 0; font-weight:bold; color:#000; /*border-top:#ffbc00 2px solid; border-bottom:#ffbc00 2px solid;*/}

/* SubMenu buttons */
#submenu { float:right; margin:0px; font-size:.9em; width:100%; clear:both; background-color:#FFF;}
#submenu ul { list-style: none; margin:0px; background-color:#333; padding:5px 0px; }
#submenu ul li { display:inline; background-image:none;}
#submenu li.divider { color: #FFC; margin: 0; padding:0}
#submenu li a { color:#ffbc00; margin:0; text-decoration:none; padding: 5px 5px ;}
#submenu ul li a:hover { color:#ffbc00; background:#000;padding:5px 5px; }
#submenu ul li a:active { color:#ffbc00; background:#111;padding:5px 5px; }

/* SubMenu2 buttons */
#submenu2 { float:right; margin:0px; font-size:.8em; width:100%; clear:both; background-color:#FFF;}
#submenu2 ul { list-style: none; margin:0px; background-color:#333; padding:5px 0px; }
#submenu2 ul li { display:inline; background-image:none;}
#submenu2 li.divider { color: #FFC; margin: 0; padding:0}
#submenu2 li a { color:#ffbc00; margin:0; text-decoration:none; padding: 5px 5px ;}
#submenu2 ul li a:hover { color:#ffbc00; background:#000;padding:5px 5px; }
#submenu2 ul li a:active { color:#ffbc00; background:#111;padding:5px 5px; }

/* Front Page */
#FlashFrontEnd { height:300px; clear:both;}
#frontSlogan {  width:550px; float:left; margin:19px 0; color:#111; padding:0 10px;}
#frontSlogan .sloganText { clear: both; }
.sloganTextFooter { color:#111; font-size:.8em; text-align:right;}
#sloganpic { float:left; padding: 0 0px 10px; 0;}
#frontbanner01 { background: url(../images/IT-pro-100.jpg) no-repeat top  left #ffbc00; color:#111; float:right; width:270px; margin:19px 0 0px; padding:5px 0 5px 130px;}
#frontbanner02 { background: url(../images/officeBuilding-100.jpg) no-repeat top  left #0a08ff; color:#ffbc00; float:right; width:270px; margin:9px 0 0px; padding:5px 0 5px 130px;}
.bannerHeader {font: small-caps bold; font-size:.9em; 	border-bottom: 2px solid;}
.bannerText {font-size:.8em; padding:5px; }

/* Sub Pages */
#content { 	background:#FFF url(../images/logoWatermark-600.png) no-repeat center; clear:both; color:#333; padding:5px 10px;}
#content ul { list-style-type:none;}
#content table ul li {background-image:url(../images/bullet-arrow-12-06389b.gif); background-repeat:no-repeat; background-position:0; padding-left:1.5em;}
.imageRight {float:right; padding-left:1em; text-align:center;}
.imageLeft {float:left; padding-right:1em; text-align:center;}
.menuTween {clear:both; float:left; height:80px;}
.imageLogos {float:left; padding:10px; }

/* SubSubMenu buttons */
#subsubmenu {  float:left; margin:0px 5px 5px 0px; font-size:.8em; width:100px; padding:5px; border: #333 1px solid; background-color:#FFF;}
#subsubmenu ul { list-style: none; margin:0px; padding:5px 0px; }
#subsubmenu ul li {background-image:none; padding-left:-1.5em;}
#subsubmenu li.divider { color: #000; margin: 0; padding:0; text-align:center;}
#subsubmenu li a { color:#000; margin:10px 0; text-decoration:none; padding:5px 0 ;}
#subsubmenu ul li a:hover { color:#039; padding:5px 0; }
#subsubmenu ul li a:active { color:#039; padding:5px 0; }
#subsubmenu #quicklinks { border-bottom:#333 1px solid; font-variant:small-caps; background-image:none;}


/* Breadcrumbs buttons */
#breadcrumbs { float:left; margin:0 0 1em 0; font-size:.9em;clear:both; width:960px; border-bottom:#333 solid 1px; padding:.25em}
#breadcrumbs ul { list-style: none; margin:0px; padding:0px;}
#breadcrumbs ul li { display:inline; background-image:none;}
#breadcrumbs li.divider { color: #333; margin: 0; padding:0;}
#breadcrumbs li a { color:#333; text-decoration:none; padding:0 1em; height:20px;}
#breadcrumbs ul li a:hover { color:#FFFFFF; background:#000;padding:0px 1em; }
#breadcrumbs ul li a:active { color:#FFFFFF; background:#111;padding:0px 1em; }

/* Class clears */
.clear {	clear:both;}
.clear-left {	clear:left;}
.clear-right{	clear:right;}