body {
  font: 13px/1.5  Arial, Helvetica, sans-serif;
  color:#ccc;
  margin:0px auto;
  background: #321E10 url(/images/bg.jpg);
  
  /*background-image: url(../images/bg2.jpg);  
  background-repeat: repeat;*/
}  
body.insidep {
  font: 13px/1.5  Arial, Helvetica, sans-serif;
  margin:0px auto;
  background: #321E10 url(/images/bg2.jpg);
}

html{

}

a:focus {
  outline: 1px dotted invert;
}



/* Headings
----------------------------------------------------------------------------------------------------*/
h1 {
  font-size: 40px;
  letter-spacing:-1px;
  font-weight:bold;
  margin-top: 10px;
  color: #321E10;
}
h1 span{
  color: #fff;
}
h1 a{
  color: #3A2313;
}
h1 a:hover{
  color: #fff;
  text-decoration: underline;
}
h2 {
  font-size: 22px;
  letter-spacing:-1px;
  font-weight:bold;
  margin-top: 8px;
  color: #321E10;
  line-height: 25px;
}
h2 span{
  font-size: 38px;
  letter-spacing:-1px;
  font-weight:bold;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #C2DE3C;
}
h3 {
  font-size: 26px;
  letter-spacing:-1px;
  color: #321E10;
  margin-top: 0px;  
}
h4 {
  font-size: 27px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #C2DE3C;
}
h4 span{
  font-size: 20px;

}
h4 a{
  color: #C2DE3C;
  text-decoration:none;
}
h4 a:hover{
  color:#fff;
  text-decoration:none;
}
h5 {
  font-size: 16px;
  color:#C2DE3C;
  margin-top: 7px;
  margin-bottom: 3px;
}
h6 {
  font-size: 12px;
}
p {
  font-size: 14px;
  color:#fff;
  margin-top: 0px;
  margin-right: 15px;
  line-height: 23px;
}
p a{
  color: #C2DE3C;
  text-decoration:none;
}
p a:hover{
  color: #fff;
  text-decoration: underline;
}
p span{
  font-weight:bold;
  color: #C2DE3C;
}
.blogtext {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.byline {
  font-size: 11px;
  margin-bottom: 24px;

}
.whatdo {
  font-size: 14px;
  margin-top: 0px;
  line-height: 17px;
  margin-bottom: 35px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol{
  list-style: decimal;
}
ul{
  list-style-type: none;
  margin-top: 0px;
}
li{
  color:#321E10;
}
ul#services{
  list-style-type: none;
  margin-top: -8px;
  padding: 0;
}
ul#services li{
  background-image: url(/images/bullet.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 14px; /* left padding moves the text away from the bullet */
  font-size: 14px;
  color:#321E10;
}
ul#servicesA{
  list-style-type: none;
  margin-top: -8px;
  padding: 0;
}
ul#servicesA li{
  background-image: url(/images/bullet2.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 14px; /* left padding moves the text away from the bullet */
  font-size: 14px;
  color:#fff;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
  
}

/* imgage alignment
----------------------------------------------------------------------------------------------------*/
.alignright {
  float: right; 
  margin: 0 0 18px 18px;
  width:auto;
}
.alignleft {
  float: left; 
  margin: 0 18px 18px 0;
  width:auto;
}
a img {
  border:none;
}

blockquote{
  border:1px solid #333;
  background-color:#222;
  padding:10px 10px 10px 20px;
  margin:10px 0px 10px 0px;
  border-left:3px solid #333;
  font-size:11px;
}

.port {
}

