/* MAIN STYLES
-------------------------------------------*/
* {
    border-style: none;
}

body,html {
    font-weight:normal;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    color:#444;
    margin:0;
    padding:0;
    background:#666;
    line-height:130%;
}

ul {
    list-style:none;
}

a {
    color:#942d10;
}

a:hover {
    text-decoration:none;
}

a:focus {
    outline:none;
}

p {
    margin:0.8em 0;
    line-height: 150%;
    font-family:arial, helvetica, sans-serif;
}

h2 {
    color:#10404f;

    font-size:18px;
    padding-bottom:10px;
}

#colLeft h2, #colLeft h3 {
    text-transform:none;
    padding:5px 0;
    color:#10404f;
}

#colRight h2 {
    font-size:16px;
    border-bottom:1px solid #efefef;
    padding-bottom:5px;
    padding-top:0;
    margin-bottom:5px;
    color:#10404f;
}

h2.home {
    border-bottom:1px solid #10404f;
    margin-bottom:10px;
    padding-bottom:6px;
    color:#10404f;
}

h3 {
    font-size:16px;
    color:#000;
}

h1 {
    font-size:26px;
    font-weight:normal;
    color:#10404f;
    display:block;
    border-bottom:1px solid #efefef;
    padding-bottom:10px;
    margin-bottom:15px;
    padding-top:10px;
    text-align: left;
}



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#wrapper {
    margin:10px auto 0;
    width:960px;
    background: url(../images/bk_wrapper3.png) 0 0 no-repeat;
    padding-bottom:1px;
}


#header {
    height:118px;
    position:relative;
    border-bottom:0px solid #E2E2E2;
    background:#F4F4ED url(../images/bk_header2.jpg) 1 100% repeat-x;
}

#content {
    padding:20px;
    border-bottom:12px solid #10404f;
    min-height:500px;
    padding-top:0;
    background: url(../images/home_bg.jpg) repeat-x;
}

#contentAbout {
    padding:20px;
    border-bottom:12px solid #10404f;
    min-height:500px;
    padding-top:0;
    background:#f4f4ed repeat-x;
}

.columns {
    background:url(../images/bk_rightcol.jpg) 625px 0 repeat-y;
}

#footer {
    clear:both;
    padding:20px 0 10px 0;
    width:960px;
    height:80px;
    margin:1px auto;
    color:#000;
    position:relative;
}

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
    position:absolute;
    top:15px;
    left:20px;

}

#logo h1 {
    padding:0;
    background:none;
    border:none;
}

#logo h1 a, #logo h1 a:hover{
    background:url(../images/logo.gof) 0 0 no-repeat;
    width:339px;
    height:68px;
    text-indent:-9000px;
    display:block;
    text-decoration:none;
    border:none;
}


#topMenu {
    position:absolute;
    left: 15px;
    top:115px;
    border-left:1px solid #ccc;
}

#topMenu li {
    float:left;
    padding:0 10px;
}

#topMenu li a {
    color:#1D2326;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

#topMenu li a:hover, #topMenu li.selected a {
    color:#942D10;
}



/* CONTENT
---------------------------------------------*/
#latestPostsHome {
    display:block;
}

#latestPostsHome li {
    display:block;
    float:left;
    background:#FBFBFB url(../images/bk_latest_box.jpg) 0 100% repeat-x;
    border:1px solid #DDD;
    padding:10px;
    margin-right:12px;
    width:275px;
    height:190px;
    position:relative;
    margin-bottom:20px;
}

#latestPostsHome li h3 {
    padding-bottom:6px;
    font-weight:normal;
}

#latestPostsHome li p img {
    float:left;
    margin-right:10px;
}

#latestPostsHome li span {
    display:block;
    position:absolute;
    bottom:10px;
    left:7px;
    color:#10404f;
    font-size:11px;
}

#latestPostsHome li span img {
    vertical-align:middle;
    margin-right:3px;
}

#latestPostsHome li a.readmore {
    display:block;
    position:absolute;
    bottom:8px;
    right:10px;
    background:url(../images/but_readmore.png) 0 0 no-repeat;
    width:66px;
    height:22px;
    text-indent:-9999px;
}

#homeColumns {
    display:block;
}

#homeColumns li {
    float:left;
    border-right:1px dashed #E0E0DA;
    padding:10px;
    padding-left:0;
    margin-right:11px;
    width:288px;
    position:relative;
}

#homeColumns li.last {
    margin-right:0;
    border:none;
}

#colLeft {
    float:left;
    width:590px;
    padding-top:15px;

}

#colLeftSinglePage {

    width:900px;
    padding-top:15px;
}


#colRight {
    float:left;
    width:290px;
    background:url(../images/bk_rightcol.png) 0 0 repeat-y;
    padding-top:30px;
    margin-top:15px;
    margin-left:15px;
    padding-left:20px;
}

#colLeft ul li {
    display:block;
    background:url(../images/bullet.jpg) 0 5px no-repeat;
    padding:2px 0 3px 15px;
    list-style: none;
    list-style-image: url(none);
    list-style-type: none;
}

