/* Code created by and for Creative Expertise,llc March 2009. All rights copyrighted.*/



* { margin:0px; padding:0px;}

body 
{ 
text-align:center;
background-color: #FFFFFF;
}


div#container 
{
width: 766px;
height: 574px;
padding: 0;
left: 0;
top:15px;
text-align: left;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
right: 0;
bottom: 0px;
}


p 
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
letter-spacing:.1em;
line-height: 20px;
margin: 12px;
word-spacing:.15em;
}




h2 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
text-decoration: none;
line-height: 30px;
font-variant: normal;
text-transform: none;
font-style: normal;
font-weight: normal;
letter-spacing:.2em;
color: #262f57;
}


h3 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
line-height: 28px;
font-variant: normal;
text-transform: none;
font-style: normal;
font-weight: bold;
letter-spacing:.1em;
color: #fff;
}


h6 
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-style: normal;
text-transform: none;
text-decoration: none;
line-height: normal;
font-weight: bold;
letter-spacing:.1em;
}




/***********Did you lose something? What are you looking for in here?***********/




/***********This is the Header with company logo***********/
div#header 
{
height: 550px;
width: 763px;
top: 0px;
left: 2px;
margin: 0px;
padding: 0px;
background-image: url(graphics/header.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #fff;
position:absolute;
}


/***********This is the Top Nav Area***********/


div#topnav
{
float:right;
height: 24px;
width:760px;
top:100px;
left:0px;
margin:0px;
padding: 0px;
position: absolute;
}

div#topnav ul
{
margin: 0px;
padding-left: 400px;
list-style-type: none;
}

div#topnav ul li
{
float: left;
padding: 0px 5px;
}

div#topnav ul li a
{
height: 24px;
padding:0px;
margin: 0px;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: bold 14px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:.1em;
display: inline;
}


div#topnav ul li a:hover
{
color: #262F57;

}

div#topnav a:active
{
color: #fff;
}

div#topnav li#active a
{
color: #fff;
}

#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active 
{
color: #262F57;	
}





/***********This is the Quote Area***********/

div#boarderleft
{
height: 370px;
width: 7px;
top: 158px;
left: 0px;
padding:0px;
margin: 0px;
position:absolute;
background-image: url(graphics/borderleft.jpg);
background-repeat: repeat-y;
background-position: left top;

}

div#quote
{
height: 400px;
width: 752px;
top: 156px;
left: 7px;
padding:0px;
margin: 0px;
position:absolute;
}

div#quote p
{
color: #51658e;
text-align: center;
margin-bottom: 0.5em;
}


div#quote p.style1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #51658e;
letter-spacing: 0.05em;
line-height: 17px;
text-align: center;
vertical-align: middle;
}

div#quote p.style2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #51658e;
letter-spacing: 0.05em;
line-height: 13px;
text-align: center;
vertical-align: middle;
}

div#quote p.style3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #51658e;
letter-spacing: 0.05em;
line-height: 10px;
text-align: center;
vertical-align: middle;
}

div#boarderright
{
height: 370px;
width: 7px;
top: 158px;
left: 759px;
padding: 0px;
margin: 0px;
position:absolute;
background-image: url(graphics/borderright.jpg);
background-repeat: repeat-y;
background-position: left top;
}


/***********SideBar Tabs ***********/


#tab1, #tab2, #tab3, #tab4 {
top:265px;
left: 24px;
position:absolute;
width: 140px;
height: 23px;
padding: 0px;
margin:0px;
color: #51658e;
font: bold 12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.05em;
text-align: center;
background-color: #fff;
border: 1px solid #809ab7;
}


#tab1 {
top:265px;
visibility: hidden;
z-index: 21;
}


#tab2 {
top:299px;
visibility: visible;
z-index: 22;
}

#tab3 {
top:332px;
visibility: visible;
z-index: 23;
}

#tab4 {
top:366px;
visibility: visible;
z-index: 24;
}

#tab1 a, #tab2 a, #tab3 a, #tab4 a{
display: block;
width: 140px;
height: 23px;
font: bold 12px Helvetica, Verdana, Arial, sans-serif;
color: #809ab7;
letter-spacing:0.05em;
text-align:center;
text-decoration:none;
line-height: 23px;

}

#tab1 a:hover, #tab2 a:hover, #tab3 a:hover, #tab4 a:hover
{
color: #fff;
background-color: #809ab7;
background-image: url(graphics/arrow.jpg);
background-repeat: no-repeat;
background-position: center right;
}


#tab1drk, #tab2drk, #tab3drk, #tab4drk {
padding-top: 5px;
left: 24px;
position:absolute;
width: 140px;
height: 18px;
font: bold 12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.05em;
text-align:center;
text-decoration:none;
color: #fff;
background-color: #809ab7;
background-image: url(graphics/arrow.jpg);
background-repeat: no-repeat;
background-position: center right;
border: 1px solid #809ab7;
}


