#recaptcha_widget_div
{
    clear:left;
    overflow: hidden;
}
body.home{
    background: #000 url(/images/BG_main.png) left top repeat-x;
}
body{
    background: #000 url(/images/BG_mainShort.png) left top repeat-x;
    font-family: Arial, serif;
    color: #fff;
    font-size: 14px;
}
body .sans{
    font-family: 'Trebuchet MS', arial, sans-serif;
}
h1{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin: 10px 0px 10px 0;
    font-family: 'Rokkitt', sans-serif;
    padding:0px 0px 0px 36px;
    background-position: left center;
    background-repeat: no-repeat;
}
h1.services { background-image:url(/images/icon-gear.png); }
h1.portfolio { background-image:url(/images/icon-gear.png); }
h1.blog { background-image:url(/images/icon-about.png); }
h1.about { background-image:url(/images/icon-about.png); }
h1.contact { background-image:url(/images/icon-contact.png); }
h2{
    float: left;
    display: block;
    overflow: hidden;
    margin: 10px 0 0;
    
    font-family: 'Rokkitt', arial, sans-serif;
    font-weight: normal;
    text-shadow: 0 -1px 0px #000000;
}
h2 span
{
    width: 240px;
    display: block;
    text-align: justify;
    font-weight: normal;
}
h2 span.company
{
    color: #fff;
    font-size: 58px;
    letter-spacing: 0px;
    padding: 10px 0px 0px;
}
h2 span.company2
{
    color: #fff;
    font-size: 30px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
h2 span.telephone
{
    color: #3DA1F1;
    font-size: 46px;
    font-family: 'Cardo';
}
h3{
    font-size: 30px;
    color: #ccc;
    margin-top: 15px;
    font-family: 'Trebuchet MS', arial, sans-serif;
}
h4{
    color: #bbb;
    font-size: 13px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin: 10px 0px 0px;
    padding: 0px;
}
h5{
    font-size: 16px;
    color: #000;/*#001e55;*/
    font-family: 'Trebuchet MS', arial, sans-serif;
}
.clr{
    clear: both;
    width: 100%;
}
#wrapper{
    width: 940px;
    min-height: 700px;
    margin: 0px auto 0px;
    padding: 0px 15px;
    overflow: hidden;
}
#header{
    overflow: hidden;
}
div.social
{
    background:#000;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    display:block;
    float:right;
    padding: 6px 6px 4px;
}
div.social a,
div.social a:link,
div.social a:visited
{
    float:left;
    display: block;
    margin: 0px 4px;
}
div.social a img
{
    border: none;
}
#mainNav{
    font-size: 24px;
    color: #fff;
    float: right;
    margin-top: 42px;
}
#mainNav a{
    color: #fff;
    text-decoration: none;
    font-family: Rokkitt,sans-serif;
    font-size: 20px;
    /*font-weight: bold;*/
    letter-spacing: 1px;
    text-shadow: 0px -1px 0px #000;
}
#mainNav a:hover{
    color: #C2E94E; /*#ccc;*/
}
#mainNav a.active{
    color: #fff;/*#3Da1f1;*/
    border-bottom: 5px solid #333;
}
#mainNav li{
    float: left;
    margin:0 0px 0 40px;
}
.home #mainContent{
    margin: 0px 0 0;
}
#mainContent{
    margin: 40px 0 0;
}
.contentBox{
    height: 350px;
    background: url(/images/BG_box.png) left top repeat-x;
    border: 1px solid #309fe6;
    
}

