body {
    background-color: #0e7613;
    /*font-family: Arial, sans-serif;*/
    color: #000;
    font-size: 16px;
}

.center { /* use this class to center spans */
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

/* header related classes */
.headRow { /* the main 100% width header row */
    height: 214px;
    background-image: url(images/headRowBG.jpg);
}

.headSpan {
    height: 214px;
    background-image: url(images/hdrBG.jpg);
    background-repeat: no-repeat;
}

    .headSpan img {
        float: left;
        margin: 0px;
        padding: 0px;
    }



/* navigation classes */
/* no navbar onj this site teamsportsturf */
 

/* content area classes*/
.rowMain {
    background-color: #a2cca8;
}

.rowBottom {
}

/* ultraMain is the class that controls the main content area div on the main.Master, 
    bootstrap default container width is 1170px, this class is mainly to center the
    container div for the entire main content areas sitewide */
.ultraMain {
    clear: both; 
    background-color: yellow-; 
    min-height: 100px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 0px;
    overflow: hidden;
}

h1, h2, h3, h4, h5 {
    color: #0e7613;
}

/* homepage classes -------------------------------*/
.homeContent {
    width: 940px;
    min-height: 200px;
    background-color: #fff;
    margin: 20px 0px 30px 0px;
    overflow: hidden;
}

#flashcontent {
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 10px 0px;
}

.homeMain {
    background-color: transparent;
    width: 920px;
    margin: 0px 0px 0px 10px;
}

    .homeMain h1 {
        font-size: 26px;
    }

.homeBox {
    width: 880px;
    background-color: #89be92;
    padding: 20px;
    margin: 10px;
    text-align: center;

}

/* module classes ---------------------------------*/
.modulesMain {
    float: left;
    background-color: transparent; 
    padding-bottom: 20px;  
}

.modules {
    float:left;
    background-color: #000;
    width: 296px;
    min-height:380px;
    margin: 10px 0px 0px 10px; 
    border:solid 2px #89BE92;   
}

    .modules h2 {
        color: #fff;
        font-size: 22px;
        text-align: center;
    }

.modPic {
    margin: 20px 0px 0px 20px;
    padding: 0px;
    text-align: center;
}

.modText {
    color: #fff;
    font-size: 14px;
    width: 250px;
    text-align: center;
    line-height: normal;
    margin: 0px 0px 0px 20px;
}

/*modules area link colors*/
    /*.modulesMain a:link {color: #333; border-bottom: 1px dotted #333; margin: 10px 0px 15px 10px; font-size: 16px;}
    .modulesMain a:active {color: #333;}
    .modulesMain a:visited {color: #333;}
    .modulesMain a:hover {color: #fff; border-bottom: 1px dotted #fff; text-decoration: none;}*/



/* quick quote section classes ----------------------  */
.quickQuote {
    background-image: url(images/QQ_BG.jpg);
    background-repeat: repeat-x;
    padding-bottom: 15px;
}

    .quickQuote h4 {
        color: #fff;
    }

.form1 {
    background-color: red-;
    max-width: 340px;
    padding: 0px 15px 0px 15px;
}

.form2 {
    background-color: blue-;
    max-width: 340px;
    padding: 0px 15px 0px 15px;
}

.form3 {
    background-color: green-;
    max-width: 340px;
    padding: 0px 15px 0px 15px;
}

.qqFieldSpace {
    margin-top: 10px;
    height: 132px;
}

/* next 4 classes are used to change the color and hover color of btn btn-primary 
   which will effect btn-primary sitewide -----------------------------------  */
/* see first occurance of btn-primary in quick quote section jointhegreenteam.com */
.btn {
    border-color:#c89131;
    border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
 }

