/** Custom Yahoo UI Reset CSS **/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,body {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;margin:0 auto;}
fieldset,img {border:0;}
ul {list-style-type:none;}
caption {text-align:left;}
a {color:#bcef59;text-decoration:none;}
a:hover{color:#fff}
.clear {clear:both;}
ul li ul {padding-left:50px;}
body {
color:#000;
background-color:#000;
font: 12px/25px "Lucida Grande",Tahoma,sans-serif;
text-align:justify;
}
pre {white-space: normal !important}
#body-wrapper {width:960px;margin:0 auto;}
#header-wrapper {background:#000 url('/img/cssimg/header.jpg') no-repeat top left;}
#header {
width:100%;
background:#FFF url('/img/cssimg/nav_bg.jpg') repeat-x top left;
height:48px;
}
#logo-tab {
float:left;
background:url('/img/cssimg/nav_tab.jpg') no-repeat 100% 98%;
height:69px;
width:40%;
}
#nav-wrapper {
float:right;
height:48px;
width:58%;
font:11px Calibri, Arial, sans-serif;
}
#nav_646150 {
float:right;
font-size:15px;
}
#nav_646150 li {
float:left;
padding:10px 10px 0;
width:80px;
height:38px;
}
#nav_646150 a sub {
font-size:10px;
text-transform:lowercase;
color:#2F2F2F;
margin:0;
padding:4px 0 0;
vertical-align:baseline;
}
#nav_646150 a {width:100px;_width:80px;height:48px;display:block;}
#nav_646150 a:link, #nav_646150 a:visited {text-decoration:none;color:#000;}
/*#nav_646150 a:hover, #nav_646150 a:active {color:#A2CF40;}*/
#nav_646150 li:hover {
background:url('/img/cssimg/nav-bg.png') repeat-x left -9px;
padding:10px 10px 0;
width:80px;
height:60px;
position:relative;
z-index:5;
}

#banner {
width: 100%;
height:233px;
letter-spacing:2px;
font:14px/20px Calibri, Arial, sans-serif !important;
}
.tag-line {
margin:-35px 0 0 200px;
position:relative;
width:60%;
z-index:1;
}
.tag-line h1 strong {color:#70AF0A;text-shadow:none;font-variant:small-caps;}
.tag-line h2 {margin-top:4px;margin-top /*\**/: 8px\9; color:#3394CF;width:90%;font-size:16px;}
.tag-line h2 strong {text-shadow:-1px 1px 4px #fff;}
.tag-line em {text-shadow:-1px 1px 6px #fff}


.banner-box {
height:100px;
opacity:.3;
background-color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
position:relative;
top:50px;
left:180px;
left /*\**/: -200px\9; /*IE8*/
*left:180px !important; /*IE6 and 7 */
_left:180px !important; /*IE6*/
filter:alpha(opacity=50);
width:60%;
}

#sub-header {
color:#5a5a5a;
height:125px;
background: #000 url('/img/cssimg/sub_bg.jpg') repeat-x top left;
border-bottom:5px solid #5a8902;
font-size:10px;
text-align:left;
line-height:18px;
}
#subleft, #subright {
width:45%;
height:100%;
display:inline;
background:url('/img/cssimg/readmore.jpg') no-repeat bottom right;
}
#subleft {float:left;margin-left:40px;}
#subright {float:right;margin-right:40px;}
#subleft div, #subright div {padding:1em;}
#sub-header h2 {color:#86a54b;font-size:15pt;}
#sub-header p {margin:0;}
#sub-header a {color: #E9FFBF;text-decoration:none;}
#sub-header a:hover {text-decoration:underline;color:#BCEF59;}
.read-more {
top:12px;
color:#fff;
left:325px;
position:relative;
width:90px;
font-size:13px;
}
#content {
min-height:400px;
border-top:1px solid #3e511b;
background:#232323;
background:-moz-linear-gradient(top, #242424, #111111);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#111111));
border-bottom:7px solid #191919;
width:100%;
color:#e8e8e8;
}
.growing-title, .work-title {
background:transparent url('/img/cssimg/dollar.png') no-repeat top left;
padding:20px 0 0 70px;
height:44px;
margin-bottom:10px;
font-size:21pt; /* set to 18 by default, use js to set to 21 */
color: #9fcf40;
}
.work-title {background-image:url('/img/cssimg/tools.png');color:#fff;}
.home-thumbs {text-align:center;}
.home-thumbs div {height:117px;}
.home-thumbs div, .home-thumbs img {padding:1em;}
.home-thumbs p {margin:72px -1.2em -1.2em;font-size:10px;height:25px;line-height:none;display:none;background-color:#000;padding:0 2px;width:107px;}
ul.checklist  {
font-size:14px;
line-height:30px;
list-style-image:url("/img/cssimg/check.png");
list-style-position:outside;
margin-left:65px;
}
#c-left {
float:left;
width:48%;
padding:2.5em 1em 1em;
}
#c-right {
float:right;
width:46%;
padding:2.5em 10px 1em;
min-height:400px;
}

#footer {
color:#e8e8e8;
font-size:90%;
height:49px;
background-color:#000;
width:100%;
}
#footer p {
padding-top:15px;
text-align:center;
}