div#mainContent div.slideBox{
    width: 615px;
    height: 350px;
    position: relative;
    float: left;
    overflow:hidden;
    /*background: url("/images/BG_box.png") repeat-x scroll left top transparent;*/
}
div#mainContent p
{
    font-size:13px;
    line-height: 1.5em;
}
div#mainContent p a,
div#mainContent p a:link,
div#mainContent p a:visited
{
    color: #ff9000;
    text-decoration: none;
}
div#mainContent p a:hover
{
    text-decoration: underline;
}
div.slideBox div.slide {
    display:block;
    width:914px;
    height:355px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
div.slideBox div.slide h3 {
    font-family:Rokkitt,sans-serif;
    margin:0px;
    color:#c2e94e;/*#ffc331;*/
    font-size: 52px;
    padding: 56px 0px 0px 350px;
}
div.slideBox div.slide h3 a,
div.slideBox div.slide h3 a:link,
div.slideBox div.slide h3 a:visited,
div.slideBox div.slide h3 a:hover
{
    color: #c2e94e;
    text-decoration: none;
}
div.slideBox div.slide p {
    font-family:Verdana,sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin:0px;
    color:#f2f0c8;
    padding: 0px 75px 0px 350px;
}
div.slideBox div.slide h5
{
    clear: left;
    float: left;
    display: block;
    color: #fff;
    padding: 25px 0px 0px 350px;
}
div.slideBox div.slide a.learn-more
{
    float: right;
}
div.slide a.btn,
div.slide a.btn:link,
div.slide a.btn:visited,
div.slide a.btn:hover
{
    float: right;
    display: block;
    margin: 16px 100px 0px 10px;
    
    height: 24px;
    padding: 9px 20px 0px;
    background: url(/images/btn-bg-yellow.png) center top no-repeat;
    border: 0px;
    
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.slide div.logos
{
    clear:both;
    padding:16px 0px 0px 350px;
}

.slideNav {
    float: right;
    clear: both;
    margin-right: 10px;
}
.slideNav li, .slideNav a {
    float: left;
    display: block;
    padding: 5px 30px;
    /*width: 15px;*/
    height: 15px;
    /*background: #bbb;#3499d8;*/
    /*border: 1px solid #666;#0f5582;*/
    /*margin: 5px;
    text-indent: -9999px;*/
    font-family: Arial, sans-serif;
    color: #fff;
    text-decoration: none;
}
.slideNav a.activeSlide {
    background: #fff;
    color: #000;
}

#portfolio
{
    width: 600px !important;
}
#portfolio img
{
    float: left;
    display: block;
}
#contact{
    float: right;
    width: 100%;
    /*height: 300px;*/
    text-align: center;
    background: transparent;
    overflow: hidden;
    border: 0px;
}
#contact label, #contact input[type=text], #contact textarea {
    clear: left;
    float: left;
    display: block;
    margin: 0px 8px;
    padding: 3px 0px;
    width: 302px;
    border: 0;
    text-align: left;

    font-family: Arial, sans-serif;
    font-size: 14px;
}
#contact label {
    width: 265px;
    color: #aaa;
    font-weight: bold;
    font-size: 12px;
    margin: 0 8px;
    padding: 2px 0 2px;
    text-align: left;
}
#contact input, #contact textarea {
    color: #000;
    margin: 0px 8px 2px;
}
#contact input.greyedOut, #contact textarea.greyedOut{
    color: #666;
}
#contact #submit{
    clear: none;
    float: right;
    display: block;

    width: auto;
    height: 36px;
    padding: 3px 20px 0px;
    margin: 10px 10px 0px 0px;
    background: url(/images/btn-bg-yellow.png) center top no-repeat;
    border: 0px;

    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    cursor: pointer;
}
#contact #moreInfo{
    float: left;
    font-size: 12px;
    color: #ff9000;
    background: transparent;
    border: none;
    width: 150px;
    clear: none;
    cursor: pointer;
    margin-top: 16px;
}
#companyInfo{
    width: 100%;
    clear: both;
    padding-top: 20px;
    overflow: hidden;
}
#companyInfo h3{
    margin: 10px 0px 10px;
    color: #fff; /*#083755;*/
    font-size: 28px;
    font-family:Rokkitt;
    color:#fff;
    overflow:hidden;
    line-height:35px;
    text-align: left;
}
#who-we-are { background: url(/images/icon-portrait.png) 0px center no-repeat; padding-left:40px; }
#what-we-do { background: url(/images/icon-tool.png) 0px center no-repeat; padding-left:40px; }
#clients { /*background: url(/images/icon-book.png) 0px 0px no-repeat; padding-left:40px;*/ padding-bottom: 6px; border-bottom: 1px dashed #666; }
#latest-articles { background: url(/images/icon-news.png) 0px center no-repeat; padding-left:40px; }
#contact-us { background: url(/images/icon-contact.png) 0px center no-repeat; padding-left:40px; }
#companyInfo h3 span.bullet
{
    float:left;
    display:block;
    width:35px;
    height: 26px;
    padding: 9px 0 0;
    text-align:center;
    line-height:16px;
    text-shadow: 0px -1px 0px #6d871a;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    background:#a2c437;
    margin:0px 10px 0px 0px;
}
#companyInfo p{
    color: #ddd;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}
