body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	margin: 0em; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0em;
}

* {
	margin: 0em; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0em;
}

.fom {font-size: 90%; 
width: 80px; 
height: 85px;
padding: 10px; 
position:absolute;
bottom: 4em;
background-image:url(../images/newsletterbox.png);
}

form {font-size: 90%; 
width: 80px; 
height: 210px;
padding: 10px; 
background-image:url(../images/newsletterbox.png);
}

.fiveform form {width: 250px;
margin-top: 15em;
}

.fom img {margin-top:.8em;
}

.fom a {text-decoration: none;
	 border:none;
border-bottom-style: none;}

.fom a img {text-decoration: none;
	 border:none;
border-bottom-style: none;}


.news form {margin-top: 4em;
width: 300px;
}

.nt {margin-left: 1em;
margin-top: 1em;
}

.fb {bottom: 10em;
margin-left: .7em;
position: absolute;
}


.fb a img {text-decoration: none;
	 border:none;
border-bottom-style: none;}

.fb a {text-decoration: none;
	 border:none;
border-bottom-style: none;}

.fb2 a img {text-decoration: none;
	 border:none;
border-bottom-style: none;}

.fb2 {top: 22em;
margin-left: 1.2em;
position: absolute;
}


h1 { font-size: 150%;
	font-weight: 100;
	margin: 2em 0em 0em .7em;
	line-height:120%;
}

h2 {font-size:70%;
	font-weight:600;
	padding-top:1em;
}

h3 {font-size:80%;
	font-weight:600;
	display:inline;
	margin-top: 5em;
	padding-right:.3em;
	padding-top: 5em;
}

h4 {font-size:74%;
	font-weight:100;
	padding-top: 1.75em;
	margin-bottom: -.75em;
}


h5 {font-size:365%;
	color: #FFF;
	font-weight:600;
}


h6 {font-size:100%;
	color: #FFF;
	font-weight:600;
}

h5 a {
	color:#fff;
	font-size:30%;
	padding-left: .4em;
	letter-spacing:1px;
}

h5 a:hover {
	color:#bfbfbf;
}

.h7 {font-size:150%;
display:inline;
}

h8 {font-size:140%;
	font-weight:100;
	color: #827b71;
}

h9 { color: #69a0cd;
font-weight:600;
}


h10 { font-size: 120%;
	font-weight: 100;
	margin: 2em 0em 0em 1em;
	padding-top: 5em;
	line-height:120%;
}


p { font-size: 85%;
	font-weight:100;
	color: #000000;
	line-height: 160%;
	margin-top:0em;
	text-align:left;
}

p a { 
	color:#736c8d;

}

p a:hover{ 
	color:#7f7e7f;
}

#maincontent {
	width: 72%;
	height: 880em;
	margin: 0em 1em 0em 6.25em;
	background: #FFFFFF;
	background-repeat:no-repeat;
	padding: 10px 0px 0px 0px;
	text-align: left;
	position:absolute;
	z-index:-10;
}


#maincontent p {padding-top: 1.5em;
float: left;
}

a {text-decoration: none;
	 border:hidden;
border-bottom-style: none;}

a img {text-decoration: none;
	 border:hidden;
border-bottom-style: none;}