#colRight ul#latestPosts, #colRight ul#subCategs {
    padding-bottom:15px;
}

#colRight ul#latestPosts li, #colRight ul#subCategs li {
    border-bottom:1px solid #efefef;
    line-height:170%;
    padding:5px 0 5px 5px;
    background:#f9f9f9;
}

#colRight ul#latestPosts li a, #colRight ul#subCategs li a {
    text-decoration:none;
}

#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a{
    color:#333;
}

#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover {
    background:#fff;
}

#colRight ul#latestPosts li span {
    font-size:11px;
    color:#828282;
}

#colRight ul#latestPosts li span img {
    vertical-align:middle;
}

.rss {
    margin:0 0 10px;
    padding:5px 0 10px;
    border-bottom:1px solid #efefef;
}

.rss img {
    float:left;
    margin-right:15px;
    border:none;
}

.serviceColLeft, .serviceColRight {
    float:left;
    width:275px;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    padding-right:15px;
    margin-top:22px;
    height:250px; /* here you can adjust the service box height to fit the content*/
    padding-bottom:25px;

}

.serviceColRight {
    float:left;
    width:255px;
    padding-left:20px;
    padding-right:15px;
    border-right:none;

}

.serviceColLeft img , .serviceColRight img {
    float:left;
    margin-right:15px;
    margin-bottom:2px;
}

.portfolioItem {
    border-bottom:1px solid #efefef;
    padding-bottom:10px;
    margin-bottom:15px;
    position:relative;
}

.portfolioItem img {
    padding:6px;
    border:1px solid #efefef;
    margin-bottom:10px;
}

.portfolioItem span img {
    padding:0;
    border:none;
    vertical-align:middle;
    margin:0 5px;
}

.portfolioItem span.action {
    position:absolute;
    bottom:10px;
    right:10px;
    font-weight:bold;
}

.blogItem {
    padding-bottom:15px;
    border-bottom:1px solid #efefef;
    margin-bottom:20px;
}

.blogItem p img {
    padding:5px;
    border:1px solid #efefef;
} 

.readmore {
    display:block;
    background:url(../images/but_readmore.png) 0 0 no-repeat;
    width:66px;
    height:22px;
    text-indent:-9999px;
}

span.metadata {
    display:block;
    padding:5px 0;
    font-size:11px;
    color:#828282;
    border-bottom:1px solid #efefef;
}

span.metadata img {
    vertical-align:middle;
}


/* FOOTER
---------------------------------------------*/

.footerMark {
    position:absolute;
    top:10px;
    right:0px;
    color:#fff;
}

/* HOME SLIDER
-----------------------------------------------*/

#slider {
    padding-bottom:20px;
    margin-top:10px;
}

* html #slider {
    padding-bottom:0;
}

#sliderFold {
    width:305px;
    padding:0;
    float:left;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{
    padding:1px 20px 12px 84px;
    border-right:none;
    border-bottom:1px solid #f4f4ed;
    border-top:none;
    height:64px;
    position:relative;
    top:78px;
    cursor:pointer;
}

#sliderFold .sliderItemOnFirst {
    border-top:none;
}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
    border-right:none;
    background:url(../images/bk_serv_active.jpg) 100% 0 repeat-y;
    color:#000;
    margin: 0;

}

#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {
    color:#F4F4ED;
    font-size:16px;
    letter-spacing:0;
    margin-bottom:0;
    padding-bottom:-5px;
    text-transform:none;
}


#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {
    line-height:120%;
}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{
    position:absolute;
    left:5px;
    top:10px;
    border-style: none;
}

.sliderImg {
    background:#f4f4ed url(../images/bk_blue_grad.jpg) 0 100% repeat-x;
    border:none;
    border-left:none;
    border-bottom:none;
    position:relative;
    float:left;
    padding:7px;
    height:376px;    
}

.panel a.butDetails {
    display:block;
    position:absolute;
    width:157px;
    height:40px;
    text-indent:-9999px;
    right:3px;
    bottom:5px;
}

.panel img {
    border:none;
    position: relative;
    z-index: 1
}	

.panel p.projName {
    font-size:16px;
    padding:15px 4px;
    margin:0;
}



/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
    float:left;
    position: relative; /*leave this value alone*/
    overflow: hidden; /*leave this value alone*/
    width: 600px; /*Width of Carousel Viewer itself*/
    height: 376px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left:0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height:384px;
    position:relative;
}


/* FORMS
--------------------------------------------------*/

#topSearch {
    position:absolute;
    top:27px;
    right:20px;
}

#topSearch input#q {
    width:195px;
    background:url(../images/bk_searchbox.jpg) 0 0 no-repeat;
    font-size:12px;
    font-style:italic;
    font-family:georgia,cambria,times,"times new roman";
    padding:4px 5px;
    border:none;
    color:#999;
}

#topSearch input.submit {
    width:25px;
    height:22px;
    background:url(../images/bk_searchbut.jpg) 0 0 no-repeat;
    border:none;
}