#companyInfo ul.details
{
    list-style-type: disc;
    margin: 10px 0px 10px 30px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
}
#companyInfo ul.details li
{
    font-style: italic;
}
#contactInfo{
    text-align: center;
}
.third{
    width: 300px;
    float: left;
    display:block;
    line-height: 18px;
    margin-right: 20px;
    overflow: hidden;
}
.third.last{
    margin-right: 0;
}

p.more-about
{
    padding:0px 10px 0px 0px;
}
p.more-about a,
p.more-about a:link,
p.more-about a:visited,
p.more-about a:hover
{
    display: block;
    padding-left:14px;
    color:#ff9000;
    font-size:12px;
    text-decoration:none;
    background-position: left center;
    background-repeat: no-repeat;
}

#who p.more-about a
{
    float:right;
    background-image: url(/images/bullet-info.png);
}
#what p.more-about a
{
    float:left;
    margin: 0px 0px 0px 16px;
    background-image: url(/images/bullet-arrow.png);
}

#footerWrapper{
    width: 100%;
    overflow: hidden;
    background: #929292;
    margin: 30px 0px 0px;
}
#footer{
    width: 930px;
    overflow: hidden;
    padding: 10px 0px 20px;
    margin: 0px auto;
    color: #fff; /*#35a8f1;*/

}
#footer #empEx p{
    color: #fff;
    float: left;
    width: 140px;
    padding: 0 10px;
}
#footer #empEx span{
    font-size: 110%;
    color: #35a8f1;
    font-weight: bold;
    display: block;
}
#footer #empEx img{
    float: right;
    border: 1px solid #888;
    padding: 2px;
    margin-right: 3px;
}
#footer span{
    color: #001e55;
}
#footer span span{
    color: #35a8f1;
}
#footer span span span{
    color: #fff;
}
#footer a{
    color: #001e55;
    text-decoration: none;
}
#testimonial{
    padding-right: 15px;
    width: 310px;
}
#testimonial p{
    padding-left: 15px;
    margin: 5px 0;
    color: #fff;
}
#testimonial em{
    font-style: italic;
}

#copy{
    float: left;
    width: auto;
    color: #000;
    font-size: 13px;
    text-shadow: 0px 1px 0px #c0c0c0;
}
#footerNav{
    float: right;
    display: block;
    overflow: hidden;
}
#footerNav li{
    float: left;
    height: 150px;
    margin: 0 5px;
    border-right: 1px solid #666;
    padding: 0 15px 0 10px;
    color: #000;
    text-shadow: 0px 1px 0px #ccc;
}
#footerNav li.last{
    border:medium none;
    margin-right:0;
    padding-right:0;
}
#footerNav a,
#footerNav a:link,
#footerNav a:visited
{
    text-decoration: none;
    color: #000;
}
#footerNav a:hover{
    text-shadow: 0px -1px #444;
    color: #C2E94E;/*#3DA1F1;#001e55;
    text-decoration: underline;*/
}
#footerNav li ul
{
    margin: 4px 0 0;
    padding: 0px;
    display: block;
}
#footerNav li ul li
{
    clear: left;
    float: left;
    display: block;
    height: auto;
    border: none;
    font-size: 12px;
    color: #fff;
    text-shadow: none;
    padding: 6px 0px 0px 4px;
    margin: 0px;
}
#footerNav li ul li a,
#footerNav li ul li a:link,
#footerNav li ul li a:visited
{
    color:#fff !important;
}
#footerNav li ul li a:hover
{
    text-decoration: underline;
    text-shadow: none;
}

/*-------------------------------Projects Page -------------------------*/

