body {
  background: #fff url('../images/bg.gif') top center;
  margin: 0;
  padding: 0;
}

img { border: none; }

#ie-splash-overlay {
  display: none;
}

.s30 {
   height: 30px;
}

#header {
  height: 203px;
  background: url('../images/bg-header.gif') top center;
}

#header-wrap {
  width: 916px;
  margin: 0 auto;
}

#help {
  float: right;
  margin-top: 16px;
  margin-right: 8px;
  width: 500px;
  height: 80px;
}

#help p {
  background: url('../images/help.gif');
  width: 480px;
  height: 60px;
  margin: 0;
  padding: 10px;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header ul li {
  float: left;
  background: #303030;
}

#header ul li.first-child {
  background: url('../images/nav-l.gif') no-repeat top left;
  padding-left: 14px;
}

#header ul li.last-child {
  background: url('../images/nav-r.gif') no-repeat top right;
  padding-right: 14px;
}

#header ul li a {
  display: block;
  height: 27px;
  background-color: #303030;
  background-repeat: no-repeat;
  background-position: center 0;
  text-indent: -9999em;
}

#header ul li a:hover, body#home #nav-home, body#inspiration #nav-inspiration, body#news #nav-news, body#about #nav-about { background-position: center -27px; }

#nav-home         { width: 53px; background-image: url('../images/nav-home.gif'); }
#nav-inspiration  { width: 80px; background-image: url('../images/nav-inspiration.gif'); }
#nav-news         { width: 51px; background-image: url('../images/nav-news.gif'); }
#nav-about        { width: 54px; background-image: url('../images/nav-about.gif'); }

#header h1 {
  margin: 0;
}

#header h1 a {
  float: left;
  width: 401px;
  height: 80px;
  background: url('../images/logo.gif') no-repeat 0 30px;
  text-indent: -9999em;
  margin: 0 0 0 8px;
  /*margin-left: 8px;*/
}


#wrap {
  width: 900px;
  margin: 0 auto;
  clear: both;
}

#title-wrap {

  width: 900px;
}

#title {
 margin-top: -91px;
 border: none; 
 border-collapse: collapse;
 padding: 0;
 margin: 0;
 width: 900px;
}

#title td {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}

#title td.title-text {
  width: 350px;
}

#title td.title-text p {
  margin: 0;
  padding: 0;
}

#title td.title-gutter {
  width: 50px;
}

#splash-overlay, #ie-splash-overlay {
  margin-top: -88px;
  position: absolute;
  width: 500px;
  height: 89px;
  background: url('../images/splash-overlay.png') no-repeat;
}

#splash {
  float: right;
  margin-top: -88px;
}

#splash-wide {
}

#splash-wide #splash {
  float: none;
}

.clear { clear: both; }

#content {
  clear: both;
  padding-top: 30px;
}

body#news #content {
  padding-top: 0;
}


/* the about and news pages have 2 columns side by side*/
body#about div div#content, body#news div div#content, body#inspiration #blocklinks-inspiration {
  width: 500px;
  float: right;
}

#content-left {
  width: 370px;
  float: left;
  margin-top: 30px;
  margin-right: 30px;
}


/* move all copy to the right */
#content p, #content h1, #content h2, #content h3, #content pre,#content cite, #content ul, #content ol {
  margin: 0 0 0 400px;
}

/* but not on the news and about pages */
body#about div div#content p, body#about div div#content h1,body#about div div#content h2, body#about div div#content h3, body#about pre div#content cite, body#about div div#content ul, body#about div div#content ol, body#about div div#content pre, body#about div div#content .image-set, 
body#news div div#content p, body#news div div#content h1,body#news div div#content h2, body#news div div#content h3, body#news pre div#content cite, body#news div div#content ul, body#news div div#content ol, body#news div div#content pre, body#news div div#content .image-set {
/*  margin: 0;*/
  margin-left: 0;
}


#content p {
  margin: 0 0 0 400px;
/*  padding: 25px 0 0 0;*/
padding: 0 0 25px 0;
  text-align: justify;
}

#content a.image-240 {
  display: block;
  background: #f8f8f8;
  position: absolute;
/*  margin: 30px 0 0 0;*/
  margin: 5px 0 0 0;
  width: 370px;
}

#content a.image-240:hover {
  background: #ff7e00;
}

#content a.image-240:hover div p {
  color: #f6e9dd;
}

#content a.image-240 div {
  float: left;
  margin: 0;
  padding: 0;
  width: 129px;
}

#content a.image-240 div p {
  margin: 0;
  padding: 4px;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
}

#content a.image-240 img {
  float: left;
}

#content a.image-240-r {
   float: right;
   margin: 6px 0 15px 15px;
   padding: 0 !important;
}

