html
{
    background-color: #ffffff;
    color: #545454;
}
html, body, form
{
    height: 100%;
}
#container
{
    min-height: 100%;
}
#main
{
    overflow: auto;
    padding-bottom: 200px;
}
#footer
{
    position: relative;
    margin-top: -100px;
    height: 100px;
    clear: both;
    background: #af4611;
    background: #9c2e0a;
    color:#E3CDCC;
    letter-spacing:2px;
}
#footer div p
{
    padding-top:20px;
}

/* Header
---------------------------------------------------------------------*/
#MainNav
{
    background-color:#740402;
    background-image:url(/img/NavMain-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height:36px;
}

#Banner
{
    background-image:url(/img/BannerGradient-bg.jpg);
    background-repeat:repeat-x;
    background-position:top;
    border-bottom:6px solid #740402;
}
#HomeInnerBanner, #InnerBanner
{
    background-image:url(/img/Banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#HomeInnerBanner
{
    height:364px;
}
#InnerBanner
{
    height:80px;
}

#home-logo
{
    text-align: right;
    padding-top: 100px;
}
#banner-logo
{
    padding-top:10px;
}
.main-logo
{
    margin:0 0 0 40px;
}

#tag h1
{
    padding-top: 40px;
    font-family: Georgia, Serif;
    font-size: 160%;
    font-style: italic;
    color: #ffffff;
    text-align: right;
}

#getStarted a
{
    color: #b7571f;
    text-align: center;
}
#getStarted a:hover, #getStarted a:active
{
    background-color: transparent;
}
.gsBtn, .gsBtn:visited
{
    height: 42px;
    position: relative !important;
}
#getStarted, #getStartedBtn, #getStartedBtn:visited
{
    /*width:154px;*/
    height: 42px;
}
.gsBtn span, .gsBtn:visited span
{
    display: block;
    height: 42px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}
#getStartedBtn span, #getStartedBtn:visited span
{
    background-image: url(/img/getStarted.png);
    background-position: 0 0;
    width: 154px;
}
#getStartedBtn:hover span
{
    background-position: 0 -42px;
}


/* Primary Navigation
---------------------------------------------------------------------*/
#hd-nav
{
    height: 36px;
    color: #e3cdcc;
}
#hd-nav ul
{
    margin: 0;
}
#hd-nav ul li
{
    list-style: none;
    float: left;
}
#hd-nav ul li a
{
    height: 36px;
    padding: 0 14px;
    line-height: 36px;
    color: #e3cdcc;
}
#hd-nav ul li a:link, #hd-nav ul li a:visited
{
    text-decoration: none;
}
#hd-nav ul li a:hover, #hd-nav ul li a:active
{
    color: #ffffff;
    background-color: transparent;
}

#hd-nav ul li#navContact a
{
    padding: 0px;
}
.navBtn, .navBtn:visited
{
    height: 36px;
    position: relative !important;
}
#navContact, #navContactBtn, #navContactBtn:visited
{
    width: 237px;
}
.navBtn span, .navBtn:visited span
{
    display: block;
    height: 36px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
}
#navContactBtn span, #navContactBtn:visited span
{
    background-image: url(/img/hd-contact.jpg);
    background-position: 0 0;
    width: 237px;
}
#navContactBtn:hover span
{
    background-position: 0 -36px;
}
#navContact a
{
    display: block;
}





/* Secondary Navigation
---------------------------------------------------------------------*/



/* Body
---------------------------------------------------------------------*/

#bd
{
    /*background-image:url(/img/hd-dropShadow.jpg);     background-repeat:repeat-x;*/
    /*padding-top: 10px;*/
}
.bd-home-bg
{
    /*background-image:url(/img/bd-home-bg.png);     background-repeat:repeat-y;     padding-bottom:40px;*/
}
.homeH1
{
    font-family: Georgia,serif;
    font-style: italic;
    text-align: center;
    margin-bottom: 30px; /*padding-right:20px;*/
    font-size: 153.9%;
    font-size: 190%;
    font-weight: normal;
}

#process
{
    background-color: #ebebeb;
    border: 1px solid #d6d6d6;
    padding: 10px;
    background-image: url(/img/processBG.jpg);
    background-repeat: repeat-x;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 10px 0 40px 0;
}

#topProcess
{
    margin:10px 0 30px 0;
}

#devProcess
{
    font-style:italic;
    font-size:125%;
    font-family:Georgia,serif;
}

#processItemsWrap
{
    background-image: url(/img/process-items-bg.png);
    background-repeat: repeat-y;
    overflow: hidden;
}
.processItem
{
    /*width: 145px;*/
    width:230px;
    float: left;
    position: relative;
}
.rtMargin
{
    margin-right: 6px;
}
.pItem
{
    border: 1px solid #d6d6d6;
    padding: 8px;
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 350px;
    height:300px;
    
    background-position:center top;
}
#ProcessDiscover
{
    background-image: url(/img/process-discover.jpg);
    background-repeat: no-repeat;
}
#ProcessDesign
{
    background-image: url(/img/process-design.jpg);
    background-repeat: no-repeat;
}
#ProcessDevelop
{
    background-image: url(/img/process-develop.jpg);
    background-repeat: no-repeat;
}
#ProcessDeploy
{
    background-image: url(/img/process-deploy.jpg);
    background-repeat: no-repeat;
}
#ProcessDiscover p, #ProcessDesign p, #ProcessDevelop p, #ProcessDeploy p
{
    margin-top: 155px;
    font-size: 90%;
}

.hd-shadow-col240
{
    background-image: url(/img/hd-shadow-col240.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.servicesNav ul
{
    margin: 0;
    padding: 0;
}
.servicesNav ul li
{
    list-style: none;
    line-height: 2;
}
.servicesNav ul li a
{
    padding: 2px 4px;
}
.servicesNav ul li a:link, .servicesNav ul li a:visited
{
    text-decoration: none;
}

.sidebarItem
{
    margin: 30px 0;
    border-top: 1px solid #5f5f5f;
}

.grayBox
{
    background-color: #f5f5f5;
    border: 1px solid #eeeeee;
}




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

#contactFormContainer
{
    position: absolute;
    z-index: 12;
    /*-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;*/
    left: 380px;
    width: 540px;
}

#contactThankYou
{
    padding: 0 20px 0 20px;
}
#contactThankYou h1
{
     color:#fff;
     font-family:Georgia, Serif;
     font-style:italic;
}

#contactForm
{
    background-color: #8ba442;
    width: 580px;
    display: none;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 0;
    padding-bottom:20px;
    padding-right:0px;
    padding-left:0px;
    color:#fff;
}

#contactTitle
{
    color:#ffffff;
    font-family:Georgia, Serif;
    font-size:135%;
    text-align:center;
    height:28px;
    background-color:#67861c;
    padding:4px;
    margin-bottom:10px;
}

#modal-background
{
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #2a1800;
    z-index: 11;
}

#contactFormContainer .contactbtn
{
    height: 52px;
    width: 135px;
    background: url(/img/contact.png);
    background-position: 0 0;
    cursor: pointer;
    position: absolute;
    left: 425px;
    bottom: -52px;
}

#contactFormContainer .contactbtn:hover
{
    background-position: 0 -52px;
}

#contactFormContainer .closecontactbtn
{
    height: 52px;
    width: 135px;
    background: url(/img/contact.png);
    background-position: 0 -104px;
    cursor: pointer;
    position: absolute;
    left: 425px;
    bottom: -52px;
}

#contactFormContainer .closecontactbtn:hover
{
    background-position: 0 -156px;
}

#contactForm input[type=text]
{
    width: 240px;
    margin: 0 0 0 0;
}
#contactForm textarea
{
    width: 242px;
    height: 194px;
    margin: 0;
}
#contactForm input[type=text], #contactForm textarea
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3e2d5;
    border: 2px solid #8ba442;
}

#contactForm input[type=text]:focus, #contactForm textarea:focus
{
    background-color: #ffffff;
}

#contactForm input[type=submit]
{
    background-color: #b55922;
    background-color: #67861c;
    /*background-color: #c67032;*/
    color: #ffffff;
    border: 1px solid #c98872;
    border: 1px solid #67861c;
    padding: 4px 14px;
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
    font-size: 116%;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#contactForm input[type=submit]:hover
{
    background-color: #e29848;
    background-color: #8ea63c;
    background-color: #79982e;
    /*background-color: #b44b0b;*/
    border: 1px solid #b0521e;
    border: 1px solid #67861c;
    border: 1px solid #bcd672;
    cursor: pointer;
}

#contactForm input.error, #contactForm textarea.error
{
    border: 2px solid #b44b0b;
    background-color: #ffffff;
}

#contactForm label.error
{
    font-style: italic;
    font-family: Georgia, Sans-Serif;
    font-size: 90%;
    color: #ffffff;
    background-color: #b44b0b;
    padding: 8px 6px 2px 6px;
    display: block;
    margin-top:-6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width:240px;
}

#contactFormError
{
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 150px; /*-moz-border-radius: 6px;     -webkit-border-radius: 6px;     border-radius: 6px;     border:2px solid #9f2b04;     color:#ab4c1c;     background-color:#ffffff;     padding:4px 8px;*/
    font-size: 90%;
    font-style: italic;
    font-family: Georgia, Sans-Serif;
    background-image: url(/img/warning.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
    height: 25px;
}
#contactFormError span
{
}

.cfTD
{
    /*padding: 0 40px 0 0;*/
}

.cfLabel
{
    padding-top: 10px;
}

/* END CONTACT
---------------------------------------------------------------------*/


/* Footer
---------------------------------------------------------------------*/
#ft
{
    /* background-color:#9f2b04;     background-image:url(/img/ft-bg.jpg);     background-repeat:repeat-x;     padding:0 0 50px 0;     color:#ffffff;*/
    padding: 0 0 50px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
#contactFormOLDS
{
    background-color: #c46e2f;
    border: 1px solid #c98872;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 10px;
}
#ft input[type=text]
{
    width: 260px;
    margin: 0 0 0 0;
}
#ft textarea
{
    width: 360px;
    height: 125px;
    margin: 0;
}
#ft input[type=text], #ft textarea
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3e2d5;
    border: 2px solid #ab4c1c;
    border: 2px solid #c98872;
    border: 2px solid #c46e2f;
}

#ft input[type=text]:focus, #ft textarea:focus
{
    background-color: #ffffff;
}

#ft input[type=submit]
{
    background-color: #b55922;
    background-color: #67861c;
    background-color: #b44b0b;
    color: #ffffff;
    border: 1px solid #c98872;
    border: 1px solid #a3b94d;
    padding: 4px 14px;
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
    font-size: 116%;
    margin-top: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#ft input[type=submit]:hover
{
    background-color: #e29848;
    background-color: #8ea63c;
    background-color: #67861c;
    border: 1px solid #b0521e;
    border: 1px solid #67861c;
    border: 1px solid #a3b94d;
    cursor: pointer;
}

#ft input.error, #ft textarea.error
{
    border: 2px solid #b44b0b;
    background-color: #ffffff;
}

#ft label.error
{
    font-style: italic;
    font-family: Georgia, Sans-Serif;
    font-size: 90%;
    background-color: #b44b0b;
    padding: 8px 4px 2px 4px;
    display: block;
    margin: -6px 0 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#ftError
{
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 150px; /*-moz-border-radius: 6px;     -webkit-border-radius: 6px;     border-radius: 6px;     border:2px solid #9f2b04;     color:#ab4c1c;     background-color:#ffffff;     padding:4px 8px;*/
    font-size: 90%;
    font-style: italic;
    font-family: Georgia, Sans-Serif;
    background-image: url(/img/warning.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px;
    height: 25px;
}
#ftError span
{
}

.contactTD
{
    padding-top: 8px;
}

/* Misc
---------------------------------------------------------------------*/
.ShadeBox
{
    -moz-border-radius:6px 6px 6px 6px;
    background-color:#F6F2ED;
    margin:20px 0;
    padding:5px 20px;
}

.featuredWebsite
{
    margin: 10px 0 20px 0;
    text-align: right;
}
.featuredWebsite p
{
    margin: 0;
    font-size: 77%;
}

#news
{
    padding:5px 20px;
    margin-bottom:20px;
    background-color:#f7f5ee;
    background-color:#f1efe8;
    background-color:#f6f2ed;
    /*border:1px solid #EBE9E2;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.newsItem
{
    border-top:1px dotted #000;
    padding:10px 0;
}
.niFirst
{
    border:none;
    padding-top:0;
}
.newsItem h1
{
    /*color:#b3490d;
    color:#758e3b;*/
    color:#555;
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    font-size:116%;
    font-style:normal;
}
/*
#news h2
{
    color:#758e3b;
    color:#b3490d;
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    font-size:100%;
}
*/

#news .newsItem h2
{
    font-size:12px;
    font-weight:normal;
    color:#4D4D4D;
    margin:0 0 1em 0;
    letter-spacing:normal;
    font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
    display:inline;
}
.newsItem p
{
    margin-top:0;
}

.newsItem img
{
    margin:5px 10px 5px 0;
}

#web-services-list
{
    list-style:none;
    margin-top:70px;
}
#web-services-list li
{
    margin:1em 0;
    color:#9C2E0A;
    font-weight:bold;
    letter-spacing:normal;
    font-family:Arial,Sans-Serif;
    text-transform:uppercase;
    list-style:none;
}