/*MAIN STYLES*/
body  {font-family: verdana, helvetica, arial, geneva, sans-serif; font-size: .8em; background-color: #374548; color: #666666; margin: 0px; text-align: center;}

#siteContainer  {width: 833px; background-color: #FFFFFF; margin: auto auto 40px auto; padding: 0px;background: url(../../media/images/site_bg.gif) repeat-y;}

  #siteContainer #contentContainer {width: 753px; padding: 0px; margin: auto;}
    #siteContainer #contentContainer #header_top {width: 753px; height:8px;}
    #siteContainer #contentContainer #header {width:753px; height: 239px; text-align: left; margin-top: 10px; background: url(../../media/images/header_bg.jpg) no-repeat 0px 0px;}
    #siteContainer #contentContainer #header #header_logo {margin-left: 20px;}
    #siteContainer #contentContainer #header #header_text {margin-top: 20px; margin-left: 20px; font-size: 1.6em; font-weight:bold;}
      #siteContainer #contentContainer #header #header_text UL {margin-left: 0px; padding-left: 0px; margin-top:5px;}
        #siteContainer #contentContainer #header #header_text UL LI {font-size: .5em; margin-left: 16px; padding-left: 0px; margin-top: 2px;}

h1 {font-size: 2em; margin-top: 0px; color: #666666;} 
h2 {font-size: 1.4em; margin-top: 7px;} 
h3 {font-size: 1.3em; margin: 0px 0px 10px 0px; color: #666666;}
h4 {font-size: 1.1em; margin: 0px 0px 10px 0px; color: #666666; font-style: italic;}
h5 {font-size: 0.7em; margin: 0px 0px 10px 0px; color: #666666; font-style: italic; font-weight:normal; text-align:justify;}
h6 {font-size: 0.8em; margin: 0px 0px 10px 0px; color: #666666; font-style: normal; font-weight:normal;}

a {text-decoration: underline; color: #666666;}
  a:hover {text-decoration: none; background-color: #333333; color: #FFFFFF;}

.font_large {font-size: 1.2em;}
.smallText  {font-size: .7em;}

form {margin: 0px;}

img  {display: block; border: 0px;}

.clearAll  {clear: both;}

p  {margin: 0px 0px 10px 0px;}
  p.nospace {margin:0px;}

#error  {border: 1px solid #FF0000; margin: 0px 0px 10px 0px; padding: 10px; color: #FF0000; font-weight: bold;}

/*NAVIGATION*/
#siteContainer #contentContainer #navContainer  {width: 753px; height: 39px; background: url(../../media/images/menu_bg.gif) no-repeat 0px 0px;}
  #siteContainer #contentContainer #navContainer ul#nav  {margin: 0px; padding: 0px;}

    #siteContainer #contentContainer #navContainer ul#nav a {float: left; width: 124px; height: 20px; color: #ffffff; text-decoration: none; text-align: center; padding: 9px 0px 10px 0px; display: block; border-right: 1px dotted #374548; background-color: transparent;}
      #siteContainer #contentContainer #navContainer ul#nav a:hover {color: #CCCCCC;}
    
      #siteContainer #contentContainer #navContainer ul#nav a.selected {float: left; background: url(../../media/images/menu_item_bg_active.gif) no-repeat 0px 0px; width: 125px; height: 20px; color: #ffffff; text-decoration: none; text-align: center; padding: 9px 0px 10px 0px; display: block; border-right: 0px;}
        #siteContainer #contentContainer #navContainer ul#nav a.selected:hover {color: #FFFFFF;}

    #siteContainer #contentContainer #navContainer ul#nav li#lastItem a {float: left; width: 125px; height: 20px; color: #ffffff; text-decoration: none; text-align: center; padding: 9px 0px 10px 0px; display: block; border-right: 0px;}
      #siteContainer #contentContainer #navContainer ul#nav li#lastItem a:hover {color:#CCCCCC;}
        #siteContainer #contentContainer #navContainer ul#nav li#lastItem a.selected:hover {color:#FFFFFF;}

      
    /* all list items */
    #siteContainer #contentContainer #navContainer ul#nav li {float: left; position: relative; z-index: 10; text-align: center; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
      
      /* second-level lists */
      #siteContainer #contentContainer #navContainer ul#nav li ul {position: absolute; width: 220px; left: -999em; list-style: none; background-color: #c21a00; margin: 0px; padding: 0px;}
        #siteContainer #contentContainer #navContainer ul#nav li ul li {width: 220px; margin: 0px; padding: 2px 0px 2px 0px;}
          #siteContainer #contentContainer #navContainer ul#nav li ul li a  {display: block; width: 210px; height: auto; border: 0px; text-align: left; margin: 0px; padding: 3px 0px 4px 10px; font-size: .8em;}
            #siteContainer #contentContainer #navContainer ul#nav li ul li a:hover  {background-color: #cd1f00;}

    /* lists nested under hovered list items */
    #siteContainer #contentContainer #navContainer ul#nav li:hover ul, #siteContainer #contentContainer #navContainer ul#nav li.sfhover ul {left: 0px; top: 39px;}



/*HOME CONTENT*/
#siteContainer #contentContainer #home {margin-top: 10px; text-align: left;}
  #siteContainer #contentContainer #home #home_left {float: left ;border-right: 1px solid #CCCCCC; width: 376px; height: 270px; background: url(../../media/images/home_left_bg.jpg) no-repeat 0px 100px;}
    #siteContainer #contentContainer #home #home_left #home_left_content {padding-left: 15px; width: 320px; font-size: 1.1em; color: #374548;}
  #siteContainer #contentContainer #home #home_right {width: 376px; float: right;}  
    #siteContainer #contentContainer #home #home_right #home_right_content {padding-left: 15px;}
    
  #siteContainer #contentContainer #home UL {margin-left: 0px; padding-left: 0px;}
    #siteContainer #contentContainer #home UL LI{margin-left: 16px; padding-left: 0px;}
  
  #siteContainer #contentContainer #home_bottom {margin-top: 8px;}
    #siteContainer #contentContainer #home_bottom #home_bottom_team {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_team_bg.jpg) no-repeat 10px 30px; float: left;}  
    #siteContainer #contentContainer #home_bottom #home_bottom_services {width: 178px; height: 192px; border: 1px solid #CCCCCC; float: left; margin-left: 11px;}
      #siteContainer #contentContainer #home_bottom UL {margin-left: 0px; padding-left: 0px; padding-bottom: 2px; margin-bottom: 2px; margin-top: 3px; padding-top: 3px;}

  #siteContainer #contentContainer #home_bottom ul li {color: #fe0000;}
  #siteContainer #contentContainer #home_bottom  ul li a  {color: #fe0000; font-size: 1.0em;}
  #siteContainer #contentContainer #home_bottom ul li a:hover {color: #374548}
  
    #siteContainer #contentContainer #home_bottom #home_bottom_case {width: 178px; height: 192px; border: 1px solid #CCCCCC; float: left; margin-left: 10px;}
    #siteContainer #contentContainer #home_bottom #home_bottom_partners {width: 178px; height: 192px; border: 1px solid #CCCCCC; float: left; margin-left: 11px;}

.box_content {color:#666666;font-size:.9em;width:160px;margin-left:10px;height:144px;margin-top:8px;}
.box_header {color:#666666;font-size:1.5em;font-weight:bold;margin-bottom:4px;}

/*SUB CONTENT*/
#siteContainer #contentContainer #sub {margin-top: 10px; text-align: left;}
  #siteContainer #contentContainer #sub #sub_left {float: left; border-right: 1px solid #CCCCCC; width: 547px;}
    #siteContainer #contentContainer #sub #sub_left #sub_left_content {padding-left: 15px; width: 520px; font-size: 1.0em; color: #666666;}

#siteContainer #contentContainer #sub {margin-top: 10px; text-align: left;}
  #siteContainer #contentContainer #sub #sub_right {float: left;width: 178px;}
    #siteContainer #contentContainer #sub #sub_right #sub_right_content {padding-left: 15px; width: 178px; font-size: 1.0em; color:#666666;}
      #siteContainer #contentContainer #sub_right_team {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_team_bg.gif) no-repeat 10px 10px;}
      #siteContainer #contentContainer #sub_right_company {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_company_bg.jpg) no-repeat 10px 10px;}  
      #siteContainer #contentContainer #sub_right_services {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_services_bg.gif) no-repeat 10px 10px;}  
      #siteContainer #contentContainer #sub_right_factsheet {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_factsheet_bg.gif) no-repeat 10px 10px;}  
      #siteContainer #contentContainer #sub_right_granddesigns {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_setupforsuccess_bg.gif) no-repeat 10px 10px;}  
      #siteContainer #contentContainer #sub_right_solutionarchitecture {width: 178px; height: 192px; border: 1px solid #CCCCCC; background: url(../../media/images/box_solutionarchitecture_bg.jpg) no-repeat 10px 10px;} 

ul.offerings li  {margin: 0px 0px 10px auto;}
  ul.offerings li ul li  {list-style: none;}
ul.services li  {margin: 0px 0px 10px auto;}
ul.office {margin: -3px 0px 8px 0px;}
  ul.office li  {list-style: none; margin: 0px 0px 2px 5px;}

#formContainer  {margin: 0px 0px 10px 0px;}
  #formContainer .formTitle  {float: left; width: 250px; height: 20px;  margin: 0px 2px 2px 0px; color: #666666; font-weight: bold; padding: 1px 0px 1px 0px;}
  #formContainer .formField  {float: left; color: #666666; padding: 1px 0px 1px 0px;}
    #formContainer .formField input  {border: 1px solid #AAAAAA; height: 18px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 10px; width: 200px; color: #333333;}
      #formContainer .formField input.radio  {border: 0px; width: 16px; height: 16px; margin: 2px 0px 2px 0px; padding: 2px 0px 0px 10px;}
  
  #formContainer .formTitleWide  {float: left; width: 462px; height: 20px; margin: 0px 2px 2px 0px; color: #666666; font-weight: bold; padding: 2px 0px 2px 0px;}
    #formContainer .formFieldWide textarea  {width: 462px; height: 120px; border: 1px solid #AAAAAA; margin: 0px 0px 2px 0px; padding: 5px 0px 5px 10px; color: #666666; font-family: verdana, helvetica, arial, geneva, sans-serif;}
  
  #formContainer .submitField  {float: left; width: 474px; text-align: right;}
    #formContainer .submitField input.submit  {background-color: #F7F7F7; border-color: #CCCCCC; font-weight: bold; color: #333333;}

/*FOOTER*/
#bottom_grey {margin-top:10px;}
#footer_links {height: 15px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 2px; margin-top: 2px;}
  #footer_links_content {text-align: left;}
    #footer_links_content a {color:#666666;font-size: .9em;}
    #footer_links_content a:hover {text-decoration: none; color:#FFFFFF;}