#topSearch input {
    float:left;
}

form#contact label {
    display:block;
    padding:8px 0 2px;
    font-weight:bold;
}

form#contact input, form#contact textarea {
    border:1px solid #E5E5E5;
    padding:5px;
    font-size:12px;
    font-family:georgia,cambria,times,"times new roman";
    color:#666;
    width:300px;
}

form#contact textarea {
    width:500px;
}

form#contact input.submit {
    border:none;
    width:147px;
    height:40px;
    text-align:center;
    padding-top:4px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:15px;
    background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}

.errormsg, .successmsg{
    background:#FEF4F1;
    border:1px solid #F7A68A;
    color:#DA4310;
    padding:10px;
}

.successmsg {
    background:#F5FAF1;
    border:1px solid #C2E1AA;
    color:#8FA943;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
    clear: both;
}

.noclear {
    clear: none;
}

.floatingvideo {
    padding: 8px;
}
.BannerHome {
    color: #f4f4ed;
    text-align: center;
    font-weight:bold;
    font-size:13px;
    line-height:145%;
    letter-spacing:0px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
    margin-top:8px;
    MARGIN-BOTTOM:8px;
    margin-left:0px;
    margin-right:0px;
    background-color:#10404f;
    border:2px solid #fff;
}
LearnMore {
    margin-bottom: -10px;
}
#wrapper #contentAbout #colLeft h3 img {
    margin-bottom: -6px;
    border-style: none;
}
#wrapper #contentAbout #colLeft h1 img {
    float: right;
    margin-right: 10px;
    margin-top: -2px;
    color:#10404f;
}
.navibox {
    background-image: url(../images/navibox.png);
    float: right;
    height: 165px;
    width: 200px;
    background-repeat: no-repeat;
    margin-top: -5px;
    padding-top: 35px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-right: -20px;
    font-family:georgia,cambria,times,"times new roman";
    font-size: 12px;
    line-height: 130%;
    font-weight: bold;
    color: #FFF;
}
#wrapper #contentAbout #colLeft .navibox a {
    font-family:georgia,cambria,times,"times new roman";
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    line-height: 170%;
}
#wrapper #contentAbout #colLeft .navibox img {
    position: relative;
    bottom: -13px;
    left: 25px;
}
#wrapper #contentAbout #colLeft p {
}
#wrapper #contentAbout #colLeft pTall {
    line-height: 170%;
    white-space: normal;
}
#wrapper #content #slider #sliderFold #service_1 h2 a:hover {
    color: #000;
    text-transform: none;
    text-decoration: underline;
}
#wrapper #content #slider #sliderFold #service_1 a {
    color: #000;
    text-decoration: none;
}
#wrapper #content #slider #sliderFold #service_2 h2 a:hover {
    color: #000;
    text-transform: none;
    text-decoration: underline;
}
#wrapper #content #slider #sliderFold #service_2 a {
    color: #000;
    text-decoration: none;
}
#wrapper #content #slider #sliderFold #service_3 h2 a:hover {
    color: #000;
    text-transform: none;
    text-decoration: underline;
}
#wrapper #content #slider #sliderFold #service_3 a {
    color: #000;
    text-decoration: none;
}
#wrapper #content #slider #sliderFold #service_4 h2 a:hover {
    color: #000;
    text-transform: none;
    text-decoration: underline;
}
#wrapper #content #slider #sliderFold #service_4 a {
    color: #000;
    text-decoration: none;
}
#wrapper #contentAbout #colLeft subNav {
    font-size: xx-small;
    font-weight: normal;
}
.subNav {
    font-size: 12px;
    margin-bottom: 20px;
}
#wrapper #contentAbout #colLeft .subNav a {
    margin-bottom: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    padding: 5px;
}
#wrapper #contentAbout #colLeft table tr td {
    text-align: left;
}
#wrapper #contentAbout #colRight p strong img {
    text-align: center;
}
#wrapper #contentAbout p strong img {
    text-align: center;
    margin-left: 75px;
    margin-top: 20px;
}
#wrapper #header div.smallnav {
    position: absolute;
    right: 20px;
    clip: rect(auto,auto,auto,auto);
    top: 40px;
    font-size: 9pt;
    z-index: 100;
    overflow: visible;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #1d2326;
}
.smallnav-separator {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 7px;
    color: #ccc;
}
#wrapper #contentAbout #colLeft table tr td prices {
    text-align: left;
}
#wrapper #contentAbout #colRight table tr td strong img {
    text-align: center;
}
#wrapper #contentAbout #colRight table tr td h4 a {
    text-align: center;
}
#wrapper #contentAbout #colLeft img.calltoaction {
}
.calltoaction {
    position: absolute;
    clip: rect(auto,auto,auto,-10px);
}
#wrapper #contentAbout #colLeft .calltoaction {
    position: relative;
    left: -38px;
}
.calltoaction {
    position: absolute;
    clip: rect(auto,10px,auto,auto);
}