@charset "utf-8";

@font-face {
    font-family: 'printc';
    src: url('/assets/font/pc.eot');
    src: url('/assets/font/pc.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/pc.woff') format('woff'),
         url('/assets/font/pc.ttf') format('truetype'),
         url('/assets/font/pc.svg#pc') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clearFix{
    clear:both;
}

body{
    background-image:url(/images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: top center;
    font-size:17px;
    letter-spacing:1px;
    color:#ffffff;
    padding:20px;
    background-color:#B7B8BA;
    background-size: cover;
}

body#indexBody{
    background-image: url('/images/bgHomeRepeat.jpg');
    background-repeat: repeat;
    background-size: 100% auto;
    padding:0px;
}

body#indexBody .nav{
    margin:0px;
    max-width: none;
}

body#indexBody .homeRowOne{
    left: 50%;
    margin-left: -495px;
    position:relative;
    margin-top:24%;
    width:990px;
}

body#indexBody .nav{
    width:220px;
}

body#indexBody .navWrap, body#indexBody .contentWrap{
    float:left;
}

a{
    color: #fff;
    cursor: pointer;
}
table{
    width: 100%;
}

.cityWrap a{
    text-decoration: underline;
}

.content a{
    text-decoration: underline;
}

a:hover, a:focus {
    color: #c0c0c0;
}

.link{
    color: #c7e748;
    cursor: pointer;
}

b{
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#c7e748;
}

pre{
    display:inline-block;
}

thead th{
    background-color:transparent;
}

.errorMessage{
    color:#830000;
    padding-top:10px;
    padding-bottom:0px;
    width:236px;
}

.flash-error{
    color:#830000;
}

.flash{
    margin:20px 20px 0px 20px;
}

.rColWrap li{
    padding-bottom:20px;
}

.container-fluid{
    padding:0px;
}

.nav-wrap{
    width: auto;
}

.row{
    margin-bottom:14px;
}

.buttons{
    margin-bottom:0px;
}

.row1{
    min-height: 460px;
}

.nav{
    background-image: url(/images/shad41.png);
    max-width:194px;
    margin-left: 22.7%;
    margin-right: 15.1%;
    min-width: 184px;
}

.nav a{
    font-family:printc;
    font-size:33px;
    text-transform: uppercase;
}

.nav > li > a:hover{
    text-decoration: none;
    background-color: transparent;
}

.nav-tabs.nav-stacked > li > a {
    color: #c7e748;
    border:0px;
}

.nav-tabs.nav-stacked > li.active > a {
    color: #fff;
}

.nav-tabs.nav-stacked > li > a:hover{
    color:#fff;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #fff;
    cursor: default;
    background-color: transparent;
    background-image: url(/images/shad41.png);
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}

.nestedNav{
    font-family:printc;
    list-style:none;
    margin:0;
    color: #c7e748;
    display:none;
}

#servicesBody .nestedNav{
    display:block;
}

.nestedNav a{
    font-size:15px;
    text-transform:none;
}

.nestedNav li{
    padding:0 6px 0 20px;
    background: url(/images/bullet.gif) no-repeat left top;
}

.lilAnd{
    font-size:12px !important;
}

#servicesBody #servicesNestedNav{
    color:#fff;
    background-image: url(/images/shad41.png);
}

#indexBody #home, #aboutBody #about, #servicesBody #services, #portfolioBody #portfolio, #applicationBody #portfolio, #contactBody #contact, 
#dashboardBody #myForge, #myservicesBody #myForge, #trafficBody #myForge, #billingBody #myForge, #supportBody #myForge, #loginBody #myForge, #registerBody #myForge
/*, #dashboardBody #forgeDashboard, #myservicesBody #forgeServices, #billingBody #forgeBilling, #trafficBody #forgeTraffic, #supportBody #forgeSupport*/
{    
    background-image: url(/images/shad41.png);
    color:#fff;
}

#dashboardBody #forgeDashboard, #myservicesBody #forgeServices, #billingBody #forgeBilling, #trafficBody #forgeTraffic, #supportBody #forgeSupport{
    color:#fff;
}

