/*--- Global ---*/
* { margin: 0; }
html, body { height: 100%; }
body { background:#FFFFFF url(../images/background.jpg) center top repeat; margin: 0; padding: 0; }
a:link { color: #89a200; text-decoration: none; outline-style: none; font-weight: normal; }
a:visited { color: #89a200; text-decoration: none; outline-style: none; font-weight: normal; }
a:hover { color: #89a200; text-decoration: underline; outline-style: none; font-weight: normal; }
a:active { color: #89a200; text-decoration: none; outline-style: none; font-weight: normal; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; }
#container { width: 990px; margin: 0 auto; height: 100%; text-align: left; position: relative; }
#content { display: block; float: left; width: 990px; background: url("../images/background_content.jpg") repeat-y 0 0; height: 100%; }
#content_text { display: block; float: left; width: 580px; margin: 20px 0px 0px 50px; }
#content_images { display: block; float: left; width: 950px; margin: 20px 0px 0px 50px; }
/*--- Top Nav ---*/
#top_bar { height: 44px; position: relative; background:#FFFFFF url(../images/background_top_bar.jpg) center top repeat-x; margin: 0px 0px 0px 0px; }
#top_nav { float: right; margin: 9px 0px 0px 0px; }
.top_nav_white { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; margin: 0px 10px 0px 10px; }
a.top_nav:link { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; }
a.top_nav:visited { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; }
a.top_nav:active { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; }
a.top_nav:hover { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration:underline; }
/*--- Header ---*/
#header_home { display: block; float: left; width: 990px; height: 402px; background: url("../images/background_header_home.jpg") no-repeat; position: relative; }
#header { display: block; float: left; width: 990px; height: 285px; background: url("../images/background_header.jpg") no-repeat; position: relative; }
#main_image { float: left; width: 945px; height: 175px; margin: 16px 0px 0px 23px; overflow: hidden; }
#logo { display: block; float: left; width: 990px; height: 150px; background: url("../images/background_logo.jpg") repeat; }
.banner_internal { display:block; position:absolute; z-index:300; left:-16px; top:195px; margin: 0px; }
/*--- Sub Nav ---*/
#sub_nav { display: block; float: right; width: 285px; background:#FFFFFF url(../images/sub_nav_background.jpg) center top repeat-y; margin: 20px 45px 0px 0px; text-align: right; }
#sub_nav_image { display: block; float: left; margin: 0px 0px 20px 40px; width: 60px; height: 60px; }
#sub_nav_text { display: block; float: left; margin: 15px 0px 20px 20px; width: 140px; height: 45px; font-family: Arial, sans-serif; color: #333333; font-weight: bold; font-size: 13px; line-height: 1.2; text-align: left; }
/*--- Main Nav ---*/
#main_nav { width: 960px; height: 60px; margin: 16px 0px 0px 16px; position: relative; }
#home { display: block; float: left; width: 174px; height: 60px; background: url("../buttons/home.png") no-repeat 0 0; padding: 0px; overflow: hidden; outline-width: 0; }
#home:hover { background-position: 0 -60px; }
#home span { display: none; }
.home a#home { background-position: 0 -60px; }
#services { display: block; float: left; width: 192px; height: 60px; background: url("../buttons/services.png") no-repeat 0 0; padding: 0px; outline-width: 0; }
#services:hover { background-position: 0 -60px; }
#services span { display: none; }
.services a#services { background-position: 0 -60px; }
#ecs { display: block; float: left; width: 375px; height: 61px; background: url("../buttons/dn_ecs.png") no-repeat 0 0; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; outline-width: 0; }
#ecs:hover { background-position: 0 -61px; }
#ecs span { display: none; }
.ecs #ecs { background-position: 0 -61px; }
#rcs { display: block; float: left; width: 375px; height: 40px; background: url("../buttons/dn_rcs.png") no-repeat 0 0; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; outline-width: 0; }
#rcs:hover { background-position: 0 -40px; }
#rcs span { display: none; }
.rcs #rcs { background-position: 0 -40px; }
#cad { display: block; float: left; width: 375px; height: 40px; background: url("../buttons/dn_cad.png") no-repeat 0 0; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; outline-width: 0; }
#cad:hover { background-position: 0 -40px; }
#cad span { display: none; }
.cad #cad { background-position: 0 -40px; }
#spp { display: block; float: left; width: 375px; height: 40px; background: url("../buttons/dn_spp.png") no-repeat 0 0; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; outline-width: 0; }
#spp:hover { background-position: 0 -40px; }
#spp span { display: none; }
.spp #spp { background-position: 0 -40px; }
#about_us { display: block; float: left; width: 197px; height: 60px; background: url("../buttons/about_us.png") no-repeat 0 0; padding: 0px; overflow: hidden; outline-width: 0; }
#about_us:hover { background-position: 0 -60px; }
#about_us span { display: none; }
.about_us a#about_us { background-position: 0 -60px; }
#news { display: block; float: left; width: 178px; height: 60px; background: url("../buttons/news.png") no-repeat 0 0; padding: 0px; overflow: hidden; outline-width: 0; }
#news:hover { background-position: 0 -60px; }
#news span { display: none; }
.news a#news { background-position: 0 -60px; }
#contact_us { display: block; float: left; width: 218px; height: 60px; background: url("../buttons/contact_us.png") no-repeat 0 0; padding: 0px; overflow: hidden; outline-width: 0; }
#contact_us:hover { background-position: 0 -60px; }
#contact_us span { display: none; }
.contact_us a#contact_us { background-position: 0 -60px; }
#highway { display: block; float: left; width: 192px; height: 60px; background: url("../buttons/services.png") no-repeat 0 0; padding: 0px; outline-width: 0; }
#highway:hover { background-position: 0 -60px; }
#highway span { display: none; }
.highway a#highway { background-position: 0 -60px; }
/*--- Main Nav Drop Menu ---*/
#nav {
height: 40px;
padding: 0;
margin: 16px 0px 0px 16px;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 9999;
}
#nav ul li a {
float: left;
margin: 0px 0px 0px 0px;
}
#nav li ul {
display: none;
position: absolute;
top: 60px;
left: 0px;
z-index: 9999;
}
li > ul {
top: auto;
left: auto;
}
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li ul li a {
display: block;
color: #000 !important;
border: none;
}
#nav ul li ul li a:hover {
color: #fff !important;
}
/*--- Sub Nav ---*/
#sub_ecs { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_ecs.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_ecs:hover { background-position: 0 -60px; }
#sub_ecs span { display: none; }
.sub_ecs a#sub_ecs { background-position: 0 -60px; }
.sub_ecs #services { background-position: 0 -60px; }
#sub_rcs { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_rcs.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_rcs:hover { background-position: 0 -60px; }
#sub_rcs span { display: none; }
.sub_rcs a#sub_rcs { background-position: 0 -60px; }
.sub_rcs #services { background-position: 0 -60px; }
#sub_cad { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_cad.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_cad:hover { background-position: 0 -60px; }
#sub_cad span { display: none; }
.sub_cad a#sub_cad { background-position: 0 -60px; }
.sub_cad #services { background-position: 0 -60px; }
#sub_spp { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_spp.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_spp:hover { background-position: 0 -60px; }
#sub_spp span { display: none; }
.sub_spp a#sub_spp { background-position: 0 -60px; }
.sub_spp #services { background-position: 0 -60px; }
#sub_ls { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_ls.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_ls:hover { background-position: 0 -60px; }
#sub_ls span { display: none; }
.sub_ls a#sub_ls { background-position: 0 -60px; }
.sub_ls #services { background-position: 0 -60px; }
#sub_efr { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_efr.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_efr:hover { background-position: 0 -60px; }
#sub_efr span { display: none; }
.sub_efr a#sub_efr { background-position: 0 -60px; }
.sub_efr #services { background-position: 0 -60px; }
#sub_dd { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_dd.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_dd:hover { background-position: 0 -60px; }
#sub_dd span { display: none; }
.sub_dd a#sub_dd { background-position: 0 -60px; }
.sub_dd #services { background-position: 0 -60px; }
#sub_sgi { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_sgi.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_sgi:hover { background-position: 0 -60px; }
#sub_sgi span { display: none; }
.sub_sgi a#sub_sgi { background-position: 0 -60px; }
.sub_sgi #services { background-position: 0 -60px; }
#sub_ust { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_ust.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_ust:hover { background-position: 0 -60px; }
#sub_ust span { display: none; }
.sub_ust a#sub_ust { background-position: 0 -60px; }
.sub_ust #services { background-position: 0 -60px; }
#sub_lldt { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_lldt.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_lldt:hover { background-position: 0 -60px; }
#sub_lldt span { display: none; }
.sub_lldt a#sub_lldt { background-position: 0 -60px; }
.sub_lldt #services { background-position: 0 -60px; }
#sub_pms { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_pms.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_pms:hover { background-position: 0 -60px; }
#sub_pms span { display: none; }
.sub_pms a#sub_pms { background-position: 0 -60px; }
.sub_pms #services { background-position: 0 -60px; }
#sub_aboti { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_aboti.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_aboti:hover { background-position: 0 -60px; }
#sub_aboti span { display: none; }
.sub_aboti a#sub_aboti { background-position: 0 -60px; }
.sub_aboti #services { background-position: 0 -60px; }
#sub_spcc { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_spcc.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_spcc:hover { background-position: 0 -60px; }
#sub_spcc span { display: none; }
.sub_spcc a#sub_spcc { background-position: 0 -60px; }
.sub_spcc #services { background-position: 0 -60px; }
#sub_smp { display: block; float: left; width: 60px; height: 60px; background: url("../buttons/sub_smp.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; margin: 0px 0px 20px 40px; }
#sub_smp:hover { background-position: 0 -60px; }
#sub_smp span { display: none; }
.sub_smp a#sub_smp { background-position: 0 -60px; }
.sub_smp #services { background-position: 0 -60px; }
/*--- Testimonials ---*/
#testimonials { display: block; float: left; width: 580px; height: 95px; margin: 20px 0px 20px 50px; background: url("../images/background_testimonials.jpg") no-repeat 0 0; padding: 0px; overflow: hidden; }
/*--- Text Styles ---*/
/*--- Body Copy ---*/
h1 { font-family: Arial, sans-serif; color: #333333; font-weight: normal; font-size: 13px; line-height: 1.7; margin: 20px 0px 3px 0px; }
/*--- Testimonial ---*/
h2 { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: normal; font-size: 13px; line-height: 1.2; margin: 13px 0px 0px 30px; }
h3 { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: normal; font-style: italic; font-size: 13px; line-height: 2; margin: 0px 0px 0px 30px; }
/*--- Footer ---*/
h5 { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; margin: 0px 0px 0px 0px; }
/*Project Images*/
#galleryDiv { width: 950; }
#galleryDiv a { float: left; width: 155px; height: 155px; margin: 0 28px 28px 0; }
/*Featured SlideShow*/
#banner { float: left; width: 945px; height: 295px; margin: 16px 0px 0px 22px; overflow: hidden; }
.banner_edge { display:block; position:absolute; z-index:300; left:-16px; top:244px; width:38px; height:122px; background: transparent url(../images/banner_edge.jpg) no-repeat; margin: 0px; }
.slideshow { position:relative; padding:0; }
.slideshow a img { border:none; }
.slideshow li.slide { list-style-type:none; }
.slideshow .slides { height:295px; margin:0; z-index:200; }
.slideshow .slides li.slide { position:absolute; left:0px; top:0; height: 295px; display: block; }
.slideshow .background { display:block; position:absolute; z-index:100; left:0px; top:0px; margin: 0px; width:945px; height:295px; background: transparent url(../images/background_banner.jpg) no-repeat; }
.slideshow .buttons { display:block; position:absolute; z-index:300; left:860px; top:260px; margin: 0px; }
.slideshow .buttons a { display:block; float: left; width:12px; height:20px; background: transparent url(../images/banner_button.png) no-repeat; text-indent: -999999px; margin: 3px 0px 0px 3px; }
.slideshow .buttons .activeSlide:hover,
.slideshow .buttons .activeSlide { background-position: left -20px; }
/*--- Footer ---*/
#footer_items { float: left; width: 180px; margin: 30px 20px 30px 0px; }
#footer_items_last { float: left; width: 180px; margin: 30px 0px 0px 0px; }
#footer_line { float: left; width: 100%; height: 5px; background-color:#dddddd; margin: 0; padding: 0; }
#footer_nav { float: left; width: 930px; margin: 30px 0px 30px 0px; }
a.footer_nav:link { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; }
a.footer_nav:visited { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; }
a.footer_nav:active { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; }
a.footer_nav:hover { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration:underline; }
.divider { font-family: Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; margin: 0px 5px 0px 5px; }
#footer_bar { height: 75px; background-color:#3a4501; text-align: center; }
.footer, .push { height: 75px; clear: both; }