#content a.image-240-l {
   float: left;
   margin: 6px 15px 15px 0;
   padding: 0 !important;
}

#content a.image-900 {
  display: block;
  background: #f8f8f8;
  margin: 5px 0 30px 0;
  width: 900px;
}

#content a.image-500 {
  display: block;
  background: #f8f8f8;
  margin: 5px 0 30px 400px;
  width: 500px;
}

#content .image-set {
  width: 500px;
  margin: 5px 0 30px 400px;
  background: #f8f8f8;
  color: #777;
}

#content .image-set-slideshow {
  width: 50px;
  float: right;
}

#content .image-set-images {
  width: 450px;
  float: left;
}

#content .image-set-play {
  display:block;
  float: left;
  background: url('/images/set-play.gif') no-repeat;
  width: 22px;
  height: 15px;
  margin: 10px 0 0 14px;
  text-indent: -9999em;
  padding: 0;
  font-size: 1px;
}

#content .image-set-play:hover {
  background-position: 0 -15px;
}

#content .image-set-images img, #content .image-set-images a {
  height: 75px;
  float: left;
}

#content a.image-500:hover, #content a.image-900:hover {
  background: #ff7e00;
}

#content a.image-500:hover div p, #content a.image-900:hover div p {
  color: #f6e9dd;
}

#content a.image-500 div, #content a.image-900 div {

  margin: 0;
  padding: 0;

}

#content a.image-500 div p, #content a.image-900 div p, #content .image-set span {
  margin: 0;
  margin-left: 4px;
  text-align: left;
  font-size: 10px;
  line-height: 15px;
}

#content .image-set span {
  line-height: 25px;
  display: block;
  clear: both;
}

#content a.image-500 img, #content a.image-900 img {
  margin-top: 1px;
}

#content a.image-900 img {
   width: 900px;
}

#content a.image-news {
    display: block;
    background: #f8f8f8;
    position: absolute;
    margin: 20px 0 0 0;
    height: 40px;
    width: 370px;
}


div#page-meta {
  margin-left: 400px;
/*  margin-top: 30px;*/
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
}

div#page-meta span {
  float: left;
  width: 250px;
}

div#page-meta span p {
  margin: 0;
  padding: 0;
}

/* full width blocks */
#wrap .line30 {
  background: url('../images/line.gif') repeat-x left 30px;
  clear: both;
  padding-top: 30px;
}

#wrap .line15 {
  background: url('../images/line.gif') repeat-x left 15px;
  clear: both;
  padding-top: 15px;
}

#wrap .line15 img {
  display: block;
}

#wrap .line0 {
  background: url('../images/line.gif') repeat-x left 0px;
  clear: both;
  padding-top: 0px;
}

#blocklinks-inspiration {
  margin: 0;
  padding: 0;
}

body#inspiration #blocklinks-inspiration {
  margin-top: 30px;
}

#blocklinks-inspiration li {
  list-style: none;
  float: left;
  height: 120px;
  margin-right: 28px;
  margin-bottom: 15px;
}

#blocklinks-inspiration li a {
  opacity: 0.97;
  float: left;
  margin-top: 60px;
  width: 436px;
  height: 60px;
  background: #f6f5f5;
  text-decoration: none;
  font-size: 10px;
  color: #999999;
}

body#inspiration #blocklinks-inspiration li {
  width: 500px;
}

body#inspiration #blocklinks-inspiration li a {
  width: 500px;
}

#blocklinks-inspiration li a span {
  padding: 8px 15px;
  display: block;
}

#blocklinks-inspiration li a span em {
  color: #1f1f1f;
  font-size: 16px;
  line-height: 20px;
}

#blocklinks-inspiration li a:hover {
  background: #ff7e00;
  color: #ffd7af;
}

#blocklinks-inspiration li a:hover span em {
  color: #f6e9dd;
}

#blocklinks-inspiration li.even {
  margin-right: 0;
}

#blocklinks-recently {
  margin: 0;
  padding: 0;
}

#blocklinks-recently li {
  float: left;
  margin-left: 30px;
  width: 280px;
  list-style: none;
/*  text-align: justify;*/
  font-size: 12px;
  line-height: 18px;
}

#blocklinks-recently li em {
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

#blocklinks-recently a {
  color: #303030;
}

#blocklinks-recently a:hover {
  color: #ff7e00;
}

#blocklinks-recently li.first-child {
  margin-left: 0;
}

#feedback {
   background: url('/images/t-feedback.gif') no-repeat 0 3px;
   height: 30px;
   margin-left: 400px;
}

#news #feedback {
   margin: 0;
}

#news-widget {
  background: url('/images/news-widget.gif') no-repeat;
  height: 50px;
  padding-bottom: 15px;
