body {padding: 0 0 20px; background: #35353b url(../i/bg.png) 0 0 repeat-x; color: #4b4b4b;}

.clear {clear: both; overflow: hidden; height: 0;}

#container {width: 894px; margin: 0 auto; background: url(../i/bg-shadow.png) 0 0 repeat-y;}
#wrapper {width: 851px; padding: 0 21px 0 22px; background: url(../i/bg-content.png) 0 0 no-repeat;}

/* @group Header */
#header {overflow: hidden; position: relative; height: 99px; padding: 6px 16px 15px;}
#header h1 {margin: 0;}
#header #ticker {position: absolute; top: 14px; right: 16px; height: 32px; width: 190px; background: url(../i/ticker.png) 0 0 no-repeat; text-indent: -10000px;}
#header #ticker a {display: block; height: 100%; width: 100%;}

#nav {list-style-type: none; position: absolute; left: 64px; top: 82px; margin: 0;}
#nav li {display: inline; float: left; margin: 0; padding: 0 5px;}
#nav a {padding: 3px 12px; color: #35353b; font-weight: 700; text-decoration: none;}
#nav a:hover {color: #fff;}
#nav .selected a {border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background: #7baac7; color: #fff;}
/* @end */

/* @group Footer */
#footer {border-top: 1px solid #fff; padding: 10px 0 0; background: #7baac7;}
#footer-inner {overflow: hidden; padding: 8px 0 1px; background: url(../i/bg-footer-lines.png) 0 0 repeat-y;}
* html #footer-inner {overflow: visible; height: 1%;}
#footer-bg {display: block; height: 40px; margin: 0 -21px 0 -22px; background: url(../i/bg-footer.png) 0 0 no-repeat;}

#footer-address {display: inline; float: left; width: 193px; padding: 0 33px 45px;}
#footer-info {display: inline; float: left; width: 242px; padding: 0 50px 0 16px;}
#footer-newsletter {display: inline; float: left; width: 250px; padding: 0 0 0 25px;}

#footer-inner h2 {color: #fff; font-size: 1.167em;}
#footer-inner p {margin: 0; color: #35353b;}
#footer-address p {font-weight: 700;}
#footer-info p {font-size: .917em; line-height: 1.4;}

#footer-newsletter h2 {margin: 0 0 4px;}
#footer-newsletter form {padding: 0 0 12px;}
#footer-newsletter p {margin: 0 0 8px; color: #fff;}
#footer-newsletter .field, #footer-newsletter .submit {display: inline; margin: 0;}
#footer-newsletter input.text {width: 174px; border: 1px solid #678ea6; color: #666; font-size: .917em;}
#footer-newsletter input.submit {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 0; padding: 3px 6px 4px; background: #35353b; color: #fff; cursor: pointer; font-size:. .917em;}

#footer-newsletter .social {margin: 0; list-style-type: none;}
#footer-newsletter .social li {margin: 0 0 5px; font-size: .917em; font-weight: 700;}
#footer-newsletter .social a {padding: 3px 0 3px 25px; background: url(../i/icon-twitter.png) 0 50% no-repeat; color: #d2fdff; text-decoration: none;}
#footer-newsletter .social a:hover {text-decoration: underline;}
#footer-newsletter .blogspot a {background: url(../i/icon-blogspot.png) 0 50% no-repeat;}
/* @end */

/* @group Content */
#content {min-height: 650px; border-bottom: 4px solid #35353b; padding: 0 16px 26px; background: #fff;}
* html #content {height: 650px;}

#main {display: inline; float: left; width: 503px; padding: 0 16px;}
#sidebar {display: inline; float: right; width: 268px;}

  /* @group Main Column */
  #main h2 {margin: 0 0 1em; color: #000; font-size: 1.334em;}
  #main h3 {margin: 0; font-size: 1.167em;}
  #main p strong {color: #000;}
  #main p.more a {display: block; height: 21px; width: 82px; background: #7baac7 url(../i/btn-light.png) 0 0 no-repeat; color: #fff; line-height: 22px; text-align: center; text-decoration: none;}
  
  #main .banner {margin: 0 -16px 30px;}
  #main .banner-graph {margin: 0 -19px 30px -20px;}
  
  #contact h2 {margin: 5px 0; font-size: 2.5em; font-weight: normal; line-height: 1;}
  #contact h3 {margin: 0 0 15px; color: #000; font-size: 1.334em;}
  #contact p.intro {margin: 0 0 1.5em; color: #666; font-size: 1.167em;}
  #contact form {background: url(../i/bg-contact.jpg) 100% 20px no-repeat;}
  #contact .field {margin: 0 0 1em;}
  #contact label {margin: 0 0 3px; font-weight: 700;}
  #contact input.text {width: 244px;}
  #contact textarea {width: 480px;}
  #contact .checkbox label {font-weight: normal;}
  #contact .submit input {height: 21px; width: 82px; border: 0; padding: 0; background: url(../i/btn-light.png) 0 0 no-repeat; color: #fff; cursor: pointer;}
  #contact .error label {color: #c9002c;}
  #contact .error input.text, #contact .error textarea {border-color: #c9002c;}
  /* @end */
  
  /* @group Sidebar */
  #distressed-market {border-bottom: 1px solid #fff; padding: 0 15px; background: #3cb0ed url(../i/bg-module-blue.png) 0 0 no-repeat;}
  #distressed-market h3 {height: 52px; margin: 0 0 10px; color: #fff; font-size: 1.334em; line-height: 52px;}
  #distressed-market p {margin: 0 0 8px; color: #13374a; font-size: .917em; font-weight: 700; line-height: 1.2;}
  #distressed-market p.more {margin: 0; padding: 8px 0 16px; font-size: 1em;}
  #distressed-market p.more a {padding: 0 0 0 10px; background: url(../i/arrow-dark.png) 0 45% no-repeat; color: #fff; text-decoration: none;}
  #distressed-market p.more a:hover {text-decoration: underline;}
  
  #share-price {height: 134px; border-bottom: 1px solid #fff; padding: 18px 15px 0; background: url(../i/bg-map.png) 0 0 no-repeat;}
  #share-price h3 {margin: 0 0 .75em; color: #000; font-size: 1.334em;}
  #share-price p {margin: 0; color: #000;}
  #share-price p.price {display: inline; float: left; padding: 0 20px 0 0; background: url(../i/arrow-up.png) 100% 25% no-repeat; font-size: 1.75em; font-weight: 700; line-height: 1;}
  #share-price p.price-down {background: url(../i/arrow-down.png) 100% 50% no-repeat;}
  #share-price p.price-change {clear: left; font-weight: 700;}
  #share-price p.delayed {margin: 0 0 5px; color: #777; font-size: .834em; line-height: 1.5;}
  #share-price a {padding: 0 0 0 10px; background: url(../i/arrow-alt.png) 0 50% no-repeat; color: #2c68bc;}
  
  #latest-news {padding: 18px 15px 30px; background: #eaf0f9 url(../i/bg-sidebar-btm.png) 0 100% no-repeat;}
  #latest-news h3 {margin: 0 0 .75em; color: #000; font-size: 1.334em;}
  #latest-news ul {list-style-type: none; margin: 0;}
  #latest-news li {margin: 0; padding: 0 14px 10px 14px; background: url(../i/arrow-light.png) 0 3px no-repeat; color: #8f8f8f; line-height: 1.3;}
  #latest-news li a {color: #2c68bc; font-weight: 700; text-decoration: none;}
  #latest-news li a:hover {text-decoration: underline;}
  /* @end */
/* @end */