/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
bbody { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #805D38; 
	background: #A1B2D2 ; 
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	text-decoration: underline; 
	color: #FFFFFF;
	}
a:visited { 
	text-decoration: none; 
	color:  #FFFFFF;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #805D38;
	}
acronym {
	border-bottom: none;
	}


/* specific divs */
#container { 
	background: url(../images/ocean.jpg) no-repeat center center;  
	padding: 0; 
	margin: 0; 
	position: relative;
	height: 500px;
	}

#intro { 
	min-width: 470px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader {
	padding-top: 20px;
}

#pageHeader h1 { 
	background: transparent url(../images/logo.png) no-repeat top left; 
	margin-top: 3em;
	margin-left: 2em; 
	width: 350px; 
	height: 100px; 
	float: left;
	padding-bottom:30px;
	}

#pageHeader h1 span {
	display:none;
	
	}
#pageHeader h2 { 
	margin-left: 4em;
	margin-top: 6em;
	float: right;
	}
#pageHeader h2 span {
	display:none
	}


#flashLayout{
float:left;
padding-right: 5px;
margin-top: 2em;
}

#imageLayout{
	position: absolute;
	margin-top:8px;
	margin-left:750px;
	left: -389px;
	top: 107px;
}

#imageLayout2{
	position: absolute;
	margin-top:8px;
	margin-left: 700px;
	left: -37px;
	top: 126px;

}

#copy{
float:right;
text-align: justify;
width: 400px;
margin-top: 4em;
margin-right: 120px;
padding-bottom:50px;
padding-left: 100px;
}

#copy1a{
	float:right;
	text-align: left;
	width: 680px;
	margin-top: 1em;
	margin-right: 3px;
	padding-bottom:0px;
	padding-left: 1px;
}

#copy2{
	float:left;
	text-align: justify;
	width: 325px;
	margin-top: 6em;
	padding-bottom:50px;
	overflow: scroll;
	height: 175px;
	padding-right: 5px;
	padding-left: 5px;

}

#copy3{
float:left;
text-align: justify;
width: 250px;
margin-top: 4em;
}

.bodyHeader{
	color:#492115;
	font-family: copperplate, georgia, serif; 
	font-size:16px;
	line-height:14px;

	}
	
.bodyCopy{
	color:#666666;
	font-family: futura, arial, sans-serif; 
	font-size:14px;
	line-height:1.15em;

	}


#footer {
	text-align: left;
	float: top left;
	margin-left: 6em;
	margin-top: 4em;
	
	}
#footer	.footerLeft {
	color:#FFFFFF;
	font-family: copperplate, georgia, serif; 
	font-size:14px;
	letter-spacing: .25em;
	
	}
#footer	.footerRight  {
float: right;
	color:#FFFFFF;
	font-family: copperplate, georgia, serif; 
	font-size:18px;
	letter-spacing: .25em;
	text-align: right;
	padding-right: 40px;

	
	}
	
	#footer	.copyright  {
	color:#FFFFFF;
	font-family: futura, arial, sans-serif; 
	font-size:12px;
	text-align: right;
	letter-spacing: 0em;

	
	}
#footer a:link, #footer a:visited { 
	margin-right: 0px; 
	}

.accesskey {
	text-decoration: underline;
	}
	
#mainnav-top {	text-align: left;	float: right;  height: 25px;	width: 100%;}

#mainnav-top span {
	display:none;
	
	}

#mainnav-top li {	display: inline;	float: right;	padding-top: 57px; color: #fff;	text-align: center;	}

#mainnav-top a,#mainnav-top a:link,#mainnav-top a:visited,#mainnav-top a:active,#mainnav-top a:hover 
{		display: block;	margin: auto;	position: relative;	margin-bottom: 0px;	color: #fff;	background-position: 0  0;	background-repeat: no-repeat; padding-right: 30px;	text-align: center;	text-decoration: none;
}

#mainnav-top .home a {	background-image: url(images/topnav/home.png); width: 66px;	height: 25px;}

#mainnav-top .about-us a {	background-image: url(images/topnav/about-us.png); width: 112px;	height: 25px;}

#mainnav-top .services a {	background-image: url(images/topnav/services.png); width: 106px;	height: 25px;}

#mainnav-top .portfolio a {	background-image: url(images/topnav/portfolio.png); width:  127px;	height: 25px;}

#mainnav-top .contact a {	background-image: url(images/topnav/contact.png); width: 102px;	height: 25px;}

#mainnav-top .home a:hover {	background-image: url(images/topnavover/home.png);}

#mainnav-top .about-us a:hover {	background-image: url(images/topnavover/about-us.png);}

#mainnav-top .services a:hover {	background-image: url(images/topnavover/services.png);}

#mainnav-top .portfolio a:hover {	background-image: url(images/topnavover/portfolio.png);}

#mainnav-top .contact a:hover {	background-image: url(images/topnavover/contact.png);}

#flashpadding {
	position:relative;
	margin-right:20px;
	margin-top: 8px;
	
	

}

#topnavpadding{
padding-top:60px;
}