/*  margin-left: 400px;*/
}

#content-left #news-widget ul {
  margin: 0 0 0 100px;
  padding: 15px 0 0 10px;
  list-style: none;
}

#feedback ul, body#news div div#content #feedback ul{
   margin: 0 0 0 100px;
   padding: 0;
   list-style: none;
}

#news-widget ul li, #feedback ul li {
  float: left;
  font-size: 10px;
  padding-right: 10px;
}

#news-widget ul li a {
/*  width: 36px;*/
  text-decoration: none;
}
#feedback ul li a {
   text-decoration: none;
}


#news-widget ul li a span, #feedback ul li a span {
  display: block;
  float: left;
}

#news-widget ul li a span.open, #news-widget ul li a span.close, #feedback ul li a span.open, #feedback ul li a span.close {
  width: 6px;
  text-indent: -99999em;
}

#news-widget ul li.inactive a, #news-widget ul li.active a, #feedback ul li.inactive a, #feedback ul li.active a, #news-widget ul li a {
  color: #2b2b2b;
  height: 20px;
  line-height: 20px;
  display: block;
  background-color: #aaa;
}

#news-widget ul li a, #feedback ul li.inactive a {
  opacity: 0.5;
}

#news-widget ul li a:hover, #feedback ul li.inactive a:hover {
  opacity: 0.9999;
}

#news-widget ul li a span.open, #feedback ul li.inactive a span.open {
  background: url('/images/news-year-open-inactive.gif') no-repeat left;
}

#news-widget ul li a span.close, #feedback ul li.inactive a span.close {
  background: url('/images/news-year-close-inactive.gif') no-repeat right;
}

#news-widget ul li.active a, #feedback ul li.active a {
  color: #582b00;
  opacity: 0.9999;
  background: url('/images/news-year-bg-active.gif');
}

#news-widget ul li.active a span.open, #feedback ul li.active a span.open {
  background: url('/images/news-year-open-active.gif') no-repeat left;
}

#news-widget ul li.active a span.close, #feedback ul li.active a span.close {
  background: url('/images/news-year-close-active.gif') no-repeat right;
}

#news-widget-results {
  float: right;
  width: 35px;
  font-size: 19px;
  font-weight: bold;
  color: #e0dfdf;
  text-align: right;
  margin-right: 40px;
}

#blocklinks-small {
  margin: 0;
  padding: 0;
}

#blocklinks-small li {
  margin-bottom: 15px;
  list-style: none;
  /* TODO: default background goes here  */
}

#blocklinks-small li div {
  height: 60px;

}

#blocklinks-small li div a {
  display: block;
  float: left;
  margin-top: 30px;
  line-height: 30px;
  height: 30px;
  width: 370px;
  background: #f5f7f8;
  color: #a3a3a3;
  text-decoration: none;
  font-style: italic;
  font-size: 10px;
  opacity:0.97;
}

#blocklinks-small li div a span em {
  color: #1f1f1f;
  font-size: 16px;
}

#blocklinks-small li div a span {
 padding: 0 5px; 
}

#blocklinks-small li div a:hover, #blocklinks-small li div a.active {
  color: #ffc58c;
  background: #fb7c00;
}

#blocklinks-small li div a:hover span em, #blocklinks-small li div a.active span em {
  color: #f5f5f5;
}

#footer {
  clear: both;
  height: 188px;
  background: url('/images/bg-footer.png') repeat-x center 30px;
}

#footer-wrap {
  width: 900px;
  margin: 0 auto;  
}

.footer-block {
  width: 300px;
  float: left;
  margin-top: 60px;
}

#footer-wrap div.first-child {
  width: 350px;
}

#footer-wrap div.last-child {
  text-align: right;
  margin-top: 85px;
  width: 250px;
}

#content .embed-inline {
  margin-left: 400px;
  text-align: center;
  background-color: #f8f8f8;
  margin-bottom: 15px;
}

body#about div div#content .embed-inline, body#news div div#content .embed-inline {
   margin-left: 0;
}

/* balloon popup */
div#info-balloon-r, div#info-balloon-l {
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	width: 244px;
	height: 36px;
	padding: 5px 10px 20px 10px;
	overflow: hidden;
	font: 10px/18px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 65px;
	opacity: 0.95;
}

div#info-balloon-l {
   padding: 15px 5px 5px 15px;
   margin-left: 274px;
   background: url('/images/balloon-l.png') no-repeat;
}

div#info-balloon-r {
   padding: 15px 10px 5px 10px;
   background: url('/images/balloon-r.png') no-repeat;
}

/* for piclens */
#content .image-set span.mbf-item {
  display: none;
}