html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
  font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 62.5%;
}


/* COMMON STUFF */

a { color: #202f83; }

img { border: none; }

.clearfloat {
  clear: both;
  height:0px;
    font-size: 1px;
    line-height: 0px;
}

#page {
  width: 860px;
  position: relative;
  margin: 0 auto;
}

#header {
  width: 100%;
  position: relative;
  padding: 0 0 11px 0;
}

  #header .left {
    float: left;
    position: relative;
    padding: 17px 0 0 20px;
  }
  
  #header .right {
    float: right;
    position: relative;
    padding: 43px 10px 0 0;
  }

#navi {
  width: 100%;
  position: relative;
  height: 30px;
  background: transparent url(/content/s11/images/bg_navi.gif) repeat-x left top;
  overflow: hidden;
}

  #navi .padding { padding: 0 0 0 3px; }

  #navi a {
    color: #333333;
    font-size: 1.1em;
    display: block;
    float: left;
    text-decoration: none;
    padding: 8px 24px 8px 21px;
  }
  
  #navi a:hover, #navi a.active {
    color: #202f83;
  }
  
  #navi img {
    float: left;
  }

#breadCrumbs {
  width: 100%;
  position: relative;
  background-color: #e0e0e0;
  font-size: 1.1em;
}

  #breadCrumbs .padding { padding: 12px 0 14px 26px; }

  #breadCrumbs a {
    color: #666666;
    text-decoration: none;
  }
  
  #breadCrumbs span {
    color: #1f2f83;
  }
  
#flash {
  width: 100%;
  position: relative;
  margin: 1px 0 0 0;
}

#main {
  width: 100%;
  position: relative;
  font-size:1.1em;
}

  #main .left {
    float: left;
    position: relative;
    width: 400px;
  }
  
    #main .left .padding { padding: 11px 28px 117px 22px; }
  
  #main .right {
    float: right;
    position: relative;
    width: 460px;
  }
  
    #main .right .padding { padding: 19px 0 117px 9px; }
    
  #main .subNavi {
    float: left;
    width: 200px;
    background: transparent url(/content/s11/images/subnavi_gradient.gif) no-repeat left bottom;
    padding: 0 0 67px 0;
  }
  
    #main .subNavi a {
      display: block;
      height: 28px;
      text-decoration: none;
      color: #333333;
      font-size: 1.1em;
    }
    
      #main .subNavi a.root {
        background-color: #e0e0e0;
      }
      
        #main .subNavi a.root span {
          padding: 6px 0 0 45px;
          display: block;
          background: transparent url(/content/s11/images/subnavi_root.gif) no-repeat 27px 10px;
        }
        
      #main .subNavi a.first {
        background-color: #e0e0e0;
        color: #202f83;
      }
      
        #main .subNavi a.first span {
          padding: 6px 0 0 45px;
          display: block;
          background: transparent url(/content/s11/images/subnavi_arrow_first.gif) no-repeat 31px 10px;
        }
      
      #main .subNavi a.dark {
        background: #d8d8d8 url(/content/s11/images/subnavi_link_dark.gif) repeat-x left bottom;
        border-bottom: 1px solid #ebebeb;
        margin: 1px 0 0 0;
      }
      
      #main .subNavi a.light {
        background: #ebebeb url(/content/s11/images/subnavi_link_light.gif) repeat-x left bottom;
        border-bottom: 1px solid #ebebeb;
        margin: 1px 0 0 0;
      }
      
        #main .subNavi a.dark span, #main .subNavi a.light span {
          padding: 7px 0 0 58px;
          display: block;
          background: transparent url(/content/s11/images/subnavi_arrow.gif) no-repeat 45px 11px;
        }
      
      #main .subNavi a.dark:hover, #main .subNavi a.light:hover {
        background: #bfbfcf url(/content/s11/images/subnavi_link_blue.gif) repeat-x left bottom;
        border-bottom: 1px solid #d0d0df;
      }
        
        #main .subNavi a.dark:hover span, #main .subNavi a.light:hover span {
          background: transparent url(/content/s11/images/subnavi_arrow_blue.gif) no-repeat 45px 11px;
        }
        
      #main .subNavi a.active {
        background: #bfbfcf url(/content/s11/images/subnavi_link_blue.gif) repeat-x left bottom;
        border-bottom: 1px solid #d0d0df;
        margin: 1px 0 0 0;
      }
        
        #main .subNavi a.active span {
          background: transparent url(/content/s11/images/subnavi_arrow_blue.gif) no-repeat 45px 11px;
          padding: 7px 0 0 58px;
          display: block;
        }
    
  #main .mainContent {
    float: left;
    width: 660px;
  }
  
    #main .mainContent .padding { padding: 11px 25px 80px 30px; }
  
  #main h1 {
    font-size: 1.6em;
    font-weight: normal;
    margin: 13px 0;
    line-height: 1.3em;
  }
  
  #main h2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 13px 0;
    line-height: 1.3em;
  }
  
  #main p {
    font-size: 1.1em;
    font-weight: normal;
    margin: 13px 0;
    line-height: 1.3em;
  }
  
    #main .case {
      border-bottom: 1px solid #ececec;
      margin: 0 0 22px 0;
    }
    
    #main .case img {
      margin: 12px 0 10px;
    }
    
    #main .case a img {
      margin: 17px 0 14px;
      display: block;
    }
    
    #main .case input {
      display: block;
    }