#subpage-wrapper {
width:100%;
margin:0 auto;
background:#F5F5F5 url('/img/cssimg/portfolio-gradient.png') repeat-x top left;
padding:50px 0 10px 0;
}
#subpage-wrapper a {color:#9EBF17;}
#subpage-wrapper a:hover {color:#232323;}

#logo-tab-sub {
float:left;
background:url('/img/cssimg/nav_tabp.jpg') no-repeat 100% -1px;
height:69px;
width:40%;
position:relative;
z-index:6;
}
#header-sub {
width:100%;
_overflow:hidden;
background:#FFF url('/img/cssimg/nav_bgp.png') repeat-x top left;
height:48px;
}
.subpage-navigation {
float:left;
width:18%;
margin-left:30px;
font-size:15px;
}
.side-nav a {
color:#000;
}
ul.side-nav {
list-style-image:url("/img/cssimg/leaf.png");
list-style-position:inside;
border-bottom:1px solid #ccc;
}
ul.side-nav li {
border-top:1px solid #ccc;
}
ul.side-nav li ul {
list-style-image:url("/img/cssimg/bean-green.png");
list-style-position:outside;
}
.side-nav li ul li {
font-size:13px;
border:none;
}

.subpage-content {
float:right;
width:71%;
padding:0 1em 1em;
margin-right:1em;
}
.rotator {width:200px;height:200px;overflow:hidden;}

/* Blog */
.blog-post {padding:1em;}
.blog-post h2.post-title {border:none}

/* Contact Us */
.contact-details, .contact-form {text-align:center;padding:2em;}
.contact-details {width:30%;}
.contact-form {width:48%;}
.contact-details img, .contact-form img {vertical-align:middle;padding:0 0.5em;}
.contact-details {float:left;margin-left:4em;}
.contact-details th, .webform th {vertical-align:top;text-align:left;}
.contact-details table {width:100%;}
.contact-form {float:right;margin-right:4em;}
#content .contact-form, #content .contact-details {text-align:left;background:#111;}
.webform input {text-shadow:-1px 1px 1px #BCEF59;padding:3px;}

/* Portfolio */

#quote-wrapper {
width:73%;
height:100px;
overflow:hidden;
padding-top:30px;
margin:0 auto;
}
.quote {
background: #e8e8e8;
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#C9C9C9));
background: -moz-linear-gradient(top,  #F6F6F6,  #C9C9C9);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#C9C9C9');
width:76%;
font-style:italic;
color:#434343;
float:left;
text-align:left;
padding:0 10px 0 11px;
height:74px;
}
.quote p {*padding-top:10px}
.get-quote {
background: #e8e8e8;
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#C9C9C9));
background: -moz-linear-gradient(top,  #F6F6F6,  #C9C9C9);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#C9C9C9');
float:right;
font-size:18pt;
height:44px;
padding:30px 0 0;
width:21%;
}
.get-quote a {color:#444;}
.portfolio-content {padding:1em;}
.categories {float:right;font-size:14px;}
.categories li {float:left;margin:0 5px;background-color:#333;}
.categories li:hover {background-color:#111}
.categories li a {display:block;padding:10px 12px;}
h1.portfolio {font-size:23pt; background:transparent url(/img/cssimg/packages.png) no-repeat top left;padding:15px 0 0 80px;height:64px;}
.portfolio-content img {margin:0 auto;display:block;}
.portfolio-content h3 {margin-top:-20px;}
.portfolio-content a {color:#A9DF53;}
.portfolio-content a:hover {color:#fff;}
.bubble {font-size:14px;color:#DEEFC2;background: transparent url('/img/cssimg/portfolio-bubble.png') no-repeat top left;width:113px;height:34px;text-align:center;padding-top:10px;top:-20px;left:57%;position:relative;}
.portfolio-lefts {width:66%;float:left;}
.portfolio-rights {width:33%;float:right;}
.portfolio-lefts .portfolio-1 {width:49%;float:left;}
.portfolio-lefts .portfolio-2 {width:49%;float:right;}
.portfolio-rights .portfolio-2 {width:99%;}


.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}
.title {
height:178px;
padding:0 2em;
text-transform:uppercase;
font-weight:bold;
width:10px;
border:1px solid red;
word-wrap: break-word;
line-height:17px;
background:#202020;
border:1px solid #FBD850;
color:#96CF0C;
}
.content {
height:180px;
padding:0 1em;
background:#1e1e1e;
color:#fff;
}
.blog-container .post-list {width:auto !important}
