/* WEBSITE BODY */

body {
  background-image:url(/images/bg.gif);
  background-repeat: repeat-x;
  background-color: #EFEFEF;
}

* {
  margin: 0;
}

/* NO BORDER FOR LINKED PICTURES */

img{
  border:0;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  width: 912px;
}

/* HEADER */

#header {
  width: 912px;
  height: 100px;
  background-image: url(/images/header.gif);
  background-repeat: no-repeat;
  margin-top: 40px;
}

/* LOGO */

#logo {
  width: 320px;
  height: 42px;
  margin: 12px 0px 0px 10px;
  float: left;
  display: inline;
}

/* NAVIGATION */

#navigation {
  height: 18px;
  width: 500px;
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  text-decoration: none;
  letter-spacing: -1px;
  color: #404040;
  float: right;
  margin: 42px 20px 0px 0px;
  display: inline;
}

#navigation li {
  float: right;
  list-style: none;
  display: block;
  width: auto;
}

#navigation li a {
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  color: #404040;
  font-weight: bold;
  text-decoration: none;
}

#navigation li.active a {
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  color: #629a02;
  font-weight: bold;
  text-decoration: none;
}

#navigation li a:hover {
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  color: #629a02;
  font-weight: bold;
  text-decoration: none;
}

#home #homeNav a,
#about #aboutNav a,
#services #servicesNav a,
#portfolio #portfolioNav a,
#articles #articlesNav a,
#contact #contactNav a {
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  color: #629a02;
  font-weight: bold;
  text-decoration: none;
}

/* FEATURED */

#featured {
  width: 912px;
  height: 300px;
  background-image: url(/images/featured_bg.gif);
  background-repeat: no-repeat;
  margin-top: 20px;
}


#featured_left {
  margin: 40px 0px 0px 40px;
  width: 400px;
  height: 220px;
  float: left;
  display: inline;
}

/* FEATURED UNDER*/

#featured_under {
  width: 912px;
  height: 113px;
  background-image: url(/images/featured_under_bg.gif);
  background-repeat: no-repeat;
  margin-top: 20px;
}

#featured_under_h {
  margin: 40px 0px 0px 40px;
  width: 832px;
  height: 50px;
  float: left;
  display: inline;
}

/* FEATURED FONTS */

h1 {
  font-size: 32px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  line-height: 34px;
  text-decoration: none;
  letter-spacing: -2px;
  color: #FFFFFF;
}

h2 {
  font-size: 15px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  line-height: 20px;
  text-decoration: none;
  letter-spacing: -1px;
  color: #FFFFFF;
}

#featured p{
  line-height: 16px;
}

/* SLIDER */

#featured_right {
  width: 333px;
  margin: 45px 40px 0px 0px;
  float: right;
  display: inline;
}

#slider {
  overflow: hidden;
  width: 304px;
  height: 225px;
  margin: auto;
  position: absolute;
}

#slider ul, #slider li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider li {
  width: 304px;
  height: 255px;
  overflow: hidden;
}

#prevBtn, #nextBtn {
  display: block;
  width: 21px;
  height: 48px;
  left: -21px;
  top: 80px;
  position: relative;
}

#nextBtn{
  left: 304px;
  top: 32px;
}

#prevBtn a, #nextBtn a {
  display: block;
  width: 21px;
  height: 48px;
  background: url(/images/slider/btn_prev-trans.png) no-repeat 0 0;
}

#nextBtn a {
  background: url(/images/slider/btn_next-trans.png) no-repeat 0 0;
}

/* IMAGE REPLACEMENT */

#prevBtn, #nextBtn{
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
  text-indent:-8000px;
}

/* FEATURED SUB*/

#featured_sub_wrapper {
  width: 912px;
  height: 100px;
  margin-top: 20px;
}

#clients {
  width: 912px;
  height: 60px;
  background-image: url(/images/clients_bg.gif);
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  text-align: center;
}

#clients img {
  padding-top:14px;
  padding-left:5px;
  padding-right:5px;

}
/* CONTENT */

#content {
  width: 912px;
  background-image: url(/images/content_bg.gif);
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  padding-bottom: 5px;
}

#content_rt {
  width: 912px;
  height: 30px;
  background-image: url(/images/content_rt.gif);
  background-repeat: no-repeat;
  margin-top: 20px;
}

#content_rb {
  width: 912px;
  height: 30px;
  background-image: url(/images/content_rb.gif);
  background-repeat: no-repeat;
}

#content_left {
  float: left;
  margin: 0px 0px 0px 25px;
  width: 550px;
  display: inline;
}

