* { margin: 0; padding: 0; }

body { font: 62.5% 'Gill Sans', Arial, sans-serif; background: #fff; padding-top: 10px; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
.clear { clear: both; }

div#wrapper {
  margin: 10px auto;
  width: 980px;
}

div#logo { float: left; width: 400px; }
div#logo a { display: block; background: transparent url(../i/new_logo.gif) no-repeat top left; width: 400px; height: 54px; line-height: 54px; text-align: center; font-size: 1.6em; }

ul#main-nav { padding-top: 35px; margin-bottom: 20px; float: right;  list-style: none; float: right; }
ul#main-nav li { text-transform: uppercase;  margin-left: 10px; float: left; font-size: 1.4em; color: #888; position: relative; }
ul#main-nav li.current a { color: #333; }
ul#main-nav a { color: #888; text-decoration: none; }
ul#main-nav a:hover { text-decoration:none; color: #333; }

ul#main-nav li:hover ul { display: block; z-index: 999; }
ul#main-nav li ul { 
  display: none; position: absolute; top: 1.3em; left: 0; list-style: none; padding: 10px 30px 10px 10px; 
  background-color: #fff; border: 1px #888 solid;
  margin: 0;
  opacity: 0.9; filter: alpha(opacity = 90);
}
ul#main-nav li ul li { font-size: 14px; margin: 0; padding: 0; }

div#left-nav { float: left; clear: left; width: 200px; margin-top: 0; }
div#left-nav ul#category-nav { list-style: none;}
div#left-nav ul#category-nav li { margin-bottom: 2px; border: 1px #fff solid; text-transform: uppercase; }
div#left-nav ul#category-nav li.current a { color: #333;}
div#left-nav ul#category-nav li a:hover {text-decoration:none; color: #333;  }
div#left-nav ul#category-nav li a { color: #888; font-size: 1.4em; display: block; text-align: left; }

div#left-nav h3 { font-size: 1.6em; color: #333; text-transform: uppercase; font-weight: normal; margin: 1em 0 0.25em 0; }
div#left-nav ul#sidebar-category-list { padding-left: 13px; }
div#left-nav ul#sidebar-category-list li { color: #333; font-size: 1.2em; margin-bottom: 3px; border: 1px #fff solid; }
div#left-nav ul#sidebar-category-list li a { color: #333;  }
div#left-nav ul#sidebar-category-list li img { display: block; }
div#left-nav ul#sidebar-tag-cloud { list-style: none; }
div#left-nav ul#sidebar-tag-cloud li { float: left; }
div#left-nav ul#sidebar-tag-cloud li a {}

div#left-nav h3#twitter { clear: left; padding-top: 20px; }
div#left-nav ol { list-style: none; }
div#left-nav ol li { margin-bottom: 5px; color: #fff; font-size: 1.2em; background: transparent url(../i/tweet-bottom.gif) no-repeat bottom left; margin-bottom: 5px; }
div#left-nav ol li p.tweet { background: transparent url(../i/tweet-top.gif) no-repeat top left; padding: 21px 10px 0 10px; }
div#left-nav ol li p { padding: 0 10px 10px 10px; color: #333; margin: 5px 0; }
div#left-nav ol li a { color: #666; }

div#stories { margin-top: 40px; }
div#stories ul { list-style: none;}
div#stories li { margin-bottom: 3px; border: 1px #ccc solid; color: #fff; text-align: center; font-size: 1.6em; float: left; width: 70px; height: 70px; margin-right: 5px; }
div#stories li.title { }
div#stories li a { padding-left: 0; }
div#stories li a img { opacity: 0.5; filter: alpha(opacity = 50); }
div#stories li a:hover img, div#stories li.current a img { opacity: 1; filter: alpha(opacity = 100); }

/******* STANDARD CONTENT ********/
div#content {
  float: right;
  width: 760px;
  color: #333;
}
div#content h1 { font-size: 18px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin-bottom: 9px;  }
div#content h2 {  font-size: 16px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; }
div#content h3 {  font-size: 16px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; }
div#content h4 {  font-size: 16px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; }
div#content h5 {  font-size: 16px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin-bottom: 0; }
div#content p { font-size: 14px; line-height: 21px; margin-bottom: 12px; }
div#content ul { margin-bottom: 12px; }
div#content ol { margin: 12px 0; list-style: none; }
div#content ol li { border-bottom: 1px #666 solid; margin: 10px 0 5px; }
div#content li { font-size: 14px; line-height: 21px; }
div#content blockquote {}

