/* Master Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {  font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* Layout */
#wrapper {
  width: 85%; min-width:700px; margin: 20px 0 0 0;
}

#header {
  width: 100%;
  float: left	; 
}

#sideCol, #sideColHead {
  width: 20%;
  float: left;
  padding:0px 0px 0px 3%; 
}

#content, #contentHead, #botNav {
  width: 75%;
  float: right;
 }
  
#leftContent, #leftContentHead, #leftContentBotNav {  width: 60%;  float: left; background-color:#ffffff; padding-right:0%}
#rightContent, #rightContentHead, #rightContentBotNav { width: 38%;  float: right; background-color:#ffffff; padding-left:0%; min-width:200px; }


#rightContentBotNav  { font-size:90%; padding:20px 0% 0% 0px; }
#leftContentBotNav { float:left;  padding:20px 0% 0% 0%; border-top: 5px #EFEFEF solid; color: #999999; }
/* Content */

#content p { line-height:150%;  padding:0px 40px 15px 0px;  }
#content blockquote { line-height:150%;  padding:0px 100px 15px 40px; color:#999; font-style: italic; font-size: 110%; }
#content em { color:#666; font-style: italic; font-size: 110%; }

.logo { float:right; margin:50px 100px 10px 20px; }
.logos { clear:both; }
.logos img { padding:0px 0px 0px 0px; border:none; clear:both; }
.logos a { display:block; }
  
#side_content { padding:0px 10px 30px 0px; min-height:300px; color:#999999; font-size:100%;  }
#side_content p { padding:0px 0px 20px 0px; }
#side_content img { margin:0px 0px 20px 0px; }

/* Case Studies */
.caseblock { float: left; }
.casethumb { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }
.casethumb img:hover { outline:1px solid #00B1EF; }

/* Video */
.video { display: block; width:243px; overflow: hidden; margin: 0 0 20px 0; }

/* Nav */
.title_home {  margin:5px 0px 0px 3%; height:80px; }
#nav li a { border-bottom:2px solid #00b1ef; padding-top:9px; height:20px; display: block; font-size: 120%;  }
#nav li a:hover { border-bottom:2px solid #8cc63f;  }

.botBlue { border-bottom:5px solid #00b1ef; height:100px; }
.botGreen { border-bottom:5px solid #8cc63f; height:100px; }

/* Main */
body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; min-height:100%; height:auto !important; height:100%; }
#header { font-size:180%; margin:0; }
#header a {  display:block; }
a { color:#00B1EF; font-weight:normal; text-decoration:none;  padding-left:1px; }
a:hover { color:#8cc63f; text-decoration:none;   }
em { font-style:italic; }
strong { font-weight:bold; }
.lite { color: #999; font-size: 90%; }
.lite a { color: #999; }
.block { display: block; }
.topspace { margin-top: 20px; }
.clear { height: 0; display: block; clear: both; }

.isps  { list-style: inside decimal-leading-zero; margin-left: 20px;}
h1 { height:27px; padding:0px 0px 10px 0px; font-size:180%; font-family:Arial, Helvetica, sans-serif; color:#8cc63f; font-weight:normal; line-height:90%;  }
h2 { padding:10px 0px 15px 0px; font-size:150%; font-weight:500; font-family:Arial, Helvetica, sans-serif; color:#8cc63f;  }
h1 span { display:none; }
h3 a, h3 a:link, h3 a:active, h3 a:visited { font-size:100%; border-bottom:2px solid #00B1EF; margin-bottom:10px; padding-bottom:0px }
h3 a:hover { border-bottom:2px solid #8cc63f; }
h4 { padding:10px 0px 5px 0px; font-size:125%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#00B1EF; border-bottom:2px solid #00B1EF; }
/* Registration */
.error { color:#FF0000; display:block; }
.required { color: #00B1EF; } 
/*form.cmxform .submitButton { margin-top:10px; width:160px; height:38px; background-color:#78CEDC; color:#000000; font-size:170%; text-transform:uppercase; border:none; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }*/
form.cmxform .submitButton {color:#00B1EF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; border:none; border-bottom:5px solid #00B1EF; background-color:#ffffff; font-size:180%; cursor:pointer;}
form.cmxform p { font-size:10px; width:350px; }
form.cmxform .note { font-size:10px; padding:10px 0px; }
form.cmxform .note strong { }
form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend { padding: 0 2px; font-weight: bold; }
form.cmxform label { display: inline-block; line-height:1.8; vertical-align: top; }
form.cmxform fieldset ol { margin:0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding:10px 0px 10px 0px; margin:5px 0px; }
/*
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }

form.cmxform fieldset fieldset label { display: block; width: auto; }
*/
form.cmxform em { font-weight: bold; font-style: normal; }
form.cmxform label { width: 140px; /* Width of labels */ }
/*form.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space)  }*/
form.cmxform legend { padding: 0 2px; font-weight: bold; margin: 0 -7px; /* IE Win */ }

/* feed and anywhere else we actually want to see bullets in lists */
.showBullets { list-style:disc; list-style-position:outside ; color:#8cc63f; padding: 0px 20px 15px 20px; line-height:20px}
.showBullets span { color:#000000 }

form.cmxform .widelabel { width:360px; display:block; float:none; }

/* Footer */
#footer_container { clear:both; padding-left:2%; }
#footerleft, #footerright {  color:#000000; font-weight:normal; padding-top:50px}
#footerleft { float:left}
#footerright { float:right}
#footerright {  color:#000000; font-weight:normal; padding-top:50px}