#footer {
  width: 100%;
  position: relative;
  background: transparent url(/content/s11/images/bg_footer.gif) no-repeat left top;
  padding: 122px 0 20px 0;
}

  #footer .links {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 6px 0 7px 21px;
  }

  #footer a {
    color: #736c6c;
    font-size: 1.1em;
    font-family: Arial;
    text-decoration: none;
    float: left;
  }
  
  #footer span {
    color: #736c6c;
    font-size: 1.1em;
    font-family: Arial;
    float: left;
    padding: 0 7px;
  }
  
/* CASE STUDIES (FRONT PAGE) */

#cases {
  width: 432px;
  padding: 1px 0 1px 0;
  border-bottom:1px solid #e2e2e2;
 display:table;
 /* background: transparent url(/content/s11/images/gray_border_ends.gif) repeat-y left top;*/
}

  #cases .header {
     height:30px;
     
    background: transparent url(/content/s11/images/gray_border_header.gif) repeat-y left top;
  
  }
  
    #cases .header .padding { padding: 0px 20px 0px 12px;; }
    
    #cases .header h2 { 
      margin: 0;
      padding:7px 0px 7px 0px;
      font-size: 1.2em;
      font-weight: normal;
      float: left;
    }
      
    #cases .header a { 
      color: #202f83;
      font-size: 1.0em;
      display: block;
      float: right;
      text-decoration: none;
      padding: 0 0 0 12px;
      margin: 1px 0 0 0;
      background: transparent url(/content/s11/images/blue_arrow.gif) no-repeat left 4px;
    }
  
  #cases .content {
   background:url(/content/s11/images/gray_border_content.gif);
    background-repeat:repeat-y;
    background-position:top;
    background-color:#ffffff;
    padding: 0px 0 0 0;
    display:block;
  }
  
    #cases .content .row { padding: 11px 0 10px 9px; display:table; clear:both; }
  
    #cases .content .left {
      width: 136px;
      float: left;
    }
    
    #cases .content .right {
      width: 275px;
      float: left;
    }
    
      #cases .content .right p { 
        font-size: 1.1em;
        margin: 4px 0 0 0;
      }
    
      #cases .content .right a { 
        color: #202f83;
        font-size: 0.9em;
        text-decoration: none;
        padding: 0 0 0 12px;
        margin: 1px 0 0 11px;
        background: transparent url(/content/s11/images/blue_arrow.gif) no-repeat left 4px;
      }
#cases.latestUpdates .content .row .right  a { 
margin:1px 0 0 0;
padding:0 0 0 0;
        background:none;
      }
#lineHider {
  display: block;
  background-color: #ffffff;
  height: 5px;
  margin-top: -23px;
}

form{
font-size:1.1em;
}
form label{ 
clear:both;
float:left;
padding:2px 10px 10px;
text-align:right;
width:220px;
}

form input{ 
float:left;
width:170px;
height:17px;
border:1px solid #CCCCCC;
}

form select{ 
float:left;
width:172px;
height:21px;
border:1px solid #CCCCCC;
}

form input.submit{
width:74px;
height:16px;
}

form input.radio{
float:left;
width:20px;
height:10px;
border:1px solid #CCCCCC;
}
#main form .left{float:left; width:180px;}

#main ul,#main ul li{font-size:12px;}