/* --- Colors:
  Blue Navigation and site links: #00047C
  
---*/


body { margin: 0;  font-family: heveletica, arial, sans-serif;  font-size: 75%;  line-height: 1.5;  background: #eee url('../images/invisible/body_stripe_2.png') repeat-x;  padding: 0; }

.container { width: 960px;  margin: 0 auto;  padding: 0 10px;  position: relative;  background: url('../images/invisible/body.png') repeat-y; }

#banner { height: 128px;  background: white url('../images/invisible/banner.png') no-repeat;   position: relative; }       
#banner h1 {  margin: 0;  position: absolute;  top: 0;  right: 0;  text-indent: -10000px;  height: 80px;  width: 230px;  background: white; }   
#banner h1 a {  display: block; height: 80px; width: 230px; background: white url('../images/invisible/invisible_logo.png') no-repeat; } 

#headlines { color: white; position: absolute; top: 9px;  left: 180px; width: 420px; }
#headlines h2 {  line-height: 1.2;  margin: 0 0 0.2em 0; }

#footer { clear: both;  color: #00047C;  height: 80px;  margin: 0 -10px;  padding: 10px 15px;  background: #eee url('../images/invisible/footer.png') no-repeat; } 
#footer p {   font-size: 0.91667em;  margin: 0; }

#header { height: 40px;  position: relative; }

#main { width: 580px;  min-height: 480px;  font-size: 1.2em;  float: left;  height: auto !important;  height: 480px; margin: 30px 0 0 0; padding: 0 30px 48px; }
#main ul { padding: 0; margin: 0 0 1.5em 0; list-style: square; }
#main li { margin-left: 2em; }

#info { position: relative; width: 260px; float: right;  font-size: 1.2em;  min-height: 300px;  margin: 0 10px 0 0;  padding: 30px 20px; }

ul#subnav, #info ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; font-size: 1em; color: #00047C; text-decoration: none;}
#subnav ul, #info li ul { margin-left: 1em; list-style: none; }
#subnav li a, #info ul a { color: #444; text-decoration: none;  display: block; }
#subnav li a:hover, #subnav li a.active { color: #00047C; }


#navigation { position: absolute;  bottom: 6px; left: 20px; }
#navigation ul { text-transform: uppercase; margin: 0 0 0 0; padding-left: 5px; list-style: none; }
#navigation li {  position: relative; float: left; margin: 0 10px 0 0; padding: 0 0 0 5px;}
#navigation li a { font-size: 1.0833em; color: #444; text-decoration: none;  }
#navigation li a:hover { color: #00047C; }
#navigation li a.active { color: #00047C; }
#navigation li ul { position: relative; padding: 0; margin: 15px 0 0 0; width: 400px; list-style: none; }
#navigation li li { margin: 0 10px 0 0; padding: 5px 5px 0 0;background: none; }


p { margin: 0 0 1.5em 0; }
a { text-decoration: none; color: #00047C; }
a:hover { text-decoration: underline; }
a:foucus { outline: none; -moz-outline: none; }


h3, h4 { font-family: HelveticaNeue, Helvetica, Arial, sans-serif;  font-weight: normal; }

h2 { font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;  font-weight: lighter; }
h2 { font-size: 2em;  margin: 0 0 0.5em 0; }
h3 { font-size: 1.3333em;  margin: 0 0; line-height: 2; }
h4 { font-size: 1em;  margin: 0 0 0.5em 0;  }
  
ul#screengallery { list-style: none; }
ul#screengallery li { float: left; text-align: center; height: 120px; }
ul#screengallery li div { background: #aaa; padding: 4px 8px;}
ul#screengallery a { text-decoration: none; }
ul#screengallery a.thumbnail { display: block; height: 64px; width: 100px; text-indent: -10000px; 
  background-position: center center; background-repeat: no-repeat; }

ul#teamgallery { list-style: none; }
ul#teamgallery li { float: left; text-align: center; width: 100px; height: 148px; }
ul#teamgallery li p { margin: 0; }
ul#teamgallery li a { text-decoration: none; text-align: center; }
ul#teamgallery li a.thumbnail { display: table-cell; vertical-align: middle; width: 100px; height: 100px; background: #bfbfc2; }
ul#teamgallery li a.thumbnail img { margin: 0 0 -5px 0; }


.left {  float: left; margin: 0 18px 9px 0; }
.right { float: right; }

p { margin: 0 0 1.5em 0 }

.clear_both { clear: both;}
.clear_left { clear: left; }
.clear_right { clear: right;}
a img { border: none; }

.slideshow { margin: 12px 0 0 50px; min-height: 420px; height: auto!important; height: 420px;  }

.signup label { float: left; width: 7em; margin-top: 2px; }
.signup .field { margin: 0 0 2px 0; }
.signup .field input { border: 1px solid #555; font-size: 1.1em; width: 16em; }
.signup .textarea { margin: 0 0 0 0; }
.signup .textarea textarea { border: 1px solid #555; font-size: 1.1em; width: 19em; height: 5em; }
.signup .buttons input { margin-left: 7em; font-size: 1.1em; }

#examples { cursor: pointer; height: 360px; margin: 0 0 1em 0; overflow: hidden; }
#examples .jq-example { position: relative; }
#examples .jq-info { color: white; position: absolute; bottom: 0; margin: 0; left: 0; height: 48px; width: 560px; padding: 10px; background: url(/assets/78/black_bg.png); display: none; }
#examples .jq-info h2 { font-size: 1.4em; margin: 0; }
#examples .jq-info p { margin: 0; }
#examples .jq-info a { color: white; text-decoration: underline; }
#examples .jq-info { cursor: default; }

#jquery_title { position: relative; }
#signup_link a { position: absolute; top: 10px; left: 300px; font-size: 12px; margin: 0 0; padding: 4px; width: 120px; display: block; background: #607299; -webkit-border-radius: 4px; text-align: center; color: white; font-weight: bold; }