/* 
    AUTHOR: Westward Strategy & Design Group, LLC.
            www.westwardstrategy.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { 
  margin: 0; 
  padding: 0; 
  }
html { 
  overflow-y: scroll; 
  }
body { 
  font: 62.5% Arial, Verdana, sans-serif; 
  color: #363636;
  }
 ul {
  list-style: none; 
  }
h1 { 
  font-size: 1.8em;
  }
h2 {
  font-size: 1.6em;
  }
h3 {
  font-size: 1.5em;
  }
p { 
  font-size: 1.2em; 
  line-height: 1.6em; 
  margin-bottom: 1.5em; 
  }
a { 
  outline: none; 
  }
a img { 
  border: none; 
  }
/* END RESET */

body {
  background: #fff url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/body_bg.gif) 0 0 repeat-x;
  }

#outer { 
 position: absolute; top: 0; left: 0;
 width: 100%; 
 background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/body_bg.gif) 0 0 repeat-x; 
}

#container {
  width: 965px;
  margin: 0 auto;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/header_bg.jpg) 0 0 no-repeat;
  }

#spcontainer {
  width: 965px;
  margin: 0 auto;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/spheader_bg.jpg) 0 0 no-repeat;
  }

#phone {
  float: right;
  margin: 10px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  }

#contact {
  float: right;
  clear: right;
  margin: 40px 0 0 0;
  padding: 6px 25px 16px 10px;
  font-size: 1.2em;
  font-weight: bold;
  color: #006ca5;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/white_banner_bg.gif) 0 0 no-repeat;

  }

#spcontact {
  float: right;
  clear: right;
  margin: 40px 0 0 0;
  padding: 6px 5px 16px 10px;
  font-size: 1.2em;
  font-weight: bold;
  color: #006ca5;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/spwhite_banner_bg.gif) 0 0 no-repeat;

  }

#contact a {
  text-decoration: none;
  color: #102250;
  }

#assesslink {
  display: block;
  float: left;
  margin: 0 13px 0 0;
  padding: 0 0 0 25px;
  }

#assesslink:hover {
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/assesslink_on.gif) 0 0 no-repeat;
  }

#assesslink span {
  color: #006ca5;
  }

#contactlink {
  display: block;
  float: left;
  margin: 14px 0 0 0;
  }

#nav {
  clear: both;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/nav_bg.gif) 0 0 no-repeat;
  }

#nav ul li {
  float: left;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/nav_separator.gif) right center no-repeat;
  }

#nav ul li a {
  display: block;
  padding: 10px 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/nav_separator.gif) right center no-repeat;
  }

#nav ul li a:hover {
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/nav_on.gif) 0 0
  }

#nav #first a:hover {
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/first_on.gif)  0 0
  }

#homelink {
  display: block;
  text-align: right;
  padding: 12px 20px;
  text-decoration: none;
  color: #fff;
  }

#content {
  margin: 10px 0 0 0;
  padding: 18px;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/main_bg.gif) 0 0 no-repeat;
  }

#content h1 {
  font-weight: normal;
  color: #0F1B3D;
  }

#middle {
  float: left;
  width: 272px;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/middle_box.jpg) 0 0 no-repeat;
  }

#middle h1 {
  margin: 35px 15px 4px 15px;
  }


#middle h2 {
  margin: 20px 15px 4px 15px;
  }

#middle p {
  margin: 0 15px 10px 15px;  
  }


#middle a {
  color: #0099ff;
  }  

#middle a:hover {
  background: #dee9f7;
  }

#view_apps {
  position: relative;
  left: 80px;
  margin: 0 0 40px 0;
  }

#middle #viewappslink:hover {
  background: none;  
  }

#spview_apps {
  position: relative;
  left: 80px;
  margin: 0 0 40px 0;
  }

#middle #spviewappslink:hover {
  background: none;  
  }

#home_img {
  float: right;
  }

.watermark {
  margin: 0 4px;
  }

#main_content {
  float: left;
  clear: both;
  width: 655px;
  margin: 5px 0 5px 0;
  border-right: solid 1px #dbdad3;
  border-left: solid 1px #fff;
  }

#main_content h2 {
  font-size: 1.5em;
  padding: 0 0 5px 3px;
  border-bottom: solid 1px #dbdad3;
  color: #0E1C3F;
  }

#main_content div {
  width: 180px;
  float: left;

  margin: 20px 19px;
  }

#main_content h3 {
  font-size: 1.4em;
  margin: 25px 0 0 0;
  color: #09204f;
  }

#main_content h4 {
  font-size: 1.4em;
  margin: 25px 0 0 0;
  color: #333333;
  }

#main_content h5 {
  font-size: 1.7em;
  margin: 25px 0 0 25px;
  color: #666;
  }


#main_content li {
  margin: 5px 20px 10px 20px;
  padding: 0 20px 0 0;
  }

#main_content blockquote {
  margin: 5px 10px 30px 8px;
  padding: 0 20px 0 0;

  }

#main_content a {
  color: #0099ff;
  }

#main_content a:hover {
  background: #dee9f7;
  }

#news {
  float: right;
  width: 270px;
  margin: 3px 0 5px 0;
  }