.btn-primary {
    border: 2px solid #a2cca8;
    border-left-color: #a2cca8;
    border-right-color: #a2cca8;
    border-top-color: #a2cca8;
    border-bottom-color: #a2cca8;
    -webkit-box-shadow: inset 0 1px 2px #a2cca8;
    -moz-box-shadow: inset 0 1px 2px #a2cca8;
    box-shadow: inset 0 1px 2px #0e7613;
    background: #0e7613;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e7613), color-stop(100%, #0e7613));
    background-image: -webkit-linear-gradient(top, #0e7613, #0e7613);
    background-image: -moz-linear-gradient(top, #0e7613, #0e7613);
    background-image: -o-linear-gradient(top, #0e7613, #0e7613);
    background-image: linear-gradient(top, #0e7613, #0e7613);
    
    /* do not delete these - thanks RA 
    color:#ffffff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#00d900;
    background-repeat:repeat-x;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-image: linear-gradient(to bottom, #00d900, #00b700);
    border-left-color: #00d900;
    border-right-color: #00d900;
    border-top-color: #00b700;
    border-bottom-color: #00b700; */
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    color: #0e7613;
    background-color: #a2cca8;
    *background-color: #a2cca8;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a2cca8), color-stop(100%, #a2cca8));
    background-image: -webkit-linear-gradient(top, #a2cca8, #a2cca8);
    background-image: -moz-linear-gradient(top, #a2cca8, #a2cca8);
    background-image: -o-linear-gradient(top, #a2cca8, #a2cca8);
    background-image: linear-gradient(top, #a2cca8, #a2cca8);
    -webkit-transition: box-shadow 0.05s ease-in-out;
    -moz-transition: box-shadow 0.05s ease-in-out;
    -o-transition: box-shadow 0.05s ease-in-out;
    transition: box-shadow 0.05s ease-in-out; 
 }

.btn-primary:active,.btn-primary.active {
    background-color:#a2cca8 \9;
 }


/* pestcontrolservices page classes --------------------------------------------------*/
.serviceTile {
    float: left;
    width: 220px;
    height: 235px;
    margin-top: 2px;
    background-color: transparent;
}

    .serviceTile p {
        font-weight: bold;
        padding: 5px 0px;
    }

.serviceTile2 {
    float: left;
    width: 220px;
    height: 235px;
    margin: 2px  0px 0px 50px;
    background-color: transparent;
}

.serviceTile2 p {
        font-weight: bold;
        padding: 5px 0px;
    }

/* carousel area classes --------------------------------------------------*/
.carouselMain {
    background-color: transparent;
    margin-top: 30px;
    margin-bottom: 20px;
}

/* footer area classes ----------------------------------------------------*/
.footer { /*this is the main footer area that expands to fit browser window*/
    min-height: 100px;
    /*background-image: url(images/footerBG.jpg);*/
    border-top: 3px dotted #000;
}

.ftrContainer {
    text-align: center;
    min-height: 100px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
}

    .ftrContainer hr {
        margin-top: -8px;
    }

    .ftrContainer h4 {
        padding-top: 20px;
        font-family: Arial;
        font-size: 19px;
        font-style: normal;
        color: #c89131;
    }

    /*footer link colors*/
    .ftrContainer a:link {color: #fff; text-decoration: none}
    .ftrContainer a:active {color: #fff;}
    .ftrContainer a:visited {color: #fff;}
    .ftrContainer a:hover {color: #c89131;}

.ftr1 {
    background-color: yellow-;
}

.ftr2 {
    background-color: aqua-;
}

.ftr3 {
    background-color: mediumpurple-;
}

.ftrLabel {
    color: yellow;
    font-size: 20px;
}

.footerBottom {
    font-size: 32px;
    color: #c89131;
    margin-top: 20px;
    margin-left: -10px;
    text-align: center;
    background-color: transparent;
}

/* text content area classes for all inner pages --------------------------------*/
.text {
    width: 940px;
    min-height: 200px;
    background-color: #fff;
    margin: 20px 0px 30px 0px;
    padding: 10px 30px 50px 30px;
    overflow: hidden-;
}

.text h1, h2, h3, h4, h5 {
    color: #0e7613;
    padding: 2% 0%;
    line-height: normal;
}

    /*text content area link colors*/
    .text a:link {color: #0e7613; border-bottom: 1px dotted #0e7613;}
    .text a:active {color: #0e7613;}
    .text a:visited {color: #0e7613;}
    .text a:hover {color: #58ffc7; border-bottom: 1px dotted #58ffc7; text-decoration: none;}

    /*text content area link colors*/
    .text .darklink a:link {color: #333; border-bottom: 1px dotted #333;}
    .text .darklink a:active {color: #333;}
    .text .darklink a:visited {color: #333;}
    .text .darklink a:hover {color: #d7a95b; border-bottom: 1px dotted #d7a95b; text-decoration: none;}

    .text li {
        padding-bottom: 7px;
    }


/* form contact & quote classes --------------------------------------------------*/

.form-dropdown {
    border: 2px solid #c89131;
    width: 100%;
}

@media (max-width: 767px) { /* this makes span12 form field 93% when screen less than 767px form_quote*/
   

    .form-dropdown { /* this makes span12 form field 93% when screen less than 767px form_contact*/
    border: 2px solid #c89131;
    width: 97%;
    }

    .contact { /* this makes span12 form field 93% when screen less than 767px form_contact*/
    margin-left: 3px;
    width: 300px;
    }
}

textarea, /* sets border color for all input boxes form_contact */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 2px solid #0e7613;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { /* sets color for imput box when cursor is clicked inside form_contact */  
    border-color: #0e7613;
    box-shadow: 0 0px 0px #0e7613 inset, 0 0 18px #0e7613;
    outline: 0 none;
}

.validation {
    font-size: 20px;
    color: red;
}


/* services.aspx page styles ----------------------------------------*/

.text .servTable table { /* this allows service links to be centered by centering the entire table that gets created */
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

    .text .servTable table a:link { /* removes dotted border from under links which is part of the main link styles sitewide */
        border: 0px;
    }

.green {
    color: #bbc736;
}

.accentBox {
    background-color: #e1a137;
    padding: 15px 25px 20px 25px;
    border: dotted 1px #fff;
    color: #333;
    margin: 40px 0px;
    clear: both;
}

/*accent box area link colors*/
    .accentBox a:link {color: #333; border-bottom: 1px dotted #333;}
    .accentBox a:active {color: #333;}
    .accentBox a:visited {color: #333;}
    .accentBox a:hover {color: #ccc; border-bottom: 1px dotted #ccc; text-decoration: none;}

.noSpace {
    margin-top: -17px;
}