/*
  colours
  #E2E2A0 light yellow
  #9A9969; darker yellow
  #474B5E; dark blue
  #9A9969; darker yellow
  #484a5f; dark blue..?
  
  */
  
  /****** main structure and styles **********/
  body { font-family: Arial, sans-serif; color: #E2E2A0; }
  p { color: #E2E2A0;}
  a { color: #E2E2A0; text-decoration: none;}
  
  #previewWin { margin: 0 auto; width: 400px; height: 300px; font: .8em arial, helvetica, sans-serif; padding: 5px; background-color: #fff; position: absolute; visibility: hidden; top: 100px; left: 100px;  clip: auto; overflow: hidden; border: 1px dashed  #484A5F; z-index: 500; }
  
  a#page-preview-toggle:link, a#page-preview-toggle:visited { width: 100px; display: block; height: 25px; font-size: 11px; text-decoration: none; color:#E2E2A0; margin-left: 10px; padding-top: 1px; padding-left: 30px; background-image: url(http://www.wiredbanner.com/images/eye-icon.png); background-position: left center; background-repeat: no-repeat;}
  
  #previewWin h1,  #previewWin h2 { font-size: 1.0em;}
  
  #wrapper { width: 800px; margin: 0 auto; padding: 0px;}
  #navigation { padding: 0px; margin: 0px; width: 186px; float: left; height: auto; color: #E2E2A0; background-image: url(http://www.wiredbanner.com/images/navigation-repeat.jpg); background-repeat: repeat-y; background-color:  #484A5F;}
 
  #header { margin: 0px; padding: 0px; margin-left: 20px; float: left; width: 560px; }
  #inner-navigation { float: left; padding: 0px; margin: 0px; width: 186px; height: auto;  background-image: url(http://www.wiredbanner.com/images/navigation-repeat.jpg); background-repeat: repeat-y;}
  
  #content-wrapper { width: 560px; float: left; height: auto; margin-left: 20px; margin-top: 10px;}
  #content-left { width: 200px; float: left; margin: 0px; height: 400px; padding: 0px; background-image: url(http://www.wiredbanner.com/images/blue-bottom-left-corner.jpg); background-repeat: no-repeat; background-position: left bottom; background-color:  #484A5F;}
  
  #content-right {width: 350px; float: left; margin: 0px; height: 400px; padding: 0px; background-color: #9A9969;}
 
 
  #content-left-no-overflow { width: 200px; float: left; margin: 0px; height: 450px; padding: 0px; background-image: url(http://www.wiredbanner.com/images/blue-bottom-left-corner.jpg); background-repeat: no-repeat; background-position: left bottom; background-color:  #484A5F;}

  #content-right-no-overflow {width: 350px; float: left; margin: 0px; height: 450px; padding: 0px; background-color: #9A9969;}
  #content-no-overflow {width: 340px; float: left; margin-top: 50px; height: auto; padding: 0px; background-color: #9A9969;}
  
  .www.wiredbanner.com { background-image: url(http://www.wiredbanner.com/images/home.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .what-makes-us-tick { background-image: url(http://www.wiredbanner.com/images/what-makes-us-tick.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .what-we-do { background-image: url(http://www.wiredbanner.com/images/what-we-do.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .how-we-do-it { background-image: url(http://www.wiredbanner.com/images/how-we-do-it.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .contact-us { background-image: url(http://www.wiredbanner.com/images/contact-us.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .work-calendar { background-image: url(http://www.wiredbanner.com/images/work-calendar.png); background-repeat: no-repeat; background-position: 30px 7px; }
  .some-of-our-work { background-image: url(http://www.wiredbanner.com/images/some-of-our-work.png); background-repeat: no-repeat; background-position: 30px 7px; }
  #content {width: 340px; float: left; margin-top: 50px; height: 320px; overflow-y: scroll; padding: 0px; background-color: #9A9969;}
  #content-right h1 { padding: 10px; font-size: 14px; font-weight: bold; color: #E2E2A0;}
  #content-right p { padding-left: 10px; padding-right: 10px; color:  #484A5F; }
  #content-bottom-top { width: 550px; height: 25px; float: left; margin: 0px; margin-top: 20px;  background-color: #9A9969; background-image: url(http://www.wiredbanner.com/images/absolute-top-left-corner.jpg); background-repeat: no-repeat; background-position: left top; }
  #content-bottom-bottom { width: 550px; height: 44px; float: left; margin: 0px; margin-top: -10px; padding: 0px; background-color: #9A9969; background-image: url(http://www.wiredbanner.com/images/absolute-bottom-right-corner.jpg); background-repeat: no-repeat; background-position: right bottom; }
  #content-bottom-middle { position: relative; width: 550px; height: auto; float: left; background-color: #9A9969; z-index: 200;}
  #news-header { background-image: url(http://www.wiredbanner.com/images/news-header.png); background-repeat: no-repeat; background-position: center top; height: 24px;}

  #footer-wrapper { margin-left: 210px;}


  h1.title { display: none;}
  /****** main navigation *******/
  #navigation-wrapper {padding: 0px; margin: 0px; margin-top: 50px; width: 186px; float: left; height: auto; color: #E2E2A0; }
 
  ul#navigation-menu { padding: 0px; margin: 0px; margin-left: 0px; width: 186px; float: left;}
  ul#navigation-menu li { margin: 0px; padding: 0px; padding-top: 10px; color: #E2E2A0; margin-left: 10px; font-family: Arial, sans-serif; list-style-type: none;  }
  .navigation-head {margin: 0px; padding: 0px; float: left; }
   a.main-link:link,a.main-link:visited { margin: 0px; padding-left: 35px; padding-top: 0px; display: block; width: 150px; height: 30px; color: #E2E2A0; text-decoration: none;}
  a.selected:link, a.selected:visited, a.selected:hover, a.main-link:hover {color: #9A9969; background-image: url(http://www.wiredbanner.com/images/next-icon.png); background-repeat: no-repeat;}
   
  
/*** due to differences in dispaying bullets between firefox and IE7, using background-image instead ***/
  .house-icon { background-image: url(http://www.wiredbanner.com/images/home-icon.png); background-repeat: no-repeat; background-position: 0 0px;}
   .cog-icon { background-image: url(http://www.wiredbanner.com/images/cog-icon.png); background-repeat: no-repeat; background-position: 0 0px;}
   .barcode-icon { background-image: url(http://www.wiredbanner.com/images/barcode-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
   .hammer-icon { background-image: url(http://www.wiredbanner.com/images/hammer-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
   .tv-icon { background-image: url(http://www.wiredbanner.com/images/tv-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
   .envelope-icon { background-image: url(http://www.wiredbanner.com/images/envelope-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
   .hammer-icon { background-image: url(http://www.wiredbanner.com/images/hammer-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
   .calendar-icon { background-image: url(http://www.wiredbanner.com/images/calendar-icon.png); background-repeat: no-repeat; background-position:  0 0px;}
  
   /****************************/
   
   /****** client login *******/
  
  #login {width: 186px; float: left; height: auto; font-size: 11px; background-image: url(http://www.wiredbanner.com/images/navigation-repeat.jpg); background-repeat: repeat-y; border: none; padding-top: 20px;}
  #login form {margin: 0px; margin-left: 10px; }
  #login form input.submit { margin-top: 10px; float: right; margin-right: 5px;}
  #login fieldset { border: none; }
  #login legend { color: #E2E2A0; }
  
  /**************************/
  
  /****** news items in brief **********/
  
  .news-wrapper { color: #E2E2A0; }
  
  #news { width: 180px; margin-left: 10px; margin-top: 0px; height: 320px; overflow-y: scroll; color: #E2E2A0;}
  #news p { font-size: 12px; color: #9A9969; margin: 0px; padding: 0px;}
  h2.news { font-size: 14px; color: #E2E2A0; margin: 0px; margin-top: 10px; padding: 0px;}
  .news-blurb { font-size: 12px; color: #E2E2A0; padding: 0px; margin: 0px;}
  a.read-more-news { font-size: 11px; color: #E2E2A0; text-decoration: none; }
  .news-title { font-size: 16px; font-weight: bold; color:#E2E2A0; padding: 0px 10px 10px 10px;}
  .main-news { margin: 0px; padding: 0px;}
  .main-news-title { font-size: 16px; font-weight: bold; color:#E2E2A0; padding: 0px 0px 0px 0px;}
  a.main-news-link:link, a.main-news-link:visited { text-decoration: none; color: #E2E2A0; font-size: 16px; }
  a.return:link, a.return:visited { display: block; margin: 0 auto; margin-top: 20px; text-align: center; color: #E2E2A0; text-decoration: none; }
  p.author, p.date { font-size: 12px; padding: 0px; margin: 0px; margin-top:5px;}
  p.author { font-style: italic;}
  .date { font-size: 12px;}
  
  .jump-link-wrapper { width: auto; margin: 0 auto; text-align: center; padding-bottom: 20px;}
  a.jump-link:link, a.jump-link:visited { color:#E2E2A0; text-decoration: none; display: inline; padding: 5px; text-align: center; width: 5px; font-size: 16px; }
  
  .current-search-page { font-weight: bold;}
  /******* news items articles *********/
  
  
  
  
  
  /****************************/
  .absolut { display:block; }
 
  /*
  #absolut {background-image: url(images/absolut.png); background-position: center top; background-repeat: no-repeat; height: 130px;}
  */
 
 /********** player ***********/
  #player-projects {position: absolute; margin-left: 20px; margin-top: 38px;}
  #player-tv {position: relative; z-index: 200;}
  
  #player-message { height: 200px; overflow-y: scroll; margin-top: 10px;}
  
  
  #player-message p { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; clear: both; margin: 0px;}
  /*#player { margin: 0 auto; width: 550px; background-color: #9A9969; background-image: url(http://www.wiredbanner.com/images/absolute-bottom-left-corner.jpg); background-repeat: no-repeat; background-position: left bottom;}*/
   p.counter { clear: both; float:left; text-align: left; padding: 10px;}
   
  
  .rounded-corner-section {margin: 0 auto; padding: 0px; margin-top: 0px; height: auto;  width: 550px; background-color: #9A9969; background-image: url(http://test/www.wiredbanner.com/images/absolute-top-left-corner.jpg); background-repeat: no-repeat; background-position: left top;}
   
  .green-section { margin: 0 auto; padding: 0px; margin-top: 0px; height: auto;  width: 530px; background-color: #9A9969; background-image: url(http://www.wiredbanner.com/images/absolute-bottom-left-corner.jpg); background-repeat: no-repeat; background-position: left bottom;}
  .what-makes-us-tick-corner { background-color: #9A9969; background-image: url(http://www.wiredbanner.com/images/absolute-bottom-left-corner.jpg); background-repeat: no-repeat; background-position: left bottom;}
   
   .content-padding { padding: 10px; }
  /**************************/
  
  /****** contact form ********/
  
  #contact-form-wrapper { margin: 0 auto; width: 300px; height: 400px; background-image: url(http://www.wiredbanner.com/images/work-contact.png); background-repeat: no-repeat; background-position: center center;}
  #contact-form { padding-top: 0px;}
  #contact-form form { margin-left: 20px; margin-top: 50px; height: auto; width: 260px;}
  #contact-form form input { width: 120px; margin-left: 0px; padding-left: 0px;}
  #contact-form form input.submit, #contact-form form input.reset { width: auto;}
  #contact-form form label { color:#474B5F;  }
  #contact-form form textarea { width: 200px; height: 100px;}
  #contact-form fieldset {border: none;}
  #contact-form legend { padding-top: 10px; color:#474B5F; font-weight: bold; margin-left: 20px; font-size: 18px;}
  
  #contact-messages { width: 180px; margin-left: 10px; height: 300px;  }
  #form-messages-wrapper {width: 280px; clear: both; padding-top: 70px;}
  #form-messages { width: auto; height: auto; margin-left: 0px; color:#FF6600; }
  .contact-blurb { font-size: 16px; padding: 5px; margin: 0px;} 
  .error-message { text-align: left; font-size: 12px; color: #FF6633; font-weight: normal; margin: 0px; margin-left: 0px; padding: 0px;}
  /*********************/
  
  .simple-article { padding: 10px; }
  
  
  a.footer-link:link, a.footer-link:visited { text-decoration: none; color: #E2E2A0; }
  
  /********** sitemap ***********/
  .sitemap-outer li { padding: 2px; margin-left: 20px;}
  
  ul.sitemap-inner { list-style-type: disc;}  
  
  .sitemap-outer a:link, .sitemap-outer a:visited { color: #E2E2A0; text-decoration: none; }
  .sitemap-outer a:hover { color:  #484A5F;}
  
  /******************************/
  .article-title { font-size: 18px;}
  
  h3.player-title { clear: both; font-size: 16px; padding: 0px; margin: 0px;padding-left: 20px; padding-right: 20px; padding-bottom: 20px; clear: both; margin: 0px;}
  p.player-blurb { clear: both; font-size: 14px; padding: 0px; margin: 0px;}
  
  .freeindex { clear: both; float: right; margin-top: 20px;}