.nav-tabs > li{
    padding:8px 0px;
    /*max-width:193px;*/
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.colHead{
    width:100%;
    height:34px;
    background-image:url(/images/shad41.png);
}

h1{
    font-size:30px;
}

h2{
    font-size:25px;
}

h1, h2, h3, h4{
    color:#c7e748;
    font-weight:normal;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 5px;
}

p{
    margin-top: 6px;
    margin-bottom: 20px;
}

.grid-view table.items th{
    background: none;
    background-image:url(/images/shad41.png) !important;
    border:1px solid black;
    color:fff;
}

.grid-view table.items th, .grid-view table.items td{
    border:1px solid black;
}

.grid-view table.items tr.even{
    background-color: #222;
}

.grid-view table.items tr.odd{
    background-color: #444;
}

.grid-view table.items th, .grid-view table.items{
    background: none;
}

.grid-view table.items tbody tr:hover{
    background-color:#111;
}

ul.yiiPager a:link, ul.yiiPager a:visited{
    border:1px solid #fff;
    color:#fff;
}

.pager li > a:hover, .pager li > a:focus, ul.yiiPager .selected a{
    background:none;
    background-image:url(/images/shad41.png);
}

.pager li > a, .pager li > span{
    border-radius: 0px;
    background:none;
}

.next a{
    margin-left:6px;
}

.grid-view select, .grid-view textarea, .grid-view input[type="text"], .grid-view input[type="password"], .grid-view input[type="datetime"], .grid-view input[type="datetime-local"], .grid-view input[type="date"], .grid-view input[type="month"], .grid-view input[type="time"], .grid-view input[type="week"], .grid-view input[type="number"], .grid-view input[type="email"], .grid-view input[type="url"], .grid-view input[type="search"], .grid-view input[type="tel"], .grid-view input[type="color"], .uneditable-input{
    padding:0;
}
#admin-user-grid_c6{min-width: 160px;}
#admin-project-grid_c7{min-width: 160px;}

.rColWrap{
    padding:20px;
}

.lCol{
    max-width: 312px;
    /*margin-top:20px;
    padding-left:20px;*/
}

.lCol img{
    display: block;
    margin-left: auto;
    margin-right: auto
}

.content .row{
    margin-left:0px;
}

.contactWrap{
    padding:20px;
}

.portfolioWrap{
    text-align:center;
    background-image:url(/images/shad41.png);
    padding-top:14px;
    /*margin-bottom: 20px;*/
}

.portfolioPiece, .portfolioApp{
    width:281px;
    height:248px;
    text-align:center;
    display:inline-block;
}

.portfolioApp{
    height: auto;
    margin:10px auto;
    cursor:pointer;
}

.portfolioPiece img, portfrolioApp img{
    padding-top:6px;
    border:0px;
}

.content{
    /*margin-top:20px;*/
    background-image:url('/images/shad41.png');
}

#forsaleBody .content h1{
    padding:5px 0px 0px 15px;
}
#forsaleBody .content {
    height:100%;
}

.contentPaddedWrap{
    padding:20px;
}

.innerNav{
    clear:both;
    background-image: url('/images/shad41.png');
}

.innerNav li{
    float:left;
}

.round41 table{
    margin-bottom: 0px;
}

.round41, .sround41{
    background-color:rgba(0,0,0,0.41);
    border-radius: 5px;
    padding:10px 13px;
    margin-bottom: 10px;
}

.sround41{
    vertical-align:top;
    display: inline-block;
}

.round41 ul, .sround41 ul{
    list-style-type: none;
    margin-left:0px;
}

.icon-chevron-right{
    margin-right:8px;
}

.round41 li, .round41 ul, .sround41 li, .sround41 ul{
    padding-bottom:0px;
    margin-bottom:0px;
}

.content .rColInnerWrap{
    float:left;
    margin: 20px 0px 10px 20px;
}

.innerWrap{
    padding:20px;
}

.counter{
    font-size:27px;
    color:#ffffff;
    text-transform: none;
}

.totalLine{
    border-top:1px solid white;
    text-align:right;
}

.tblWrap{
    background-image:url(/images/shad41.png);
    margin-top:-30px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
}

.tblCellRight{
    text-align:right;
}

.tblServices{
	font-size:18px;
	margin-top:10px;
}

.tblServices td{
    padding-top:1px;
    padding-left:10%;
    padding-bottom:1px;
}

.tblCellServices{
}

.sLink{
    font-size:13px;
    padding-left:17px;
}

.footer{
    width: 71%;
    padding-top: 60px;
    font-size: 12px;
    text-align: center;
    float: right;
    margin-right: 5%;
}

.note{
    font-size:10px;
}

.content .nav{
    background-image: none;
    display:inline-block;
}

