body {
text-align: center;
background-color: #c3dbf3;
font-family: helvetica;
color: #3f3f3f;
margin:0;
padding: ;
}

body a {
color: #695494;
}

body a:hover {
color: #d3c5db;
}

H2 {
	color: #695494;
}

.header {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 840px;
	z-index: 100;	
}



#container {
position: relative;
top: 0px;
left: 0px;
margin-left: auto;
margin-right: auto;
width: 1200px; 
text-align: left;

}

.skybg {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 100%;
	background: url('../images/skybg.jpg') no-repeat top left;
	height: 100%;
	z-index: 0;

}

.maincontentarea {
position: relative;
top: 0px;
left: 0px;
float: left;
	width: 100%;
background: #cbcbcb URL('../images/mainbg.jpg') repeat-x;
border-bottom: 1px solid #9072a5;
border-top: 1px solid #9072a5;	
z-index: 0;
}

.info_area {
position: relative;
top: 0px;
left: 0px;
float: left;
}

.info {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	float: left;
width: 100%;
height: 200px;
background: #cbcbcb URL(../images/middlebg.jpg) repeat-x;

/**border-left: 1px solid #aeaeae;
border-right: 1px solid #aeaeae;**/
}

.content {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;	
	width:840px;
}

.logo {
position: relative;
top: 20px;
left: 20px;
float: left;
width: 242px;
}

.footer {
position: relative;
top: 0px;
left: 0px;
float: left;
}

.footerbg{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
width: 100%;
height: 84px;
background: URL(../images/bottombg.jpg) repeat-x;

/**border-left: 1px solid #aeaeae;
border-right: 1px solid #aeaeae;**/
}

.topswirl {
position: relative;
top: 3px;
left: 1px;
}

.topnav {
position: relative;
top: 5px;
left: 0px;
float: left;
text-align: right;
width: 840px;
	z-index: 4;
}

/* TOP NAV */

#nav {
position: relative;
top: 0px;
left: 0px;
    width: 757px;
    height: 171px;
}
#nav ul,
#nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul li {
    display: inline;
}
#nav ul li a {
    display: block;
    height: 167px;
    float: left;
    background: url('../images/topnav.jpg');
    background-repeat: no-repeat;
    text-indent: -3000px;
	outline:none;
}
#nav ul li.aboutus a {
    width: 110px;
    background-position: -157px -4px;
}
#nav ul li.webdesign a {
    width: 133px;
    background-position: -267px -4px;
}
#nav ul li.clients a {
    width: 83px;
    background-position: -400px -4px;
}
#nav ul li.contact a {
    width: 125px;
    background-position: -483px -4px;
}

#nav ul li.aboutus a:hover {
    background-position: -913px -4px;
}
#nav ul li.webdesign a:hover {
    background-position: -1023px -4px;
}
#nav ul li.clients a:hover {
    background-position: -1156px -4px;
}
#nav ul li.contact a:hover {
    background-position: -1239px -4px;
}

.contentbox {
position: relative;
top: 30px;
left: 26px;
float: left;
background: white;
background-repeat: no-repeat;
width: 800px;

z-index: 0;
border: 6px outset #cdbcd6;	
filter: alpha(opacity=95);-moz-opacity:.95;opacity:.95;
		/*filter:alpha(opacity=50);*/
}

.shoppingcartbox {
position: absolute;
top: 200px;
left: 280px;
background: URL(../images/shoppingcartbox.png);
background-repeat: no-repeat;
width: 663px;
height: 325px;
filter: alpha(opacity=75);-moz-opacity:.75;opacity:.75;
		/*filter:alpha(opacity=50);*/
}

.sustainbox {
position: absolute;
top: 200px;
left: 280px;
background: URL(../images/sustainbox.png);
background-repeat: no-repeat;
width: 663px;
height: 325px;
filter: alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		/*filter:alpha(opacity=50);*/
}

