/*text colors
D9E2DB = 217-226-219 (dark gray color)
819086 = 129-144-134 (old gray text color) -- not used anymore
6E736E = 100-115-110 (main gray body text color)
193F1F = 25-63-31 (dark green bold text color)
8EC63F = 142-198-63 (green box)
999999 = 153-153-153 (login input boxes)
8B9B92 = 139-155-146 (bottom navigation)
83BB35 = 131-187-53  (light green)
F99D31 = 249-157-49 (orange rollover links top nav)
D9EEE9 = 217-238-233 (blue for go green)
3C3C3C = 60-60-60 (background gray)
*/

* {padding:0; margin:0;}

body {
    text-align: center;
    background-color: #3C3C3C;
    background-image: url('images/background.jpg');
    background-position:center; 
    background-repeat: repeat-y;
    height: 100%;
}

#content 
{
    position: relative;
    margin: 0 auto;
    width: 975px;
    height: 100%;
    background-color: White;
    text-align: left;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
}


a:link {color:#193F1F; text-decoration: none;}      
a:visited {color:#193F1F; text-decoration: none;}  
a:hover {color:#193F1F; text-decoration: underline;}  
a:active {color:#193F1F; text-decoration: none;}  

a.activePageLinkStyle {color: #F99D31; text-decoration: none; font-size: smaller;}
a.subPageLink { text-decoration: underline; color: #6E736E; }

input,textarea,submit,reset,option,select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:x-small;
    color: #999999;
    height: 18px;
}

/* HEADER  */
div#top
{
    position: absolute; top: 0px; width: 975px; left: 0px; z-index: 1;
}
    div#verticalLine 
    {
        position: absolute; 
        top: 0px;
        left: 737px;
        width:2px; 
        height: 102px;
        color: #8EC63F; 
        font-size:1px; 
        line-height:1px;
        background-color:#8EC63F;
    }
    div#verticalLine_subPages
    {
        position: absolute; 
        top: 208px; 
        left: 737px;
        width:2px; 
        height: 619px; 
        color: #8EC63F; 
        font-size:1px; 
        line-height:1px;
        background-color:#8EC63F;
        z-index: 2;
    }
    
    
    a:active.topLink {font-size: smaller; color: #193F1F;text-decoration: none;}
    a:visited.topLink {font-size: smaller; color:#193F1F;text-decoration: none;}  
    a:link.topLink {font-size: smaller; color:#193F1F; text-decoration: none;} 
    a:hover.topLink {font-size: smaller; color: #F99D31;text-decoration: none;}

    a:active.topLinkSelected {font-size: smaller; color: #F99D31;text-decoration: none;}
    a:visited.topLinkSelected {font-size: smaller; color:#F99D31;text-decoration: none;}  
    a:link.topLinkSelected {font-size: smaller; color:#F99D31; text-decoration: none;} 
    a:hover.topLinkSelected {font-size: smaller; color: #F99D31;text-decoration: none;}

    a:active.subLink {font-size: smaller; color: #6E736E;text-decoration: none;}
    a:visited.subLink {font-size: smaller; color:#6E736E;text-decoration: none;}  
    a:link.subLink {font-size: smaller; color:#6E736E; text-decoration: none;} 
    a:hover.subLink {font-size: smaller; color: #F99D31;text-decoration: none;}
 
    a:active.subLinkSelected {font-size: smaller; color: #F99D31;text-decoration: none;}
    a:visited.subLinkSelected {font-size: smaller; color:#F99D31;text-decoration: none;}  
    a:link.subLinkSelected {font-size: smaller; color:#F99D31; text-decoration: none;} 
    a:hover.subLinkSelected {font-size: smaller; color: #F99D31;text-decoration: none;}

    a:active.login {font-size: x-small; color: #8B9B92;text-decoration: none;}
    a:visited.login {font-size: x-small; color:#8B9B92;text-decoration: none;}  
    a:link.login {font-size: x-small; color:#8B9B92; text-decoration: none;} 
    a:hover.login {font-size: x-small; color: #193F1F; text-decoration: none;}
 
          
    div#topBar
    {
        position: absolute; 
        top: 0px; 
        width: 975px; 
        height: 15px;
        left: 0px;
        margin: 0px 0px 0px 0px;
        background-color: #8EC63F;
    }
    div#buttons
    {
        position: absolute; top: 78px; left: 256px; width: 462px; height: 23px;
        z-index: 2;
    }
    a.btnPosition
    {
        position: absolute; top: 0px; width: 90px; height: 23px;
        text-decoration: none;
        z-index: 2;
    }
    div#subHeader
    {
        position: absolute; top: 108px; left: 258px; width: 473px; height: 25px;
    }
    div#logo
    {
        position: absolute; top: 59px; left: 15px; width: 204px; z-index: 2;
    }
    
    div#aboutContact
    {
        position: absolute; left: 310px; width: 403px; height: 22px; z-index: 2; top: 24px;
        text-align: right;
    }
    div#custLogin
    {
        position: absolute; width: 220px; height: 75px; z-index: 2; left: 755px; top: 24px;
    }

    .btnNav
    {
        position: relative; 
        width: 90px; 
        height: 23px; 
        background-image: url(images/button_gray.gif);  
        background-repeat: no-repeat;
        text-align: center;
        color: #FFFFFF; 
        font-size: small;
    } 

/* MID AREA */


div#column1_subPages
{
    position:absolute; 
    top: 209px; 
    left: 0px;
    width : 226px; 
    padding: 0px 0px 5px 0px;
    z-index: 2;
    line-height: 16px; 
    color: #6E736E;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
div#column2_subPages
{
    position:absolute; 
    top: 172px; 
    left: 257px;
    z-index: 2;
    width: 460px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;  
    padding: 0px 0px 5px 0px;
    color: #6E736E;
    line-height: 16px;
    
}
div#column3_subPages
{
    position:absolute; 
    top: 209px; 
    left: 755px;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    background-color: #FFFFFF;
    color: #6E736E;
    margin: 0px 0px 0px 0px;  
    padding: 0px 0px 0px 0px;
}


.subPageTitle
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16pt;
   color: #193F1F;
   line-height: 25px;
   margin: 0px; 
   padding: 0px 0px 10px 0px;
}
span.shipitTitle
{
   font-size: 18pt;
   font-family: Arial, Helvetica, sans-serif;
   color: #193F1F;
   line-height: 25px;
   margin: 0px; 
   padding: 0px 0px 10px 0px;
}
.subPageTopText
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #6E736E;
   line-height: 18px;
}
.subPageTextHeading
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #83BB35; 
  padding: 0px 0px 10px 0px;
} 
.subPageDarkMainText
{
    color: #193F1F;
    margin: 0;
    padding: 0;
    line-height: 16px;
} 
.subPageDarkMainText_heading
{
    color: #193F1F;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-weight: bold;
}
.shipitRightColumn
{
    color: #193F1F;
    line-height: 16px; 
    font-size: 14px;
    font-weight: bold;
}

.subPageMainText
{
    color: #6E736E;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
} 

.subPageList
{
     margin-left: 2px; padding-left: 15px;
     
}

.quote
{
    padding: 30px 5px 10px 5px;
    font-size: 9pt; 
    text-align: justify;  
}
.from
{
    margin-left: 80px;
    padding-top: 8px;
}
.position_title
{
    margin-left: 85px;
}
   
.telephone_number
{
    color: #83BB35;
    font-weight: bold;
    font-size: medium;
}

hr#subPageRightColumn 
{
    height: 0;
    border: 0;
    border-top: 1px solid #6E736E;
}


div#subPageAnalyticsGetStarted
{
    position: absolute; top: -5px; right: 0px; width: 160px; height: 36px; z-index: 3;
}

div#animation
{
     position: absolute; top: 125px; width: 975px; left: 0px; height: 252px; z-index: 1;
}
div#animation_soln
{
     position: absolute; top: 135px; width: 975px; left: 0px; height: 252px; z-index: 1;
}
div#imageContainer 
{
	height:252px;
}
div#imageContainer img 
{
	position:absolute;
	top:0; left:0;
}

.solutions_landing_box1
{
    position: absolute; width: 319px; left: 0px; top: 55px; height: 275px; z-index: 2;
    background-image: url(images/landing_319px.gif);
    background-repeat: no-repeat;

}
.solutions_landing_box2
{
    position: absolute; width: 318px; left: 0px; top: 55px; height: 275px; z-index: 2;
    background-image: url(images/landing_318px.gif);
    background-repeat: no-repeat;
}
.solutions_landing_text
{
    position: absolute; width: 294px; 
    left: 20px; top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6E736E;
    line-height: 18px;
   
}
.solutions_text_title
{
    color: #193F1F;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 15px;
}

.learn_more_link
{
    position: absolute; left: 200px; top: 0px;
}
hr.landing_hr
{
    height: 0;
    border: 0;
    border-top: 1px solid #6E736E;
    width: 280px; 
    margin-top: 5px; 
}

div#MainContent
{
     position: absolute; top: 390px;width: 975px; left: 0px; z-index: 1;
}
    div#contentTitle
    {
        position: absolute; 
        width: 647px; 
        height: 27px;
        left: 0px; 
        top: 15px; 
        z-index: 2; 
        color: #193F1F; 
        font-size: x-large;
    }
    div#column1_header
    {   position: absolute; width: 319px; left: 0px; top: 15px; z-index: 2;}
    div#column2_header
    {   position: absolute; width: 318px; left: 329px; top: 15px; z-index: 2;}
    div#column3_header
    {   position: absolute; width: 318px; left: 657px; top: 15px; z-index: 2;}

    .subPageBox
    {
        position: absolute; width: 318px; left: 0px; top: 55px; z-index: 2;
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color: #D9E2DB;
    }
   
    #contentShipInfo
    {
        position: absolute; 
        width: 319px; 
        height: 208px; 
        left: 0px; 
        top: 60px; 
        z-index: 2;
        padding: 0;
        margin: 0;
    }
    p.shipInfo
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        color: #6E736E;
        line-height: 20px;
        padding: 0px 13px 0px 0px;
        margin: 0;
    }
    div#contentBulletPts
    {
        position: absolute; 
        width: 318px; 
        left: 329px; 
        top: 62px; 
        z-index: 2;
        font-size:large;
        color: #6E736E;
        line-height: 30px;
    }
    div#contentGoGreen
    {
        position: absolute; 
        width: 318px; 
        height: 103px; 
        left: 329px; 
        top: 172px; 
        z-index: 2;
        background-image: url(images/go_green_gradient.gif);
        background-repeat: no-repeat;
    }
    div#goGreenPlant
    { 
        position: absolute; top: 3px; left: 5px;
    }
    div#goGreenText
    {
        position: absolute; top: 17px; left: 68px; 
        font-size: 12px; 
        color: #6E736E; 
        width: 237px; 
        height: 75px; 
        vertical-align: text-top; 
        font-weight: 500;

    }
    .goGreenTitle
    {
        font-size: 18px;
        color: #83BB35;
        font-weight: 400;
        margin-bottom: 5px;
    }
    a.goGreenLink
    {
        color: #83BB35; 
        text-decoration: underline;
    }
    div#contentGetStarted
    {
        position: absolute; 
        width: 332px; 
        height: 101px; 
        left: 641px; 
        top: 10px; 
        z-index: 2;
        background-image: url('images/get_started_box.gif');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 0px;
    }
    span.getStartedTitle
    {
        color: #FFFFFF;
        font-style: italic;
        font-family: Georgia;
        font-size: 26pt;
        margin: 0px 0px 0px 25%;
        padding: 0px 0px 0px 0px;


    }
    span.getStartedContent
    {
        color: #193F1F;
        margin-left: 25%;
        font-size: small;
    }
    div#CSay
    {
        position: absolute; 
        width: 318px; 
        height: 164px; 
        left: 657px; 
        top: 111px; 
        z-index: 2;
        background-image: url(images/what_clients_say_gradient.gif);
        background-repeat: no-repeat;
    }

    span.CSayTitle
    {
        font-weight: 600; 
        font-size: 11px;
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
        width: auto;
        margin: 20px 0px 10px 25px;
        padding: 0px;
        color: #193F1F;
        
    }

    p.CSayInside
    {   
        position: absolute;
        top: 0px;
        left: 0px;
        width: auto;
        margin: 40px 0px 10px 25px;
        padding-right: 25px;
        padding-top: 5px;
        color: #6E736E;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        z-index: 2;  
    }
    p.CSaySignOff
    {
        position: absolute;
        top: 0px;
        left: 0px;
        width: auto;
        margin: 115px 0px 10px 135px;
        color: #6E736E;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        z-index: 2;
    } 

/*FOOTERS*/
div#bottomNav
{    
    position: absolute; 
    width: auto; 
    left: 0px; 
    padding: 0px 0px 15px 0px;
    z-index: 2;
    top: 680px; /*default position of footer*/
}
    

.bottomNav
{
    font-size: x-small;
    color: #8B9B92;
    line-height: 10px;
}
a:active.bottomLink {font-size: x-small; color: #8B9B92;text-decoration: none;}
a:visited.bottomLink {font-size: x-small; color:#8B9B92;text-decoration: none;}  
a:link.bottomLink {font-size: x-small; color:#8B9B92; text-decoration: none;} 
a:hover.bottomLink {font-size: x-small; color: #193F1F;text-decoration: none;}