/*-------------------------------Services Page -------------------------*/
.project.services {
    float: left;
    display: block;
    background: none;
    margin: 0px;
    padding: 0px;
    width: 940px;
    overflow: hidden;
}
.project.services li{
    float: left;
    display: block;
    width: 50%;
    overflow: none;
    list-style-type: none;
    padding:0px;
    margin:20px 0px 0px;
}
.project.services h2{
    float:left;
    display: block;
    /*width: 100%;*/
    color: #C2E94E;/*#fff;*/
    font-family: Rokkitt, sans-serif;
    margin: 0px 0px 0px 110px;
    font-size: 25px;
    background: none;
}
.project.services img{
    clear: left;
    float:left;
    display: block;
    background: transparent;
    padding: 0;
    margin: 0px 4px 0px 0px;
    position: relative;
}
.project.services p{
    clear:none;
    float: left;
    display: block;

    width: 330px;

    overflow: hidden;
    font-size:13px;
    font-weight:100;
    line-height:1.5em;
}
/*----------------------------------About Page ------------------------*/
.about{
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}
.about p{
    font-size: 20px;
    line-height: 22px;
    width: 500px;
    margin: 15px 0;
}
.about span{
    color: #000;
    text-transform: lowercase;
    font-size: 16px;
}
.about img{
    float: right;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;

    -moz-box-shadow: 0px 0px 10px #000;
}
.about img.nophoto{
    border: 0;
    -moz-box-shadow: 0px 0px 0px #fff;
}
.about h2{
    font-size: 50px;
    color: #1c62b2;
    background: none;
    text-indent: 0;
    font-family: 'Trebuchet MS', arial, sans-serif;
    width: auto;
    height: auto;
    float: none;
}
.about dl{
    font-family: 'Trebuchet MS', arial, sans-serif;
    font-size: 18px;
}
.about dt{
    color: #1c62b2;
}
.about dd{
    margin: 5px 0;
    color: #666;
}
#teamNav{
    width: 100%;
}
#teamNav img{
    padding: 0;
    float: left;
    margin: 10px 42px 20px 0;

    -moz-box-shadow: 0 0 0 #fff;

}
#teamNav img:hover, #teamNav img.active{
    border: 1px solid #999;
/*     margin: 10px 44px 20px 0;

   -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);*/
    -moz-box-shadow: 0px 0px 10px #000;
}
#teamNav .fifth img{
    margin-right: 0;
}
.about h3{
    color: #1c62b2;
    margin-top: 0;
}
#theTeam{
    display: none;
}

/*--------------------------------Contact Page ------------------*/
#contactLong{
    width: 630px;
    float: left;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}
#contactLong div.half{
    margin-right: 10px;
    float: left;
    display: block;
    width: 290px;
    padding-top: 7px;
    overflow: hidden;
}
#contactLong div.full{
    float: left;
    display: block;
    width: 600px;
    padding-top: 7px;
    overflow: hidden;
}
#contactLong label{
    display: block;
    color: #999;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 0px 2px 0px;
}
#contactLong label.inline{
    display: inline;
}
#contactLong input[type=text], #contactLong textarea{
    display: block;
    font-size: 14px;
    width: 250px;
    border: 1px solid #000;
}
#contactLong textarea {
    width: 550px;
    height: 100px;
}
#contactLong input.check{
    width: auto;
    vertical-align: middle;
}
#contactLong div.right{
    float: right;
    margin-right: 10px;
}
#contactLong #msg_submit, #dirForm .button input{
    margin: 20px 10px;
    background: url(/images/BTN_contact.png) left top no-repeat;
    cursor: pointer;
    width: 190px;
    height: 30px;
    border: 0;
    text-indent: -9999px;
}
#contactLong #submit{
    clear: none;
    float: left;
    display: block;

    width: auto;
    height: 36px;
    padding: 0px 20px 0px;
    margin: 0px;
    background: url(/images/btn-bg-yellow.png) center top no-repeat;
    border: 0px;

    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    cursor: pointer;
}
#dirForm .button input{
    background-position: left bottom;
    margin: 10px 0 0;
}
#dirForm .button input:hover, #dirForm .button input.hover{
    background-position: 0px -61px;
}
#contactLong #msg_submit:hover, #contactLong #msg_submit.hover{
    background-position: 0px -31px;
}
.contentPage div.contentBox{
    width: 378px;
    border-right: 0;
    float: left;
}
.contactInfo{
    margin: 0 10px;
    font-size: 150%;
}
.contactInfo p{
    margin: 10px 0 20px;
    color: #ccc;
    padding-left: 20px;
}
.contactInfo h3{
    color: #fff;
    border-bottom: 2px dotted #026;
}
#dirForm{
    background-position: left bottom;
    padding: 5px 10px 10px;
    overflow: hidden;
    height: 45px;
}
#dirForm div{
    margin-right: 20px;
    float:left;
}
#dirForm div input{
    border: 1px solid #000;
    padding: 4px;
}
#directions{
    color: #333;
    margin-bottom: 15px;
}
#directions table{
    width: 100%;
}
#directions .adp-placemark  {
    background:none repeat scroll 0 0 #15406C;
    color:#FFFFFF;
    padding:5px;
}
#directions .adp-legal {
    color: #fff;
}




.contact-sidebar
{

}
.contact-sidebar a,
.contact-sidebar a:link,
.contact-sidebar a:visited
{
    color: #ff9000;
    text-decoration: none;
}
.contact-sidebar a:hover
{
    text-decoration: underline;
}
.contact-sidebar p
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
}



