@charset "UTF-8";

/* RESET */
* { border:0; outline:0; vertical-align:baseline; background:transparent; margin:0; padding:0; list-style:none; }

/* STRUCTURE & BACKGROUND ELEMENTS */
html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -77px; background:url(../images/bg_bottom.gif) bottom center repeat-x #FFF; }
.footer, .push { height: 77px; width: 910px; margin:0 auto; padding:0 20px 0 20px; }
#background_header { width:100%; background:url(../images/bg_top.gif) top center repeat-x; }
#content_wrap { width:950px; margin: 0 auto; position: relative; padding-bottom:30px; }
#header, #flash_nav_area, #main_content, { width:950px; }
.casestudies { height:80px; background:url(../images/title_integrated.gif) no-repeat center; }
.about { height:80px; background:url(../images/title_about.gif) no-repeat center; }
.contact { height:80px; background:url(../images/title_contact.gif) no-repeat center; }
.experience { height:80px; background:url(../images/title_experience.gif) no-repeat center; }
.capabilities { height:80px; background:url(../images/title_capabilities.gif) no-repeat center; }
#flash_nav_area, #flash_nav_area ul { height:179px; width:950px; }
#flash_nav_area ul li {float:left;}
#flash_nav_area ul li.navigation {height:179px; width:113px;}
#flash_nav_area ul li.navigation a {margin-bottom:12px;}
#flash_nav_area ul li#flash {height:179px; width:837px;}
#flash_nav_area ul li#flash_fake { display:none; height:179px; width:837px; background:url(../images/bg_flash_fake.gif) no-repeat;}
#main_content { width:730px; margin:0 auto; padding-top:30px; }
.footer li { float:left; }

/* FONTS */
html, body { font-family:Verdana; color:#6F7E7C; }
a:link, a:active, a:visited { text-decoration:none; color:#6F7E7C; }
a:hover { text-decoration:underline; color:#6F7E7C; }
p { font-size:12px; line-height:18px; } 
.pop_up_content h1 { text-transform:capitalize; font-size:14px; color:#BF2538; }
.pop_up_content h2 { font-size:11px; font-weight:bold; padding-top:10px; }
.pop_up_content p { font-size:11px; }
#main_content p { font-size:12px; line-height:18px; margin-bottom:14px; }
#main_content ul { margin-left:20px; }
#main_content ul li { font-size:12px; line-height:18px; margin-bottom:7px; list-style:disc; }

.pop_up_window { display:none; position:absolute; top:85px; left:23px; width:904px; height:533px; z-index:500; background:url(../images/bg_pop_up.png) no-repeat center; }
.x_close { position:absolute; left:872px; top:10px; width:22px; height:21px; }
.pop_up_image { position:absolute; left:406px; top:31px; width:464px; height:387px; text-align:center;z-index:700;}
.zoom { position:absolute; left:818px; top:34px; width:49px; height:20px; z-index:750; background:url(../images/zoom.gif) no-repeat center; }
.pop_up_content { position:absolute; left:34px; top:31px; width:324px; height:387px; }
ul.thumbs { position:absolute; top:435px; left:34px; }
ul.thumbs li { float:left; margin-right:11px; }
#promo_text_1, #promo_text_2, #promo_text_3 { visibility:hidden; }
.form { border:1px solid #CCCCCC; padding:3px; margin-bottom:5px; color:#6F7E7C; font-size:16px; font-weight:bold; }
.form_sm { border:1px solid #CCCCCC; padding:3px; margin-bottom:5px; color:#6F7E7C; font-size:11px; }
.check { margin:0 5px 5px 0;padding:0; vertical-align: top; }
.checkboxes { color:#6F7E7C; font-size:11px; }
.button { background-color:#6F7E7C; color:#FFF; padding:3px; margin-top:12px; font-size:14px; }
.button_sm { background-color:#6F7E7C; color:#FFF; padding:3px; margin-top:12px;}

.thumb { cursor: pointer; }

/* MAIN NAV */
#nav_1 {margin-top:21px;}

#nav_1:link,#nav_1:active,#nav_1:visited { display:block; width:102px; height:18px; background:url(../images/btn_1.gif) no-repeat center left ; text-decoration: none;}
#nav_1:hover { display:block; width:102px; height:18px; background:url(../images/btn_1.gif) no-repeat center right ; text-decoration: none;}
#casestudies #nav_1 { background:url(../images/btn_1_red.gif) no-repeat center left; }

#nav_2:link,#nav_2:active,#nav_2:visited { display:block; width:102px; height:18px; background:url(../images/btn_2.gif) no-repeat center left ; text-decoration: none;}
#nav_2:hover { display:block; width:102px; height:18px; background:url(../images/btn_2.gif) no-repeat center right ; text-decoration: none;}
#capabilities #nav_2 { background:url(../images/btn_2_red.gif) no-repeat center left; }

#nav_3:link,#nav_3:active,#nav_3:visited { display:block; width:102px; height:18px; background:url(../images/btn_3.gif) no-repeat center left ; text-decoration: none;}
#nav_3:hover { display:block; width:102px; height:18px; background:url(../images/btn_3.gif) no-repeat center right ; text-decoration: none;}
#experience #nav_3 { background:url(../images/btn_3_red.gif) no-repeat center left; }

#nav_4:link,#nav_4:active,#nav_4:visited { display:block; width:102px; height:18px; background:url(../images/btn_4.gif) no-repeat center left ; text-decoration: none;}
#nav_4:hover { display:block; width:102px; height:18px; background:url(../images/btn_4.gif) no-repeat center right ; text-decoration: none;}
#about #nav_4 { background:url(../images/btn_4_red.gif) no-repeat center left; }

#nav_5:link,#nav_5:active,#nav_5:visited { display:block; width:102px; height:18px; background:url(../images/btn_5.gif) no-repeat center left ; text-decoration: none;}
#nav_5:hover { display:block; width:102px; height:18px; background:url(../images/btn_5.gif) no-repeat center right ; text-decoration: none;}
#contact #nav_5 { background:url(../images/btn_5_red.gif) no-repeat center left; }