.port .project h1 {
  font-size: 24px;
  color: #94AC1E;
  margin-top: 0px;
  margin-bottom: 0px;
  text-decoration:none;
}
.port .project h2 {
  font-size: 14px;
  color:#fff;
  letter-spacing: 0;
  font-weight:normal;
  margin-top: -4px;
  margin-bottom: 35px;
  line-height: 19px;
}
.port .project h4 a:hover{
  color:#fff;
}
.port .thumbnail a {
  height: 165px;
  width: 280px;
  border:2px solid #23150C;
  background-color:#23150C;
  padding:2px;
  display: block;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.port .thumbnail a:hover {
  border:2px solid #fff;
  background-color:#fff;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.thumbpic a {
  border:1px solid #23150C;
  padding:4px;
  background-color:#23150C;
  display: block;
}
.thumbpic a:hover {
  border:1px solid #fff;
  padding:4px;
  background-color:#fff;
  display: block;
}

.img-br {
  border:1px solid #869C1B;
  padding:4px;
  background-color:#869C1B;
  display: block;

}

.blank-space{
height:10px;
}
.blank-space2{
height:37px;
}
.blank-space3{
height:20px;
}

hr {
  border: 0; 
  color: #333;
  background-color: #222;
  height: 1px;
  border-bottom:1px dotted #333;
}

#homeflash { 
    width: 930px; 
    height: 422px; 
}

/*logo*/

#logo{
  width:150px;
  height:110px;
  position:absolute;
  float: left;
}


div.header{
  width:940px;
  /* background-image: url(../images/header.png);
  background-repeat: no-repeat;
  background-position: center top;  */
  height:110px;
  position: relative;
  overflow: hidden;
  }

.dirty{
  background-image: url(/images/dirtyBG.jpg);
  background-repeat:no-repeat;
  background-position: 0px 210px;;
}
#header{
}

#headerCon{
  float: left;
}
ul#nav{
  list-style: none;
  padding: 7px 0;
    font-weight: bold;
   float: right;
   white-space: nowrap;
  margin-top: 70px;
  font-size: 21px;
  }
ul#nav li{
  display: inline-block;
  zoom:1; 
  *display: inline;
  margin: 0px 0px 10px 0px;
  }
ul#nav a{
  text-decoration: none;
  padding: 90px 10px 4px 10px;
    color: #fff;
  float: bottom;
  }
ul#nav a#current{
  background: #94AC1E;
  color: #321E10;
  }
ul#nav .selected a{
  background: #94AC1E;
  color: #321E10;
  }
ul#nav a:hover{
  color: #94AC1E;
  }
  
/*slider pargraph title styles*/

.title1{
  font-size:2.75em;
  letter-spacing: -2px;
  line-height:40px;

}

.portfolio {
  color:#fff;
}



/* right sidebar
----------------------------------------------------------------------------------------------------*/
.right-column{
padding:0 20px;
border-left:1px dotted #333;

}

.right-column h2{
  color: #f3dc58;  
}




/* footer
----------------------------------------------------------------------------------------------------*/

div#footer{
  clear:both;
  text-align:center;
  margin-top: 0px;
  margin-bottom: 15px;
  width: 940px;
}
div#footer p{
  color:#94AC1E;
  font-size: 11px;
  margin-top: 10px;
}
.fclick a {
  color:#fff;
}
.fclick a:hover {
  color:#94AC1E;
}



/* contact us
----------------------------------------------------------------------------------------------------*/
.contact-us {
  text-align:left;
  
  padding:10px 0;
  width:auto;

}
  .contact-us input {
  background-image:url(../images/input-bg1.jpg);
  background-repeat:no-repeat;
  height:17px;
  background-color:#111;
  border:1px solid #333;
  width:480px;
  padding:10px 5px;
  color:#ccc;
}
.contact-us textarea {
background-color:#111;
  border:1px solid #333;
  width:480px;
  padding:10px 5px;
  overflow:auto;
  color:#ccc;
}
.contact-us .submit {
  border:none;
  width:95px;
  height:31px;
  position:relative;
  left:110px;
  margin:0;
  padding:0;
  background-color:#111;
}
.red {
  color:red;
  font-weight:700;
}
.contact-us .form-col1 {
  color:#666;
  width:100px;
  height:30px;
  float:left;
  display:block;
  text-align:left;
  padding-right:10px;
  font-weight:700;
}
.message {background-color:#666;
  border:1px solid #333; color:#222;display:none;width:460px;padding:10px;}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}

#largeImg {
  border: solid 1px #23150C;
  background-color:#23150C;
  width: 598px;
  height: 400px;
  padding: 3px;
  margin-bottom: 10px;
}
.thumbs img {
  border: solid 1px #23150C;
  background-color:#23150C;
  width: 110px;
  height: 100px;
  padding: 3px;

}
.thumbs img:hover {
  border-color: #fff;
  background-color:#fff;
}
.detail {
  margin-left: 15px;
}