ul li a {text-decoration: none;
	 border:hidden;
border-bottom-style: none;
color:#000; }



/* Main Navigation */



.nav {background-color:#5b595a;
	width: 100%;
	height: 1.5em;
	position:fixed;
	top: 0em;
	left:4.8em;
	padding-top: .5em;
	padding-left: 2.5em;
}



.nav ul li a{ 	
	color:#FFF;
	text-align:left;
	letter-spacing:1px;
	font-size:74%;
	text-decoration:none;
	color:#FFF;
	margin-right: 2.2em;	
	display:inline;
	list-style-type: none;
}




ul li{list-style-type: none;
}


li {display:inline;
}


.nav a:hover { text-decoration:none;
	color:#bfbfbf;
}



	
	
	
.logo a img {width:100px;
	top: 0px;
	left:0px;
	position:fixed;
	border:hidden;
	border-style:none;
	z-index: 5;
	margin: 0em;
	padding: 0em;
}


.left {	margin-left: 1em;
width: 95%;
height: 100%;
text-align:left;
}

.leftfive {	padding-left: 1em;
width: 90%;
text-align:left;
padding-right: 5%;
background-color:#FFF;
}




/*Home Page*/


div.container
{
width:100%;
margin:0px;
line-height:150%;
display:inline;

}
div.header
{
background-image:url(../images/homepast.gif);
width: 100%;
height: 35%;
clear:left;
top: 0em;
position:fixed;
z-index:-40;
display:inline;
vertical-align:bottom;
}

.globe {
width: auto;
z-index:0;
margin-left: 31em;
position:absolute;
bottom: -.5em;
left: 0em;
}

.shadow {
width: auto;
z-index:0;
margin-left: 0em;
position:absolute;
bottom: -.5em;
left: 0em;

}

div.footer
{background-image:url(../images/homefuture.gif);
bottom: 0em;
position:fixed;
width: 100%;
height: 32.5%;
vertical-align:bottom;
}

div.content
{background-image:url(../images/homepresent.gif);
width: 100%;
height:32.8%;
position:fixed;
top:35%;
display:inline;
vertical-align:bottom;
}

.comp {width: auto;
margin-left: 0em;
position:absolute;
bottom: -.5em;
left: 1.6em;
}

.future {width: auto;
margin-left: 0em;
position:absolute;
bottom: 0em;
left: 27em;
}


h5.header
{width:auto;
height:auto;
margin-left: 2em;
bottom:27%;
z-index:0;
margin-bottom: 0em;
position:absolute;
color:#fff;
line-height: 79%;
}
	
h5.header a{width:auto;
height: auto;
position:relative;
margin-left: 0.4em;
z-index:0;
margin-bottom: 0em;
color:#fff;	
}

h5.header a:hover {
color:#ece2cd;}


h5.content
{width:auto;
height: auto;
margin-left:5em;
bottom:30%;
z-index:0;
margin-bottom: 0em;
position:absolute;
color:#fff;
line-height: 70%;}

h5.content a{width:auto;
height: auto;
position:relative;
margin-left: 0.4em;
z-index:0;
margin-bottom: 0em;
color:#fff;
	}

h5.content a:hover {
color:#e5cce4;
}


h5.footer
{width:auto;
height: auto;
margin-left: .5em;
bottom:30%;
z-index:0;
margin-bottom: 0em;
	position:absolute;
color:#fff;
line-height: 79%;
}

h5.footer a{width:auto;
height: auto;
position:relative;
margin-left: -.2em;
z-index:0;
margin-bottom: 0em;
color: #fff;
	}
	
	
	h5.footer a:hover {
color:#c9e8f7;
}

/*Past*/

.pasttext {color: #6a7e70;
}

.pasttex {color: #4e6991;
}

.oldpic {
padding: 0em 0em 0em 0em;
width: 100%;
bottom: 0%;
left: 68%;
position:fixed;
}


/*Portfolio*/


.portimage { width: 100%;
	padding: 2em 0em 10em 1.1em;
	position: fixed;
}

.portimage a img { 
	margin-top: .5em;
	margin-left: .1em;
	border:medium;
	border-color: #a06e6b;
	border-style:solid;
	border-width: 3.5px;
}

.portimage a:hover img { 
	margin-top: .5em;
	border:medium;
	border-color: #cfb8b7;
	border-style:solid;
	border-width: 2px;
}


.clientlist {text-align:left;
	margin-top: -5.8em;
	font-size: 75%;
	font-weight:100;
	color: #000000;
	line-height: 175%;
	position: absolute;
	right: 2em;
	background-color: #d8dddb;
	padding: 10px 20px 30px 20px;
	
}

.clientlist a:hover {
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
}

.clientlist a:active {
	background-color: #ffffff;
		padding: 5px 5px 5px 5px;
}



.clientlist a {
	color: #000000;
}

.heading {
	font-size: 115%;
	color: #6a7e70;
	margin-top: 1.2em;
	font-weight: bold;
}


/*About*/

.abouttext {color: #924288;
}


.glasses {
padding: 0em 0em 0em 0em;
width: 100%;
bottom: 0%;
left: 51%;
position:fixed;
}

.abouttextsub p {color: #924288;
	font-size: 100%;
	margin-bottom: -20px;

}




/*Contact*/

.contacttext {color: #00708c;
	margin-top: .5em;
	margin-left: 0em;
	font-size:98%;
	font-weight: bold;
	margin-bottom:1.4em;
	
}




.subtext {font-size:85%;
	line-height:150%;
	margin-top: -2.25em;
	margin-left: 1.5em;
	margin-bottom: 0em;
	text-decoration:none;
	color:#000;
	}
	
	iframe { padding-left: 1.1em;
	padding-top: 1em;
}
	
.socialmedia {margin-left: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.puzzle {
padding: 0em 0em 0em 0em;
width: 100%;
bottom: 0%;
left: 67%;
position:fixed;
}


/*Five*/

.fivetext {color: #7b0263;
position: relative;
}

.fivetext a {color: #fbb040;
position: relative;
font-size: 120%;
line-height: 120%;
}

.five {
padding: 0em 0em 0em 0em;
width: 100%;
bottom: 0%;
left: 70%;
position:fixed;
}

.fivetwo { margin-left: .5em;
padding-left: .5em;
margin-top: 2em;
}

.fivetwo p {text-align: right;
font-size: 80%;
color:#736c8d;
padding-right: .8em;
}

.fivetwo p a {text-align: right;
font-size: 93%;
color:#7b0263;
}

.fivetwo p a:hover{
color:#736c8d;
}


/*Sustain*/

.sustaintext {color: #69a0cd;
position: relative;
}

.bird {
padding: 0em 0em 0em 0em;
width: 100%;
bottom: 0%;
left: 64%;
position:fixed;
}

#maincontentsust {
	width: 60%;
	height: 70em;
	margin: 0em 1em 0em 6.25em;
	background: #FFFFFF;
	background-repeat:no-repeat;
	padding: 10px 0px 0px 0px;
	text-align: left;
	position:absolute;
	z-index:-10;
}


#maincontentsust p {padding-top: 1.5em;
float: left;
}


.links {
margin-top: 28em;
margin-left: 1.2em;

}