#other-projects {clear: both; float: left; width: 100%; margin-top: 30px; }
#other-projects h3 {font-size: 16px; font-weight:bold; color: #fff; padding: 0 0 10px 0; border-bottom: 1px solid #252525; margin: 0 0 5px 0; line-height: normal;}
#other-projects ul {list-style:none; display:block; float: left; width: 873px; margin-top: 30px;}
#other-projects ul li {width: 260px; height: 105px; overflow: hidden; margin-bottom: 20px; margin-right: 40px;float: left; }
#other-projects ul li.last {margin-right: 0;}
#other-projects ul li img {border: 1px solid #3c3c3c; padding: 5px; background-color: #000; width: 110px; height: 64px; overflow: hidden; float: left;-ms-interpolation-mode:bicubic;}
#other-projects ul li div.text {width: 128px; float: right; font-size: 11px;}
#other-projects ul li div.text .headline {font-weight:bold;color: #fff; font-size: 12px;margin-top: 0; margin-bottom: 3px; line-height: 1.3em; text-align:left;}
#other-projects ul li div.text .headline a { color: #ccc; }
#other-projects ul li div.text .subheadline {line-height: 1.52em;}

#grid1col {padding-top: 20px;}
#grid1col span.headline {display:block; font-size: 32px; font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 18px; text-align:center; }
#grid1col h1 {display:block; font-size: 18px; font-weight: normal; color: #7c7c7c; margin-bottom: 30px;line-height: 1.25em; text-align:center;}
#grid1col h2 {font-size: 16px; }

#grid1col .feature {margin-bottom: 20px;text-align:center;}


#write-up {clear: both; float: left; width: 100%;}
#write-up .solution,
#write-up .result {width: 410px;float: left; }
#write-up .solution {margin-right: 52px; }
#write-up h2.headline {font-weight: normal; color: #fff; font-size: 18px; margin-bottom: 30px;color: #7c7c7c; text-align:left; line-height: 1.45em;}


#gallery #gallery-nav {list-style:none; clear: both; text-align:center; display:block;position:relative;}
#gallery #gallery-nav li {display:inline;margin-right: 12px; margin-bottom: 8px; position:relative; width: 62px; height: 47px;}
#gallery #gallery-nav li a {background-color: #000; width: 52px; height: 37px;  }
#gallery #gallery-nav li.last {margin-right: 0px;}
#gallery #gallery-nav li a img {border: none; width: 52px; height: 37px; overflow: hidden;padding: 4px; border: 1px solid #4d4d4d;}

#gallery #gallery-nav li.first img.plus {position: absolute; top: -40px; left: -7px;}



#gallery {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 872px; /*Width of Carousel Viewer itself*/
height: 75px; /*Height should enough to fit largest content's height*/
top: 0px;
clear: both;
float: left;
 padding-top: 372px;
 margin-top: 0px;
 margin-bottom: 20px;
}

#gallery .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0px;
}

#gallery .belt img {margin-bottom: 20px; display:block; margin-left: auto; margin-right: auto; width: auto; height: auto;}

#gallery .window{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width: 872px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
position:relative;
text-align:center;
}

#gallery .window .caption {position: relative; top: -60px; font-size: 12px; font-weight:bold; color: #fff;}