.content .nav a{
    text-decoration: none;
}

/*.content ul{
    display:inline-block;
}*/

.content .nav{
    margin:0px;
    max-width: 100%;
}

.ui-daterangepickercontain{
    font-size:12px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background-color:gray !important;
}

#startDateShown, #endDateShown{
    min-width:100px;
}

#GAdateRange{
    width:100%;
}

.article{
    padding-right:30px;
}

#loginOut{
    float:right;
    margin:7px;
}

.form-link{
    font-size:12px;
    margin-left:70px;
    margin-bottom:10px;
}

.btn, input[type="submit"], button{
    background: transparent;
    border: 4px solid #c7e748;
    border-radius: 4px;
    border-style: double;
    background-image: url('/images/shad41.png');
    color: white;
    cursor:pointer;
}

.labelInline label{
    display:inline-block;
}

.ddm, .ddmLarge{
    background: transparent;
    color: white;
    border: 4px double #c7e748;
    background-image: url('/images/shad41.png');
    height: 50px;
    width: auto;
}
.ddmOption{
    background:#2F2F2F;
    color: white;
    background-image: url('/images/shad41.png');
}

.ddmLarge{
    font-size: 26px;
    line-height: 32px;
}

.jqplot-yaxis-tick, .jqplot-xaxis-tick{
    color:#fff !important;
}

.hiddenTextArea{
    display:none;
}

.jqplot-highlighter-tooltip{
    font-size:14px !important;
    color:#000 !important;
    background:#fff !important;
    padding:4px !important;
    -moz-border-radius:8px !important;
    border-radius:8px !important;
    border:2px !important;
    border-style:solid !important;
    border-color:#333 !important;
}

.flash-success{
    color: #c7e748;
}

#indexBody .homeRowTwo{
    width:80%;
    margin:0px 10%;
}

#indexBody .homeRowTwo .portfolioWrap{
    margin:30px auto 20px auto; 
    padding:20px;
}
    
#indexBody .footer{
    margin:20px;
    padding:0px;
    width:100%;
}

#smWrap{
    margin: 0px auto;
    width: 200px;
    padding-left: 30px;
}

#indexBody #smWrap{
    margin: 0px auto;
    width:auto;
    padding-left: 0px;
}

.smBadge{
    float:left;
    margin:10px 5px;
}

#indexBody #smWrap{
    position: fixed;
    left:10px;
    bottom:5px;
}

#indexBody .smBadge{
    float:left;
    clear:both;
}

#graphWrap{
    float:left;
    width: calc(100% - 480px);
    height: -moz-calc(100% - 480px);
    min-width:300px;
}

.miniGraph{
    height:75px;
    width:350px;
    margin:0 20px 0 20px;
}

.alignRight{
    text-align: right;
}

#sitemapWrap{
    margin:10px 10px 20px 20px;
}

.footer a:hover{
    color:black;
}

.footer a{
    text-decoration:underline;
}
    
#highlight{
    background-image:url('/images/highlight.png');
    height:54px;
    width:124px;
    position:absolute;
}
#gutter{
    position:absolute;
    z-index: 1;
    top:0px;
}
#innerNav{
    position:absolute;
    z-index: 2;
}
#nav{
    position:relative;
    height:51px;
}

.fidd{
    box-shadow: 0 1px 0 rgba(255,255,255,.15), 0 2px 4px rgba(0,0,0,.2) inset, 0 0 12px rgba(255,255,255,.1);
    padding: 3px 8px 3px 8px;
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    background: url('/images/ddArrow.png') no-repeat right;
    background-position: right 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*      background: url('/images/ddArrow.png') no-repeat;
    background-position: -200px 0px;*/
    /*width: 200px; Width of select dropdown to give space for arrow image*/
    color: #fff;
}

select {
    border: 0 !important;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/
    line-height:20px;
    margin-bottom:0;
}

#billingBody select{
    width: 100px;
}

#trafficAdminBody .rColInnerWrap{
    margin:0;
}

.grid-view table.items tr:hover.selected{
    background-color:#111;
}

select option {
    margin:40px;
    background:#2F2F2F;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

.logo{
    max-width:240px;
    max-height:80;
    margin:10px auto;
}

#popup{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

#popup table {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
}

#popup h2{
    color:#fff;
}

#popupContent{
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
}

#projectUpdate .row{
    float:left;
    margin-right:20px;
}