/* Blog */
ul.newest-article-list
{
    clear: left;
    margin: 10px 0px !important;
    padding: 0px !important;
}
ul.newest-article-list li
{
    clear: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-style: normal;
    font-size: 13px;
    color: #ddd;
}
ul.newest-article-list li h4
{
    font-family: Rokkitt;
    font-size: 20px;
    padding-bottom: 6px;
}
ul.newest-article-list li h4 a,
ul.newest-article-list li h4 a:link,
ul.newest-article-list li h4 a:visited
{
    color: #fff;
    text-decoration: none;
}
ul.newest-article-list li h4 a:hover
{
    color: #C2E94E;
    text-decoration: underline;
}
ul.newest-article-list li img
{
    padding: 3px;
    border: 1px solid #aaa;
    margin: 0px 6px 0px 0px;
}
div.blog h1
{
    font-size: 32px;
    margin: 0px;
    padding: 0px 0px 4px;
    border-bottom: 1px dashed #aaa;
}
div.blog h1 a,
div.blog h1 a:link,
div.blog h1 a:visited
{
    color: #f80;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
}
div.blog h1 a:hover
{
    text-decoration: underline;
}
div.blog h2
{
    float: none;
    font-size: 32px;
    font-family: Rokkitt;
    color: #fff;
    padding: 0px;
    margin: 0px;
}
div.blog h2 a,
div.blog h2 a:link,
div.blog h2 a:visited
{
    color: #fff;
    text-decoration: none;
}
div.blog h2 a:hover
{
    color: #C2E94E;
}
div.blog h3
{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #aaa;
    margin: 6px 0px 10px;
}
div.blog div.article
{
    float: left;
    display: block;
    overflow: hidden;
    width: 600px;
    margin-right: 40px;
    
}
div.blog div.article p
{
    margin: 10px 0px;
}
div.article-list
{
    float: left;
    display: block;
    width: 600px;
    overflow: hidden;
    margin-right: 40px;
}
div.article-list div.article
{
    clear:left;
    display: block;
    overflow: hidden;
}
div.article-body
{
    float: left;
    display: block;
    overflow: hidden;
    width: 600px;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 20px;
}
div.article-body img
{
    float: right;
    display: block;
    padding: 4px;
    border: 1px solid #888;
    margin: 0px 0px 0px 10px;
}
div.article-body p
{
    margin-bottom: 10px;
}
div.article-body a,
div.article-body a:link,
div.article-body a:visited,
div.article-body a:hover
{
    color: #f80;
}
div.article-body a.full-story,
div.article-body a.full-story:link,
div.article-body a.full-story:visited,
div.article-body a.full-story:hover
{
    width: 70px;
    float: right;
    display: block;
    text-decoration: none;
    background: /*#222*/ url(/images/bullet-arrow.png) 70px center no-repeat;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
    /*-moz-border-radius: 6px;*/
}

div.category,
div.tags
{
    clear: left;
    float: left;
    display: block;
    font-size: 12px;
    margin: 0px 0px 8px;
}
div.category a,
div.category a:link,
div.category a:visited,
div.tags a,
div.tags a:link,
div.tags a:visited
{
    color: #f80;
    text-decoration: none;
}
div.category a:hover,
div.tags a:hover
{
    color: #fa0;
    text-decoration: underline;
}

div.blog div.sidebar
{
    float: left;
    display: block;
    width: 300px;
    overflow: hidden;
}
div.blog div.sidebar h4
{
    color: #fff;
    font-family: Rokkitt;
    font-size: 24px;
    font-weight: normal;
    /*border-bottom: 1px dashed #aaa;*/
}

div.blog div.sidebar ul
{
    padding-left: 20px;
}
div.blog div.sidebar ul li
{
    font-size: 13px;
    color: #eee;
    list-style-type: square;
    padding: 4px 0px 0px;
    line-height: 18px;
}
div.blog div.sidebar ul li a,
div.blog div.sidebar ul li a:link,
div.blog div.sidebar ul li a:visited
{
    color: #C2E94E;
    text-decoration: none;
}
div.blog div.sidebar ul li a:hover
{
    text-decoration: underline;
}



/*  Common */
.clear
{
    clear: left;
}
.left
{
    float: left;
    display: block;
    overflow: hidden;
}
.right
{
    float: right;
    display: block;
    overflow: hidden;
}