div#content form {}
div#content form p { position:relative; }
div#content form label { font-size: 14px; display: block; position:absolute; top:5px; left:6px; color: #666; }
div#content form input { border: 1px #666 solid; width: 300px; font-size: 14px; padding: 5px; }
div#content form input.submit { width: auto; border: 0; padding: 0; }
div#content form textarea { border: 1px #666 solid; width: 300px; height: 150px; font-size: 14px; padding: 5px; }

div#content p.sent { color: #242; font-size: 22px;  }
div#content p.error { color: #422; font-size: 16px; border-bottom: 1px #822 solid; border-top: 1px #822 solid; padding: 10px;  }

/***** NEWS LISTING ****/
ol#news { margin-top: 10px; list-style:none; }
ol#news li { margin-bottom: 15px; border-bottom: 1px #ccc solid; }
ol#news li.last { border: 0; }
ol#news li h2 { margin-bottom: 2px; line-height: 1em; }
ol#news li h2 a { color: #333; }
ol#news li p.meta { font-size: 0.9em; margin-bottom: 0; }
ol#news li p.meta.item { margin-bottom: 1em; }

div#pagination a { font-size: 1.2em; }

/* ******* PORTFOLIO ***********/
div#portfolio {
  float: right;
  height: 505px;
  width: 760px;
  overflow: -moz-scrollbars-horizontal;
  overflow-x: auto;
  overflow-y: hidden;
}
div#portfolio ol { list-style: none; width: 760px; }
div#portfolio li { float: left; margin-right: 5px; }
div#portfolio img { display: block; }


/******* HOMEPAGE PORTFOLIO ROTATION *****/
div#portfolio-home {
  float: right;
  height: 505px;
  width: 760px;
  overflow: hidden;
}
div#portfolio-home ul { list-style: none; }
div#portfolio-home li { display: none; }

/************ CLIENTS PAGE *********/
ul#testimonials { list-style: none; }
ul#testimonials li { clear: both; float: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid; }
ul#testimonials li.last { border-bottom: 0; }
ul#testimonials li img { float: left; }
ul#testimonials li blockquote { float: right; width: 650px; }
ul#testimonials li cite { float: right; width: 650px; text-style: italic; }

ul#client-logos { list-style: none; float: left; margin-top: 10px; }
ul#client-logos li { float: left; width: 125px; }

/****** PRODUCTS ********/
div#content ol#product-listing { margin: 12px 0; list-style: none; }
div#content ol#product-listing li { border-bottom: 1px #666 solid; margin: 10px 0 5px; clear: both; }
div#content ol#product-listing li.last { border-bottom: none; }

div#content ol#product-listing div.product-thumbnails { }

div#content ol#product-listing div.product-image-container { width: 380px; margin-bottom: 0; padding: 0; border-bottom: 1px #fff solid; float: left; background: transparent url(../i/loader.gif) no-repeat 190px 50%; }
div#content ol#product-listing div.product-image-container img { display: block; }

div#content ol#product-listing ul {list-style:none;float: left; width: 380px; clear: left; margin-bottom: 5px;}
div#content ol#product-listing ul li {float: left; border: 0; margin: 0; clear: none; }
div#content ol#product-listing ul li a {}
div#content ol#product-listing ul li a img {}

div#content div.product-details { float: right; width: 370px; }
div#content div.product-details h2 { margin-bottom: 0;  }

/********* FOOTER  **********/
div#footer { clear: both; width: 980px; padding-top: 5px; }
div#footer ul { list-style: none; padding-top: 5px; float: right; }
div#footer li { float: left; margin-left: 10px; color: #333; font-size: 1.3em; height: 32px; line-height: 32px; }
div#footer li img { vertical-align: text-bottom; }
div#footer li.last { border-right: none; }
div#footer li a { }
div#footer p { float: left; padding-left: 220px; color: #333; font-size: 1.8em;line-height: 32px;padding-top: 5px;}
div#footer p img { vertical-align: baseline; padding-right: 5px; }