/* CSS Document */


/* COMMON STYLES */

body {
background-color:#111;
font-family:Arial, Helvetica, sans-serif;
}

#contentBox {  
border: 4px solid #FFF;
width: 930px;
height: 800px;
margin:auto;
}

#contentBoxLL {  
border: 4px solid #FFF;
width: 930px;
height: 720px;
margin:auto;
}

/* HOMEPAGE HERO AREA */

.hero { 
background-image: url(../images/hero_home.jpg);
background-repeat: no-repeat;
height: 494px;
}

.heroTextarea {
float: left;
text-align: left;
padding: 115px 460px 0 60px;
font-size: 14px;
line-height: 1.4;
color: #000;
}

.heroTextarea .bullets {
padding-left: 15px;
font-size: 14px;
color: #000;
line-height:1.6;
}

.heroTextarea .bullets img {
margin-right: 5px;
vertical-align:text-top;
border: none;
}

.heroTextarea .smLink {
color: #000;
font-weight: normal;
font-size: 10px;
}


/* LOWER LEVEL HERO AREA */

.heroClient { 
height: 218px; 
background-image: url(../images/hero_clients.jpg);
background-repeat: no-repeat;
}

.heroCompany { 
height: 218px; 
background-image: url(../images/hero_company.jpg);
background-repeat: no-repeat;
}

.heroProduct { 
height: 218px; 
background-image: url(../images/hero_company.jpg);
background-repeat: no-repeat;
}

.heroRetailers { 
height: 218px; 
background-image: url(../images/hero_company.jpg);
background-repeat: no-repeat;
}


/* NAVIGATION BAR */

.navbar {
float: right;
width: 519px;
height: 34px;
background-color: #006f35;
text-align: right;
}


/* BOTTOM BOXES HOMPAGE */

.bottom3box {
clear:both;
width:930px;
height: 320px;
font-size:13px;
line-height:1.5;
color: #fff;
}

.bottom3box .headImg {
margin-bottom:10px;
}

.bottom3box .subBullets {
font-size:13px;
line-height:2.5;
color: #fff;
font-weight: bold;
}

.bottom3box .subBullets img {
padding-right: 5px;
vertical-align:text-top;
}

.bottom3box a:link {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom3box a:active {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom3box a:visited {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom3box a:hover {
font-weight: bold;
text-decoration: underline;
color: #000;
}

.leftBox {
width:260px;
height: 276px;
background-color: #00592b;
float: left;
padding: 15px 25px;
text-align:left;
font-size:13px;
}

.middleBox {
width:260px;
height: 276px;
background-color: #006f35;
float: left;
padding: 15px 25px;
text-align:left;
font-size:13px;
}

.rightBox {
width:260px;
height: 276px;
background-color: #007f3c;
float: left;
padding: 15px 25px;
text-align:left;
font-size:13px;
}


/* BOTTOM BOXES LOWER LEVEL */

.bottom2box {
clear:both;
width:930px;
height: 415px;
font-size:13px;
line-height:1.5;
color: #fff;
}

.bottom2box .headImg {
margin-bottom:10px;
}

.bottom2box .subBullets {
font-size:13px;
color: #fff;
font-weight: normal;
line-height:1.3;
padding-bottom:10px;
}

.bottom2box .subBullets img {
padding-right: 5px;
vertical-align:text-top;
}


.bottom2box a:link {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom2box a:active {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom2box a:visited {
font-weight: bold;
text-decoration: underline;
color: #fff04d;
}

.bottom2box a:hover {
font-weight: bold;
text-decoration: underline;
color: #000;
}

.leftBoxLL {
width:260px;
height: 472px;
background-color: #00592b;
float: left;
padding: 15px 25px;
text-align:left;
}


.wideBox {
width:570px;
height: 472px;
background-color: #007f3c;
float: left;
padding: 15px 25px;
text-align:left;
line-height:1.3;
}


/* BOTTOM NAVBAR */

#bottomNavbar {
margin-top: 15px;
text-align: center;
font-size: 10px;
color: #fff;
}

#bottomNavbar a:link, #bottomNavbar a:active, #bottomNavbar a:visited, #bottomNavbar a:hover {
font-weight: normal;
text-decoration: underline;
color: #fff04d;
}