@charset "utf-8";
/* CSS Document */

/* Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000;}
.clear { clear:both; }

/* Text and Link Styling */
h1, h2, h3, h4, h5, h6 { font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:capitalize;}
h1 { color:#9399B4; color:#1aa8e8; font-size:28px; border-bottom:1px solid #343539; padding-bottom:10px; margin:0 0 20px 0;}
h2 { font-size:18px; letter-spacing:1px;  color:#1aa8e8; color:#9399B4; padding:10px 0; }
h3 { font-size:18px; letter-spacing:1px; color:#FFF; padding:10px 0; }
p { line-height:18px; padding-bottom:10px; }

.blue {color:#1aa8e8; }
a { color:#1aa8e8; text-decoration:none;} /* 1aa8e8  9399B4 */
a:hover { color:#CCC; text-decoration:underline; }

/* Structure */
body { background-color:#fff;}
#global-wrapper { width:960px; margin:0 auto;}
 #header { height:150px; margin-bottom:40px; background-color:#3b3b3b;}
  #logo  { float:left; width:250px; padding:10px 0 0 10px; }
  #nav-main { float:left; width:700px; }
  
 #content-wrapper { width:960px; }
  #content  { float:left; width:560px;}
  #side-bar { float:right; width:350px;}
  #side-bar-products { float:left; width:350px; margin-right:40px;}
  
 #footer { background-color:#343539; color: #fff; padding:10px; margin-top:20px;}
 
/* Default Lists */
ul { list-style:square; margin:0 0 15px 20px;}
 li { padding:2px 0;}
 
/* Navi - Top/Main */
ul#nav, #nav li { list-style:none; list-style-position:outside;}
ul#nav { margin:25px 0 0 39px;}
 #nav li { float:left; display:block; padding:0; }
 #nav li a { display:block; padding:0 10px 0 10px; color:#FFF; text-decoration:none; font-size:11px; font-weight:normal; border-right:1px solid #FFF;}
 #nav li a:hover {  /*border-bottom:2px solid #FFF;*/  color:#1aa8e8; /* Padding change prevents page from shifting on :hover with border-bottom effect*/}
 
/* Navi - Sidebar */
ul.nav-side { list-style:none; margin:0 0 25px 0; }
 .nav-side li { margin:1px 0; padding:3px; display:block;}
 .nav-side li a { color:#1aa8e8; text-decoration:none; text-decoration:none;}
 .nav-side li a:hover { color:#CCC; text-decoration:underline;}
 
/* Misc / Other */
.image-box-large { margin-top:15px; }
.image-box { margin-top:15px; }
 .image-box img { float:left; margin:0 15px 15px 0;}
.img-space-bottom { margin-bottom:20px;} 

/* Buttons */
.download-button { padding:5px; margin:5px 0 0 0; display:inline-block; background-color:#1c2697; background-color:#1aa8e8; text-decoration:none; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-transform:capitalize; border-bottom:2px solid transparent; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:1px 1px 1px #16698e; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000;}
 .download-button:hover { border-bottom:2px solid #FFF; color:#FFF; text-decoration:none;}
 
/* Form Styling */
#form-style  { width:450px; height:430px; margin:20px 0 0 0;}
#form-style div {  height:30px; display:block; position:relative;  }
input { position:absolute; right:0; top:0; width:250px;}
.textfield { position:absolute;  right:0; top:0; width:250px; height:100px;}
 .form-submit-button { position:absolute; right:0; top:115px; font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#1aa8e8; background:none; border:none; text-align:right; cursor:pointer; padding:0 1px 0 0; }
 
.left  { float:left; margin:0 15px 5px 0; }
.right { float:right; margin:0 0 5px 15px; }