#projectUpdate form{
    margin-bottom:0;
}

@media (max-height:800px) {
    #servicesBody .affix{
        position:relative;
    }
    
    #servicesBody .nav-wrap{
        width:100% !important;
    }
}

@media (max-height:600px) {
    .affix{
        position:relative;
    }
    
    .nav-wrap{
        width:100% !important;
    }
}

@media (max-width:1375px) {
    h1{
        font-size:24px;
    }
    
    h2{
        font-size:20px;
    }
    
    .nav a{
        font-size: 23px;
    }

    .nestedNav a{
        font-size:15px;
        text-transform:none;
    }
    
    .nav{
        min-width:0px;
    }
    
    .affix .nav{
        margin-left:22.7%;
    }
    
    .nav-wrap {
        width:23%;
    }

    #indexBody #smWrap{
        position: absolute;
        left:0px;
        top:600px;
    }
    
    .footer{
        width:64%;
    }
}

@media (max-width: 1000px) {
    body#indexBody .row-fluid{
        width:100%;
        left:0;
        margin-left:auto;
        margin-top:0px;
    }
    
    h1{
        font-size:24px;
    }
    
    h2{
        font-size:20px;
    }
    
    .nav a{
        font-size:18px;
    }
    
    
    #indexBody .nav a{
        font-size:30px;
    }

    #indexBody .nestedNav a{
        font-size:15px;
        text-transform:none;
    }

    body#indexBody .nav{
        width:auto;
    }

    body#indexBody .navWrap{
        float:none;
        position:absolute;
        margin-top:139px;
        width:836px;
    }

    body#indexBody .contentWrap{
        float:none;
        margin-top:143px;
    }
    
    #indexBody .homeRowTwo .portfolioWrap{
        margin:384px auto 0px auto;
        padding:20px;
    }
    
    #indexBody .footer{
        margin:20px;
        width: calc(100% - 40px);
    }
    
    #indexBody #smWrap{
        position: absolute;
        left: 50%;
        margin-left: -97px;
        width:230px;
        top: 450px;
    }

    #indexBody .smBadge{
        float:left;
        clear:none;
        margin:5px;
    }

    #smWrap{
        width:auto;
    }
    
    .smBadge{
        margin: 8px 5px;
        clear:both;
        float:right;
    }
}

@media (max-width: 836px) {
    body#indexBody .navWrap{
        width:836px;
    }
}

@media (max-width: 767px) {
    .row1{
        min-height: 0px;
    }
    
    .nav a{
        font-size: 38px;
    }
    
    .nestedNav a{
        line-height: 34px;
        font-size: 30px;
    }
    
    .affix .nav{
        margin-left:auto;
    }
    
    .affix{
        position: static;
    }

    .nav-wrap{
        width:100%;
    }

    .nav img{
        margin-left:auto;
        margin-right:auto;
    }

    .nav{
        max-width: 100%;
        /*margin-left: 22.6%;
        margin-right: 15.1%;*/
        margin-left: auto;
        margin-right: auto;
    }
    
    #nav .nav a{
        font-size:18px;
    }

    .lCol{
        max-width: 100%;
    }

    .rCol{
        /*margin-left:20px !important;*/
    }
    /*.nav-tabs > li{
        max-width:100%;
    }*/

    .smBadge{
        float:left;
        margin:5px;
        clear:none;
    }
    
    #smWrap{
        min-height:100px;
        clear:both;
        width:200px;
    }

    .footer{
        width: 100%;
        float: none;
    }
}

@media (max-width: 530px) {
    #highlight{
        display:none;
    }
    #gutter{
        display:none;
    }
    #innerNav{
        position:relative;
    }
    #nav{
        position:relative;
        height: auto;
    }
    
    .tblServices{
        font-size:14px;
    }
}

@media (max-width: 355px) {
    body{
        font-size:12px;
    }
    
    b{
        font-size:14px;
    }
    
    h1{
        font-size:20px;
        line-height:26px;
    }
    
    .nav-wrap {
        width: 100%;
        min-width:171px;
    }
    .affix .nav {
        margin-left: 22.7%;
    }
    .nav a{
        font-size: 16px;
    }
    .nav{
        max-width: 100%;
        margin-left: 22.6%;
        margin-right: 15.1%;
    }
    
    .nestedNav a{
        font-size: 10px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .tblServices{
        font-size:12px;
    }
    
    #smWrap{
        padding:0px;
    }
}