#tab1drk{
top:265px;
}

#tab2drk{
top:299px;
}

#tab3drk{
top:332px;
}

#tab4drk{
top:366px;
}




/***********This is the Content Area***********/



div#content1, div#content2, div#content3, div#content4{
height:220px;
width: 558px;
padding: 0px;
margin: 0px;
top:265px;
left: 178px;
position:absolute;
background-color:#fff;
border: 1px solid #809ab7;
z-index:17;
}


div#content1 a, div#content2 a, div#content3 a, div#content4 a{
font:bold 12px Helvetica, Verdana, Arial, sans-serif;
text-decoration:underline;
color: #51658e;
}

div#content1 a:hover, div#content2 a:hover, div#content3 a:hover, div#content4 a:hover{
color: #FFCC33;
}




div#content1 p, div#content3 p, div#content4 p{
padding:0px 250px 0px 0px;
font:12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.08em;
text-align:left;
line-height: 18px;
color: #262f57;
}





div#content2 p{
padding:0px 160px 0px 0px;
font:12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.08em;
text-align:left;
line-height: 18px;
color: #262f57;
}

div#content2 ul.recycle, div#content2 ul.reduce, div#content2 ul.environment{
padding:0px 0px 0px 10px;
font:12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.08em;
text-align:left;
list-style-type: none;
line-height: 18px;
color: #262f57;
}

div#content2 ul.reduce{
padding:0px 0px 0px 10px;
}

div#content2 ul.reduce, div#content2 ul.environment{
margin: 20px 0px 0px 0px;
}


div#content2 li{
padding:0px 0px 0px 0px;

}

div#content2image1 {
height:100px;
width: 100px;
padding: 0px;
margin: 0px;
top:10px;
left: 430px;
position:absolute;
background-image: url(graphics/recycle_logo.jpg);
background-repeat: no-repeat;
background-position: center right;
z-index:18;
}

div#content2image2 {
height:69px;
width: 162px;
padding: 0px;
margin: 0px;
top:316px;
left: 330px;
position:absolute;
background-image: url(graphics/soyink.jpg);
background-repeat: no-repeat;
background-position: center right;
z-index:18;
}


div#content1quote, div#content3quote, div#content4quote {
height:400px;
width: 200px;
margin: 0px;
top:10px;
left: 330px;
position:absolute;
background-color: #51658e;
float: right;
z-index:19;
}

div#content1quote p.quote, div#content3quote p.quote, div#content4quote p.quote {
padding: 0px 0px 0px 0px;
font: bold 12px Helvetica, Verdana, Arial, sans-serif;
letter-spacing:0.05em;
text-align:left;
line-height: 17px;
color:#cedff3;
}

div#content1 p.big, div#content2 p.big, div#content3 p.big, div#content4 p.big{
font-size:14px;
}


div#content1, div#content2, div#content3, div#content4{
overflow-x:hidden;
overflow-y:scroll;
}



div#content1, div#content1image 
{
z-index:5;
visibility: visible;
}

div#content2
{
z-index:4;
visibility: hidden;
}


div#content3
{
z-index:3;
visibility: hidden;
}


div#content4
{
z-index:2;
visibility: hidden;
}






/***********This is the Contact and Footer Area***********/


div#contact
{
height: 30px;
width: 759px;
top: 511px;
left: 0px;
padding-top:8px;
margin: 0px;
position:absolute;
font: bold 16px Helvetica, Verdana, Arial, sans-serif;
color: #fff;
letter-spacing:0.05em;
text-align:center;
background-color:#809ab7;
}

div#copyright {
height: 20px;
width: 759px;
top: 541px;
left: 0px;
padding-top:5px;
margin: 0px;
position:absolute;
background-color:#262f57;
font: bold 10px Helvetica, Verdana, Arial, sans-serif;
color: #809ab7;
letter-spacing:0.05em;
text-align:center;
}


div#bottom
{
height: 8px;
width: 762px;
top: 558px;
left: 0px;
padding:0px;
position:absolute;
background-color:#262f57;
background-image: url(graphics/bottom.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

div#bottomleft
{
height: 52px;
width: 7px;
top: 511px;
left: 0px;
padding: 0px;
position:absolute;
background-image: url(graphics/bottomleft.jpg);
background-repeat: no-repeat;
background-position: left top;
}

div#bottomright
{
height: 52px;
width: 7px;
top: 511px;
left: 759px;
padding: 0px;
position:absolute;
background-image: url(graphics/bottomright.jpg);
background-repeat: no-repeat;
background-position: left top;
}