body {
  height: 100%;
  width: 100%;
  margin: 0;
  font: 11px/15px Arial, sans-serif;
  color: #666;
  background: transparent url(../img/body_bg.png) repeat-x;
}
#pageWrapper {
  background: transparent url(../img/page_bg.png) repeat-y top center;
}
#page {
  width: 978px;
  margin: 0 auto;
  padding: 0 1px;
  background-color: white;
}
#header {
  position: relative;
  width: 978px;
  height: 160px;
  background: transparent url(../img/header_bg.jpg) no-repeat;
}
body.home #header {
  height: 323px;
  background-image: url(../img/header_home_bg.jpg);
}
#header .overlay {
  position: absolute;
  top: 9px;
  right: 29px;
  height: 14px;
}
#header .overlay li {
  float: right;
  margin-left: 12px;
}
#header a.home {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 281px;
  height: 160px;
}
body.home #header a.home { display: none; }

#header a.more {
  display: block;
  position: absolute;
  left: 680px;
  top: 235px;
  width: 50px;
  height: 16px;
}

#nav {
  position: relative;
  height: 43px;
  background: transparent url(../img/nav_bg.png) repeat-x;
  color: white;
  font: 10px/16px Arial, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#nav .overlay {
  position: absolute;
  left: 0;
  top: 3px;
  width: 978px;
  overflow: hidden;
  z-index: 1000;
}
#nav .overlay .arrow {
  position: relative;
  left: -100px;
}
#nav .social {
  position: absolute;
  right: 30px;
  top: 16px;
}
#nav .social li {
  float: right;
  margin-left: 24px;
}

#content {
  position: relative;
  background: transparent url(../img/content_bg.png) no-repeat top center;
  padding: 65px 29px 25px 29px;
  min-height: 647px; /* 672-65-25 */
}
#content #breadcrumb {
  position: absolute;
  top: 30px;
  left: 29px;
}
#content #breadcrumb a {
  text-decoration: none;
  color: #999;
}
#content #breadcrumb a:hover { color: #c26f15; }
#content #breadcrumb .current { color: #333; }

#content .sidebar {
  position: absolute;
  top: 65px;
  left: 714px;
  width: 245px;
}

#content .main {
  width: 615px;
}

/* Blog */
#content .sidebar .info {
  color: #999;
}
#content .sidebar .twitter {
  background: transparent url(../img/heading_twitter.png) no-repeat top left;
  padding-top: 55px;
  margin-bottom: 40px;
}
#content .sidebar .twitter a {
  white-space: nowrap;
}
#content .sidebar .facebook {
  background: transparent url(../img/heading_facebook.png) no-repeat top left;
  padding-top: 55px;
  margin-bottom: 40px;
}

/* Press Page */
#content .press .item {
  margin-top: 40px;
}
#content .press .item img, #content .press .item dl {
  display: inline-block;
  vertical-align: middle;
}
#content .press .item img {
  margin-right: 20px;
}
#content .press .item dl {
  width: 490px;
  padding: 0;
}
#content .press .item dt, #content .press .item dd {
  font: 14px Arial, sans-serif;
}
#content .press .item dd {
  margin: 0;
}


/* Social networking icon thing */
#content .social {
  margin: 13px 0;
}
body.home #content .social { margin-bottom: 0; }
#content .social li {
  display: inline-block;
  margin-right: 13px;
}

/* Main content structures */
#content .main .leftcolumn {
  width: 290px;
  float: left;
}
#content .main .rightcolumn {
  width: 290px;
  float: right;
}
.twocol .imageColumn {
  float: left;
  width: 160px;
}
.twocol .textColumn {
  float: left;
  width: 455px;
}


#footerWrapper {
  width: 100%;
  margin: 0 auto;
  background: transparent url(../img/footer_bg.png) no-repeat top center;
  padding-top: 38px;
}
#footer {
  margin: 16px auto 50px auto;
  width: 920px; /* 980-30-30 */
  padding: 0 30px;
  background-color: white;
  font: 10px/16px Arial, sans-serif;
}

/* Shorthand / replacement elements */
a, .link {
  text-decoration: none;
  color: #c26f15;
}
a.email {
  display: block;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: 9px;
}
h1 {
  font: normal 21px/24px Arial, sans-serif;
  color: #2e465b;
  margin-bottom: 25px;
}
h2, h3 {
  font: bold 14px/16px Arial, sans-serif;
  color: #2e465b;
  margin-bottom: 3px;
}
h3 {
  font: bold 13px/16px Arial, sans-serif;
}

p {
  margin-bottom: 15px;
}
div.hr {
  margin: 30px 0;
  border-top: 1px dotted #999;
}
b, strong { font-weight: bold; }

img.content {
  float: left;
  margin-bottom: 30px;
  margin-right: 15px;
}
img.directions { margin-right: 10px; }

blockquote {
  font-style: italic;
  margin-bottom: 15px;
}

dl {
  padding-bottom: 20px;
}
dt {
  font: 13px Arial, sans-serif;
  color: #415a68;
  margin-bottom: 2px;
}
dd {
  margin-bottom: 20px;
}
h4 {
  font: 12px Arial, sans-serif;
  color: #948671;
  margin-bottom: 20px;
}

.clear { clear: both; }
.center { text-align: center; }
.justify { text-align: justify; }
.highlight { color: #c26f15; } /* Link color */
.underline { text-decoration: underline; }
ul.text, ol.text, ul.text ul, ul.text ol, ol.text ul, ol.text ol {
  list-style-type: disc;
  margin-left: 25px;
}
ul.text, ol.text {
  margin-bottom: 15px;
}

/* SEO */
a span { display: none; }


/* Promo Widget */
#promo {
  position: relative;
  width: 235px;
  padding-bottom: 30px; /* Room for the button icons. */
}
#promo .item {
  position: absolute;
  top: 0;
  left: 0;
}
#promo .image {
  width: 235px;
  height: 112px;
  padding: 4px;
  border: 1px solid #e3e3e3;
  margin-bottom: 10px;
  
}
#promo .heading {
  margin-bottom: 5px;
}
#promo .icons {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 195px; /* 235-20-20 */
  padding: 0 20px;
  text-align: center;
}
#promo .icons img {
  cursor: pointer;
  background: transparent none no-repeat center center;
  padding: 0 5px;
}
#promo .icons img { background-image: url(../img/promo/normal_dot.png); }
#promo .icons img.active, #promo .icons img:hover { background-image: url(../img/promo/active_dot.png); }

/* Disclaimer dialog tweaks: */
.disclaimer {
  text-align: left;
}
.ui-widget-overlay {
  background: black !important;
  opacity: 0.9 !important;
}