.missionbox {
position: absolute;
top: 200px;
left: 280px;
background: URL(../images/missionbox.png);
background-repeat: no-repeat;
width: 663px;
height: 325px;
filter: alpha(opacity=65);-moz-opacity:.65;opacity:.65;
		/*filter:alpha(opacity=50);*/
}
.sidenav {
position: absolute;
top: 215px;
left: 0px;
float: left;
width: 275px;
z-index: 3;
}

.learnmore {
	position: relative; 
	z-index: 1;
	 top: 0px;
	left: 0px; 
	float: left;
	width: 250px;
}

.learnmorebtn {
	position: relative; 

	 top: 45px;
	left: 20px;
float: left; width: 193px;	
width: 193px;
height: auto;
border: 6px outset #cdbcd6;	
background: white;
}

.followus {
	position: relative;
	top: 50px;
	left: 20px;
	float: left;
	background: white;
	background-repeat: no-repeat;
	width: 193px;
	height: auto;
	border: 6px outset #cdbcd6;	
	
	
}

.infowrap {
	position: relative;
	top: 0px;
	left: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 1090px; 
	text-align: left;
}

.mailinglist {
position: relative;
top: 20px;
left:70px;
float: left;
width: 300px;
line-height: 22px;
}

.news {
float: left;
position: relative;
top: 26px;
width: 400px;
text-align: left;
}



.newscopy {
font-family: arial;
width: 325px;
font-size: 11px;
color: #606060;
line-height: 12px;
}

.morenews  ul{
position: relative;

left: 250px;
margin: 0px;
padding: 0px;
width: 87px;
height: 19px;
}

.morenews ul li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;

}

.morenews ul li a{
  background-image: url(../images/morenews.gif); 
	background-repeat: no-repeat;
	display: block;
    float: left;
    height: 19px;
    text-indent: -3000px;
    text-decoration: none;
	outline: none;
}



.morenews li a{
background-position: 0px 0px;
width:87px;
}

.morenews  li a:hover{
background-position: 0px -18px;
width:87px;
}


.quote {
float: left;
position: relative;
top: 26px;
left: 0px;
width: 250px;
font-family: arial;
font-size: 11px;
color: #606060;
line-height: 12px;
}

.footertext {
position: relative;
top: 5px;
left: 0px;
text-align: center;
width: 1090px;
font-family: arial;
font-size: 11px;
color: white;
margin-left: auto;
margin-right: auto;
}

.tippytopnav {
position: relative;
top: 0px;
left: 220px;
float: left;
text-align: right;
font-family: arial;
font-size: 12px;
color: #504070;
width: 600px;
}

.tippytopnav tr td{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
font-family: arial;
font-size: 12px;
color: #504070;
text-align: right;
}

.tippytopnav a {
color: #504070;
}

.tippytopnav a:hover {
color: #8336ac;
}

.newcopy {
position: relative;
top: 0px;
left: 0px;
float: left;
font-family: arial;
padding: 20px;
font-size: 12px;
color: #584d5f;
line-height:16px;

}

.newcopy span{
color: #3a3a3a;
font-weight:bold;
font-size: 14px;
}



.newcopy li{

font-size: 12px;
}


.newcopy li a{
text-decoration :none;
font-size: 12px;
}


.linksection {
position: absolute;
top: 230px;
left:675px;
font-family: arial;
font-size: 12px;
color: #3a3a3a;
font-weight:bold;
}

.linksection tr td p{
font-size: 12px;
color: #3a3a3a;
font-weight: bold;

}





.linkexample {
background: URL(../images/linkbox.gif);
background-repeat:no-repeat;
width:195px;
height:20px;
font-family: arial;
font-size: 11px;
color: #584d5f;
padding-left: 5px;
padding-top:3px;
line-height: 11px;
}

.linkexample a{
font-family: arial;
font-size: 12px;
color: #3a3a3a;
}

.linkexample a:hover{
font-family: arial;
font-size: 12px;
color: #3a3a3a;
font-weight:bold;
}

.maincontentarea .copy {
position: absolute;
top: 10px;
width: 400px;
line-height:12px;
}

.companylogos {
position: absolute;
top:25px;

}