
/* CSS Document */


/* Begin Typography & Colors */
body { font-size: 72.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #666666; 
color: #666666; text-align: center; }
a, a:visited{ color: #333333;text-decoration: none;}
a:hover, a:active{ color: #999999;}

#page { background-color: #FFFFFF; text-align: left; }
#top_nav_element1 { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#top_nav_element2 { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#top_nav_element3 { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#top_nav_element4 { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#top_nav_element5 { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
#top_nav_element1_menu { visibility: hidden; }
#top_nav_element2_menu { visibility: hidden; }
#top_nav_element3_menu { visibility: hidden; }
#top_nav_element4_menu { visibility: hidden; }
#top_nav_element5_menu { visibility: hidden; }
#footer_tab_body { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 11px; }
div#extranet_nav_infobox { visibility: hidden; }
div#applications_nav_infobox { visibility: hidden; }
div#portfolio_nav_infobox { visibility: hidden; }
div#services_nav_infobox { visibility: hidden; }
div#news_nav_infobox { visibility: hidden; }
div#about_nav_infobox { visibility: hidden; }
.main_content_headline { font-family: "Trebuchet MS", Helvetica, Arial, Verdana; font-size: 36px; color: #404040; font-weight: bold; }
.main_menu_parent_item { font-size: 11px; color: #1b57b1; font-weight: bold; }
.main_menu_parent_item_over { font-size: 11px;color: #06306e; font-weight: bold; }
.main_menu_child_item { }
.main_menu_child_item_over { color: #333333;}
.main_menu_child_item_selected { font-weight: bold; color: #333333; }
.navigation_item { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; }
.navigation_item_over { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; color: #FFFFFF; }
.news_headline { font-size: 16px; color: #1b57b1; font-weight: bold; }
.news_date { color: #ababab; }
.news_summary { }
.news_body { }
.news_link { color: #1b57b1 }
.portfolio_category_link { color: #1b57b1; font-weight: bold; line-height: 20px; }
.portfolio_list_headline { font-weight: bold; font-size: 13px; color:#666666  }
.portfolio_list_projectname { font-size: 16px; color: #1b57b1; font-weight: bold; cursor: pointer;}
.portfolio_list_description { padding: 5px 0 5px 0; color: #333333 }
.portfolio_list_technology { padding: 5px 0 5px 0; color: #333333 }
.portfolio_list_link { padding: 5px 0 5px 0; color: #1b57b1; font-weight: bold; cursor: pointer; }
.portfolio_view_title { font-size: 16px; font-weight: bold; }
.portfolio_image { padding: 5px; }
.staff_picture { width: 78px; float: left; text-align: center; margin-top: 10px; padding-right: 4px;}

.employee { }
.employee_photo { float: left; width: 132px; text-align: right; }
.employee_text { padding-left: 142px}
.employee_name_headline { font-size: 17px; font-weight: bold; }
.employee_text_info { }
.employee_text_blog { font-size: 13px; }

.employee_blog_headline { font-size: 13px; color: #1b57b1; font-weight: bold; }
.employee_blog_date {  }


.no_float { clear: both; }
.navigation_box_headline { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 12px; color: #666666; }
.feature_box_headline { text-align: left; font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 11px; }
.navigation_icon_content {   font-family: "Lucida Grande", Helvetica, Arial, Verdana; font-size: 11px; color: #fff; text-align:center; font-weight: bold; }
/* main overriding div settings */
/* Begin Structure */
body { margin: 0 0 20px 0; padding: 0;  }
#page { margin: 3px auto; padding: 0; width: 815px; background: url(/assets/1/main_background.gif) repeat-y; background-color: #666666}
#footer { position: relative; background-image: url(/assets/1/bottom_gradient.gif); background-position: bottom; background-repeat: no-repeat; background-color: #FFFFFF; height: 59px; }
#main_body { background-image: url(/assets/1/main_background.gif); }
.grey_line { height: 17px; }
.grey_line_sep { width: 366px; height: 17px; border-top-width: 1px;  border-top-color: #cccccc;  border-top-style: solid; float:left; }
.grey_line_sep_endbox { width: 190px; height: 14px; border-width: 1px;  border-color: #cccccc;  border-style: solid; float: left; background-color: #f9f9f9; text-align: center;padding-top: 3px; }
#navigation { background: transparent; }
.top_nav_borders { border-top: 1px;  border-top-color: #d1d1d1; border-top-style: solid; border-bottom: 1px; border-bottom-color: #d1d1d1; border-bottom-style: solid; }
.navigation_column { float: left; padding: 10px 0 5px 28px; margin: 0px 0 0; width: 177px; }
/* Begin Main Content */
#main_content { background:url(/assets/1/homepage_flower_bgcorner.png) no-repeat top right; padding: 10px 10px 10px 10px; margin-left: 205px; width: 570px; min-height: 460px; /* min-height ensures proper layouts! */ }
#main_content2 { background:url(/assets/1/homepage_flower_bgcorner.png) no-repeat top right; padding: 10px 10px 10px 10px; margin-left: 205px; width: 470px; min-height: 460px; /* min-height ensures proper layouts! */ }
#top_nav_element1 { height: 19px; width: 102px; float: left; padding-top: 4px; padding-left: 25px; }
#top_nav_element2 { height: 19px; width: 102px; float: left; padding-top: 4px; padding-left: 25px; }
#top_nav_element3 { height: 19px; width: 102px; float: left; padding-top: 4px; padding-left: 25px; }
#top_nav_element4 { height: 19px; width: 102px; float: left; padding-top: 4px; padding-left: 25px; }
#top_nav_element5 { height: 19px; width: 102px; float: left; padding-top: 4px;padding-left: 25px; }
#top_nav_element1_menu { position: absolute; left: 0px; top: 23px; width: 180px; z-index: 10; }
#top_nav_element2_menu { position: absolute; left: 127px; top: 23px; width: 180px; z-index: 10; }
#top_nav_element3_menu { position: absolute; left: 254px; top: 23px; width: 180px; z-index: 10; }
#top_nav_element4_menu { position: absolute; left: 381px; top: 23px; width: 180px; z-index: 10; }
#top_nav_element5_menu { position: absolute; left: 508px; top: 23px; width: 180px; z-index: 10; }
.navigation_item { height: 17px; width: 155px; float: left;background-color: #d1d1d1;padding-top: 5px;padding-left: 4px;float: left;border-top-width: 1px;border-top-style: solid;border-top-color: #ffffff;border-bottom-width: 1px; border-bottom-style: solid;border-bottom-color: #bdbcbc; z-index: 10; }
.navigation_item_over { height: 17px; width: 155px; float: left; padding-top: 5px; padding-left: 4px; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bdbcbc; background-color: #a7a7a7; z-index: 10;}
.navigation_bullet { width: 21px; height: 22px; background-image:url(/assets/1/red_bullet.gif); background-position:bottom right; background-repeat:no-repeat; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bdbcbc; }
.navigation_bullet_over { width: 21px; height: 22px; background-image:url(/assets/1/yellow_bullet.gif); background-position:bottom right; background-repeat:no-repeat; float: left; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bdbcbc; background-color: #a7a7a7; }
.navigation_footer { width: 180px; height: 10px; float:left; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; background-image:url(/assets/1/nav_bar_footertab.png); }
.top_nav_over { background-image:url(/assets/1/nav_bar_bg_over.gif); color: #333333; cursor: pointer; }
.feature_box_thumb { border: solid #999999 1px; }
#top_nav { margin: 0px 0px 0px 18px; width: 778px;  background-image:url(/assets/1/nav_bar_bg.gif); height: 23px;position: relative; }
.top_nav_out { background-image:url(/assets/1/nav_bar_bg.gif); color: #515151; cursor: default;  }
#footer_tab { padding-left: 101px; padding-top: 17px; }
#footer_tab_left { width: 11px; height: 23px; background-image:url(/assets/1/footer_left_corner.gif);	 float: left; }
#footer_tab_body { width: 592px; height: 18px; background-color: #adadad; padding-top: 5px; float: left; }
#footer_tab_right { width: 11px; height: 23px; background-image:url(/assets/1/footer_right_corner.gif); float: left; }
.navigation_box_headline { padding-left: 10px; padding-bottom: 5px;  border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #c7c7c7; }
.navigation_box_content { padding: 5px 0 5px 10px; }
/* rounded box CSS */
div.roundedbox { background: #e9e8e8 url(/assets/1/box_gradient.gif) repeat-x bottom;}
.rtop,.rbottom{display:block; z-index: 1;}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden; z-index: 1;}
.r1{margin: 0 5px; z-index: 1;}
.r2{margin: 0 3px; z-index: 1;}
.r3{margin: 0 2px; z-index: 1;}
.r4{margin: 0 1px;height: 2px; z-index: 1;}
.rs1{margin: 0 2px; z-index: 1;}
.rs2{margin: 0 1px; z-index: 1;}
/* end rounded box css */
/* light grey content box css */
.light_grey_box_header { height: 9px; width: 555px; background-image:url(/assets/1/lightgrey_box_top.gif); margin-top: 10px }
.light_grey_box_body { background-color: #f9f9f9; border-left: 1px #cecece solid; border-right: 1px solid #cecece; padding: 4px 12px 4px 12px; width: 529px; position: relative }
.light_grey_box_footer { height: 9px; width: 555px; background-image:url(/assets/1/lightgrey_box_bottom.png); margin-bottom: 10px}
.portfolio_listing_image { width: 115px; float: left; text-align: center}
.portfolio_listing_copy { padding-left: 125px; }
/* main menu styles */
.main_menu_parent_item { padding: 5px 5px 5px 13px; background: url(/assets/1/grey_bullet_small.png) no-repeat center left; }
.main_menu_parent_item_over { padding: 5px 5px 5px 13px; background: url(/assets/1/blue_bullet_small.png) no-repeat center left; cursor: pointer; }
.main_menu_child_item { padding: 3px 3px 3px 25px; }
.main_menu_child_item_over { padding: 3px 3px 3px 25px; cursor: pointer; }
.main_menu_child_item_selected { margin-left: 13px; padding: 3px 3px 3px 12px; background: url(/assets/1/small_grey_arrow.png) no-repeat center left;	}
#top_section { background: url(/assets/1/top_background.gif) repeat-y; height: 182px; width: 797px;}
div#flash_banner { background:url(/assets/1/top_banner.png) no-repeat; margin-left: 18px; width: 606px; float: left; height: 168px}
div#cc_info {  min-height: 168px; width: 165px; margin-left: 631px; background: #e9e8e8; }
#top_shadow { height: 14px; width: 815px; background:url(/assets/1/top_shadow.gif); }
.header_logo_box {  background: #e9e8e8; padding-top: 7px; height: 87px; border-bottom: solid #d6d6d6 1px; text-align:center; vertical-align:middle }
.header_logocopy_box {  background: #e9e8e8; padding-top: 8px; height: 28px; border-bottom: solid #d6d6d6 1px;  border-top: solid #fff 1px; text-align:center; vertical-align:middle }
.header_date_box {  background: #e9e8e8; padding-top: 8px; border-top: solid #fff 1px; text-align:center; vertical-align:middle }
/* gradient css */
.gradualshine{ -moz-opacity:0.3; }
/* navigation icons box */
div#navigation_icons { visibility: hidden; position:absolute; margin: 0 0 0 809px; top: -210px; min-height: 250px; min-width: 44px; float:right}
.navigation_icon { padding: 5px 2px 5px 2px; text-align: center;}
.navigation_icon_content {  width: 158px; height: 19px; border: #000000 1px solid; padding: 4px 0 0 0; background: #000000 url(/assets/1/nav_icon_labelbg.gif) repeat-x; }
div#extranet_nav_infobox { position: absolute; left: -115px; top: -28px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px; }
div#applications_nav_infobox { position: absolute; left: -115px; top: 14px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px;}
div#portfolio_nav_infobox { position: absolute; left: -115px; top: 55px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px; }
div#services_nav_infobox { position: absolute; left: -115px; top: 93px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px; }
div#news_nav_infobox { position: absolute; left: -115px; top: 132px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px; }
div#about_nav_infobox { position: absolute; left: -115px; top: 178px; width: 158px; background: url(/assets/1/nav_icon_downarrow.gif) bottom right no-repeat; height: 39px; }