#news h4 {
  font-size: 1.4em;
  padding: 0 0 8px 15px;
  border-bottom: solid 1px #dbdad3;
  color: #0F1B3D;
  }

#news ul {
  font-size: 1.2em;
  margin: 30px 0 0 15px;
  }

#news ul li {
  margin: 15px 0;
  padding: 5px 15px;
  }

#news ul li:hover {
  background: #dee9f7;
  }

#news ul a {
  font-weight: bold;
  color: #3399ff;
  text-decoration: none;
  }

#footer {
  clear: both;
  padding: 13px 0 13px 18px;  
  border: solid 1px #ccc;
  background: #fff;
  }

#footer ul {
  clear: both;
  }

#footer ul li {
  float: left;
  margin: 0 4px 0 0;
  }

#footer a {
  text-decoration: none;
  color: #0099ff;
  }

#footer_logo {
  float: left;
  margin-bottom: 30px;
  }   

#info {
  margin: 10px 0 3px 0;
  font-size: 1em;
  }

#info span {
  font-size: 1.2em;
  }

#info a {
  color: #0099ff;
  }

#westward a {
  font-size: .9em;
  color: #999
  }

.clear {
  clear: both;
  }

/* ------------------------------ */
/* IE HACKS                       */
/* ------------------------------ */
  


*html #contactlink {
  margin: 15px 0 0 0;
  }   
  
*html #main_content div {
  margin: 20px 16px;
  }  
  
*html #news {
  width: 261px;
  margin: 10px 9px 5px 0;
  }  
  
*html #footer {
  padding: 7px 0 13px 18px;  
  }  
    
*html #pages #main_content, *html #blog #main_content {
  width: 643px;
  margin-right: 20px;
  }
 
*html #secnav {
  margin: 0;
  } 
  
*:first-child+html #contactlink {
  margin: 15px 0 0 0;
  }  


/* END IE6 HACKS */

/* ------------------------------ */
/* PAGE STYLES                    */
/* ------------------------------ */

#pages h1 {
  float: left;
  width: 195px;
  padding: 97px 0 31px 25px;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  background: #6da1d9;
  }

#pages h2 {
  clear: both;
  margin-bottom: 20px;
  font-size: 1.8em;
  }

#pages_img {
  float: right;
  }

#pages #bottom, #blog #bottom {
  width: 927px;
  margin: 3px 0 10px 0;
  background: url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/grey_bg.gif) 0 0 repeat-y;
  }

#pages #main_content {
  float: right;
  margin-right: 40px;
  width: 646px;
  border: none;
  }

#pages #main_content ul, #blog #main_content ul {
  list-style: disc;
  font-size: 1.2em; 
  line-height: 1.4em; 
  margin: 1.3em;
  }

#secnav {
  width: 220px;
  margin: 0 0 13px 0;
  padding: 18px 0 300px 0;
  background: #e2e1e1 url(http://www.iwtechnologies.com/news/wp-content/themes/IWT/img/secnav_bg.gif) 0 0 repeat-x; 
  }

#secnav ul li {
  margin: 0 7px;
  border-bottom: solid 1px #ccc;
  }

#secnav a {
  display: block;
  padding: 12px 5px 12px 15px;
  font-size: 1.2em;
  text-decoration: none;
  color: #0099ff;
  }

#secnav a:hover {
  background: #deeaf7;
  }

#pages #crumbs {
  width: 90%;
  margin: 0 0 15px 0;
  }

#crumbs a {
  font-size: 1.1em;
  color: #888;
  }

#sitemap {
  clear: both;
  margin-left: 20px;
  font-size: 1.2em;
  }

/* ------------------------------ */
/* BLOG STYLES (NEWS)             */
/* ------------------------------ */

#blog #middle_content h1 {
  float: left;
  width: 195px;
  padding: 97px 0 31px 25px;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  background: #6da1d9;
  }

#blog h2 {
  clear: both;
  margin-bottom: 20px;
  font-size: 1.8em;
  }

#blog h2 a {
  text-decoration: none;
  }

#blog h2 a:hover {
  background: none;
  }

#blog #main_content {
  float: right;
  margin-right: 40px;
  width: 646px;
  border: none;
  }

#blog #main_content p {
  clear: both;
  }

#blog #crumbs {
  width: 90%;
  margin: 0 0 15px 0;
  }
  
#blog #main_content #newslist {
  clear: both;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-size: 1.2em;
  border-bottom: solid 1px #B5B4AC;
  }

#blog #newslist li {
  margin: 0;
  padding: 14px 5px;
  border-top: solid 1px #B5B4AC;
  }

#blog #newslist li:hover {
  background: #deeaf7;
  }

#blog #newslist li a {
  font-weight: bold;
  }

#blog #newslist li span {
  display: block;
  float: left;
  width: 97px;
  margin: 0;
  }  

#pages #main_content .resourcelist {
  clear: both;
  margin: 10px 2px;
  padding: 10px 2px;
  list-style: none;
  font-size: 1.3em; 
  line-height: 1.5em; 
  color: #363636;
  }


.resourcelist li:hover {
  background: #deeaf7;
  }

.resourcelist li a {
  font-weight: normal;
  }