.detail .project h1 {
  font-size: 40px;
  color: #C2DE3C;
  margin-top: 0px;
  margin-bottom: 10px;
}
.detail .project p {
  font-size: 13px;
  color:#fff;
  letter-spacing: 0;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 19px;
}
.buttons {
  margin: 20px 0px 0px 38px;
}
.buttons .span{
  margin-top: 8px;
}

/********** FORMS **************/


#contact_form { padding: 0; margin: 15px 0; }
#contact_form fieldset { border: 0; padding: 10px 5px 15px; margin: 0; }
#contact_form fieldset legend { display: none; }
#contact_form p { height: 1%; color: #C2DE3C; }
#contact_form p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#contact_form p label {  
  font-size: 1em; 
  color: #C2DE3C; 
  float: left; 
  display: block; 
  width: 90%; 
  margin-right: 20px; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  }

#contact_form p input,
#contact_form p select,
#contact_form p textarea { 
  font-size: 1em; 
  color: #666; 
  border: 3px solid #23150C; 
  padding: 9px; 
  background-color: #eee; 
  width: 90%; 
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  }
#contact_form input.btn,
#contact_form a.btn { 
  width: 20%; /*auto*/
  overflow: visible;
  border: 3px solid #23150C; 
  background: #C2DE3C ; 
  padding: 8px 10px;
  cursor: hand; 
  color: #23150C;
  text-decoration: none;  
  font-weight: bold;
  }
#contact_form a.btn { line-height: 3em; }    
#contact_form a.btn:hover { 
  background: #c00; 
  border: #c00; }

#errorExplanation li {
 color: #fff;
}

/********** BLOG *************/

.blog_article {
  border-bottom: 1px solid #94AC1E;
  margin-bottom: 15px;
  color:#fff;
}
.article-icon {
  float:left;
  padding: 0 15px 5px 0;
}

/********** CATEGORY, LIST, AND ITEM PAGES *************/

.kb a {
  text-decoration:none;
  color:#fff;
}
.kb a:hover {
  text-decoration:underline;
}

.crumbs {
  padding-bottom: 12px;
  color:#fff;
}
.crumbs p {
  float: left;
  color:#fff;
}
.cat {
  padding: 0px 0px 12px 20px;
  margin: 25px 80px 10px 80px;
  background: #26170D;
  border:2px solid #23150C;
}
.cat ul{
  margin-top: -7px;
  }
.cat li{
  margin-bottom: 4px;
  }
.cat a{
  color: #fff;
}
.cat a:hover{
  color: #C2DE3C;
}
.share {
  margin: 0 0 8px 8px;
  float:right;
}

/********* CATEGORY PAGE **********/

.category_description {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #94AC1E;
}
.category_articles {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #94AC1E;
}
.category_resources {
  margin: 0;
  padding: 0;
}



/* home page slider
----------------------------------------------------------------------------------------------------*/

#slider-bg{
  color:#ccc;
  margin-top:0px;

}
.slider-frame{
  height: 408px;
  width: 588px;
  z-index:13;
  position:relative;
  border:2px solid #23150C;
  background-color:#23150C;
  padding:2px;
}

.sliderImages {
  margin:0px 0px 0px 4px;
  position:absolute;
  top:4px;

}
.sliderImages li{
  margin:0px;
  list-style:none;
  z-index:1;
  position:relative;
}
.sliderImages li img{

  z-index:1;
  position:relative;
}
.sliderTextHolder strong{
  color:#72aed2;

}
.sliderTextHolder p{
  color:#ccc;
  font-size:1.55em;
  font-style: italic;
}


.sliderTextHolder li{
  list-style:none;
  margin:0px;
}
#slider-frame{
  position:relative;
}
.arrows{
}
.prev {
  position: absolute;
  top:200px;
  left:-12px;
  z-index:99;
}
.next {
  position: absolute;
  top:200px;
  right:12px;
  z-index:99;
}