#content_right {
  float: right;
  margin: 0px 25px 0px 62px;
  width: 250px;
  display: inline;
}

#content_portfolio_wrapper {
  width: 912px;
}

.content_portfolio_l {
  float: left;
  margin: 0px 0px 0px 25px;
  width: 312px;
  width: 290px;
  display: inline;
}

.content_portfolio_r {
  float: right;
  margin: 0px 25px 0px 48px;
  width: 500px;
  width: 522px;
  display: inline;
}

.content_portfolio_h {
  width: 862px;
  height: 30px;
  background-image: url(/images/underline.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin: 0px 0px 20px 25px;
}

.content_portfolio_sep {
  width: 862px;
  height: 51px;
  margin: 0px 25px 0px 25px;
}

.content_left_h {
  width: 550px;
  height: 30px;
  background-image: url(/images/underline.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: 20px;
}

.content_right_h {
  width: 250px;
  height: 30px;
  background-image: url(/images/underline.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: 20px;
}

.content p {
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
}

.content a {
  font-size: 13px;
  color: #629a02;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: underline;
}

h3 {
  font-size: 22px;
  font-family: "Helvetica", "Trebuchet MS", Arial, sans-serif;
  line-height: 24px;
  text-decoration: none;
  letter-spacing: -1px;
  color: #303030;
}

h4 {
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
}

.pic {
  float: left;
  display: inline;
  margin-right: 20px;
}

.icon {
  float: left;
  display: inline;
  margin: 3px 10px 0px 0px;
  padding-bottom: 10px;
}

.tiwtter {
  padding-top: 7px;
  height: 22px;
  width: 180px;
  float: left;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
}

.tiwtter a {
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: none;
}

#tiwtter_i {
  height: 32px;
  width: 42px;
  float: left;
}

/* FOOTER */

#footer {
  width: 912px;
  height: 54px;
  margin: 20px 0px 40px 0px;
  background-image: url(/images/footer_bg.gif);
}

.footer p {
  font-size: 13px;
  color: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
}

.footer a {
  font-size: 13px;
  color: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: none;
}

#footer_left {
  float: left;
  width: 441px;
  margin: 19px 0px 0px 15px;
  display: inline;
}

#footer_right {
  float: right;
  width: 441px;
  margin: 19px 15px 0px 0px;
  text-align: right;
  display: inline;
}

/* --- CONTACT FORM --- */

.form_nm {
  background-color: #f9f9f9;
  color: #404040;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  border: 1px solid #dcdcdc;
  text-indent: 8px;
  width: 200px;
  height: 20px;
  padding-top: 4px;
}

.form_tf {
  background-color: #f9f9f9;
  color: #404040;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  border: 1px solid #dcdcdc;
  text-indent: 8px;
  line-height: 18px;
  width: 380px;
  height: 150px;
  padding-top: 5px;
}

/* CUSTOM */

.bullets ul {
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  font-family: Arial, Verdana, sans-serif;
}

.bullets ul li {
  list-style-image: url(/images/icon.gif);
  padding-bottom: 20px;
  color: #777;
}

.bullets ul li strong {
  font-size: 1.2em;
  list-style-image: url(/images/icon.gif);
  padding-bottom: 20px;
  color: #333;
}

.content_portfolio_r img {
  margin-left:2px;
  margin-right:2px;
  padding:0px;
  border: 1px solid #ccc;
}

#flash_notice
{
  font-family: Arial, Verdana, sans-serif;
  font-size:.9em;
  margin:auto;
  margin-bottom: 10px;
  margin-top: -10px;
  padding:5px;
  border: 1px solid #ccc;
  color: #000;
  background: #ffeeaa;
}

#post h4, #post h5 {
  color: #000;
  font-family: Arial;
  margin-bottom: 0px;
  margin-top: 20px;
}

#post h4 {
  font-size: 1.2em;
}

#post h5 {
  font-size: 1.0em;
}

#post p {
  padding: 5px 0;
}

#post img {
  border: 1px solid #000;
}

#articles .date {
  font-style: italic;
  margin-top:-15px;
  color: #999;
  font-family: arial;
  font-size: .8em;
}

#article_list li a
{
  font-size: .9em;
}

#article_list li
{
  padding-bottom: 10px;
}

#article_list li .date
{
  color:#999;
  font-size:.8em;
  font-family:arial;
}


#disqus h3 {
  font-size: 1.2em;
  padding: 10px 0px;
}
#disqus {
  width: 100%;
  font-family: tahoma, verdana;
}