body {
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
  font-weight: medium;
  text-align:center;
  color: #ffffff;
  background-color: #000000;
}

img {
  border:0;  
  font-size: 10px;
  color: #ffffff;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
  
  
  #container {
  	width:750px;
  	position: relative;
	margin: 0 auto;
  	border: 0; 
	text-align:left;
	top:0px;
}



.content {
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #FFFFFF;
  text-align:center;
  border: 0;
  margin:0 0 0 0;  
}

p.content {
  margin:0 0 0 0;
}


/* INTRODUCTION INDEX
*/

div.indexpics {
  display:block;
  position:absolute;
  top:296px;
  left:99px;
  z-index:1;
}


div.intrologo {
  position:absolute;
  top:28px;
  left:120px;
  border: 0; 
  z-index:1;
}


div.typeintro {
  display:block;
  position:absolute;
  top:310px;
  width:750px;
  text-align:center;
  border: 0; 
  z-index:1;
}


.typeintro p a {
  text-decoration: none;}


.typeintro p a:link {
   color: #ffffff;
   font-weight: bold;
  border: 0; 
}

.typeintro p a:visited {
  color: #ffffff;
  font-weight: bold; 
    border: 0; 
}

.typeintro p a:active {
  font-weight: bold;
  color: #9933ff;
  border: 0; 
  }

.typeintro p a:hover { 
  font-weight: bold;
  color: #9933ff;
    border: 0; 
}


/* TOP NAVIGATION
*/

div.nav {
display:block;
  position:absolute;
  top:0px;
  left:20px;
  width:850px;
  text-align:left;
  border: 0; 
  z-index:1;
}


.navcontent {
font-size: 11px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #5e9bff;
  text-align:left;
  border: 0;
  margin:0 0 0 0;
}

p.navcontent {
  margin:0 0 0 0;
}


div.rule {
display:block;
  position:absolute;
  top:17px;
  left:20px;
  width:850px;
  text-align:left;
  border: 0; 
  z-index:1;
}

.nav p a {
  text-decoration: none;}


.nav p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.nav p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.nav p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.nav p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}


/* HOME PAGE
*/


div.homelogo {
  position:absolute;
  top:28px;
  left:210px;
  border: 0; 
  z-index:3;
}

div.hometype {
  display:block;
  position:absolute;
  top:195px;
  width:750px;
  text-align:center;
  border: 0; 
  z-index:1;
}

div.hometypeb {
  display:block;
  position:absolute;
  top:400px;
  width:750px;
  text-align:center;
  border: 0; 
  z-index:1;
}


.contentb {
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #ffffff;
  text-align:left;
  border: 0;
  margin:0 0 0 0;  
}

p.contentb {
  margin:0 0 0 0;
}



div.homepics {
  display:block;
  position:absolute;
  top:279px;
  left:99px;
  z-index:1;
}

div.pictypehome {
  display:block;
  position:absolute;
  top:394px;
  left:254px;
  border: 0; 
  z-index:1;
}

.contentc {
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #5e9bff;
  text-align:left;
  border: 0;
  margin:0 0 0 0;  
}

p.contentc {
  margin:0 0 0 0;
}



/* PORTFOLIO INTRO
*/


div.portfoliotype {
  display:block;
  position:absolute;
  top:34px;
  width:750px;
  text-align:center;
  border: 0; 
  z-index:1;
}




.foliopictype {
  font-size: 12px;
  line-height: 17px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #ffffff;
  text-align:center;
  border: 0;
  margin:0 0 0 0;  
}

p.foliopictype {
  margin:0 0 0 0;
}



div.portfoliopics1 {
  display:block;
  position:absolute;
  top:135px;
  left:99px;
  z-index:1;
}



div.marsh {
  display:block;
  position:absolute;
  top:115px;
  width:147px;
  left:99px;
  z-index:1;
}


div.skies {
  display:block;
  position:absolute;
  top:115px;
  left:303px;
  width:147px;
  z-index:1;
}


div.church {
  display:block;
  position:absolute;
  top:115px;
  left:509px;
  width:147px;
z-index:1;
}


div.village {
  display:block;
  position:absolute;
  top:259px;
  left:99px;
  width:147px;
  z-index:1;
}


div.wildlife {
  display:block;
  position:absolute;
  top:259px;
  left:303px;
  width:147px;
  z-index:1;
}


div.coast {
  display:block;
  position:absolute;
  top:259px;
  left:509px;
  width:147px;
  z-index:1;
}

.marsh p a {
  text-decoration: none;
}

.marsh p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.marsh p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.marsh p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.marsh p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}


.skies p a {
  text-decoration: none;
}

.skies p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.skies p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.skies p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.skies p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}

.church p a {
  text-decoration: none;
}

.church p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.church p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.church p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.church p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}

.village p a {
  text-decoration: none;
}

.village p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.village p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.village p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.village p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}

.wildlife p a {
  text-decoration: none;
}

.wildlife p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.wildlife p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.wildlife p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.wildlife p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}

.coast p a {
  text-decoration: none;
}

.coast p a:link {
   color: #5e9bff;
   font-weight: med;
  border: 0; 
}

.coast p a:visited {
  color: #5e9bff;
  font-weight: med; 
    border: 0; 
}

.coast p a:active {
  font-weight: med;
  color: #b164ff;
  border: 0; 
  }

.coast p a:hover { 
  font-weight: med;
  color: #b164ff;
    border: 0; 
}

  
  

/* PORTFOLIO MAIN PAGES
*/

div.pictype {
  display:block;
  position:absolute;
  top:400px;
  left:254px;
  border: 0; 
  z-index:1;
}



.contentb {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #ffffff;
  text-align:left;
  border: 0;
  margin:0 0 0 0;  
}

p.contentb {
  margin:0 0 0 0;
}




.pictype p a {
  text-decoration: none;
}

.pictype p a:link {
   color: #5e9bff;
   font-weight: med;
  font-size: 11px;
border: 0; 
}

.pictype p a:visited {
  color: #5e9bff;
  font-weight: med; 
   font-size: 11px;
 border: 0; 
}

.pictype p a:active {
  font-weight: med;
    font-size: 11px;
color: #b164ff;
border: 0; 
  }

.pictype p a:hover { 
  font-weight: med;
    font-size: 11px;
color: #b164ff;
    border: 0; 
}



div.baselogo {
  position:absolute;
  top:383px;
  left:33px;
  z-index:3;
}


div.mainpic {
  position:absolute;
  top:30px;
  left:100px;
  z-index:1;
}




/* CONTACT
*/

div.contacttypea {
  display:block;
  position:absolute;
  top:217px;
  width:750px;
  text-align:center;
  border: 0; 
  z-index:1;
}



div.contacttypeb {
  display:block;
  position:absolute;
  top:410px;
  left:99px;
  width:560px;
  text-align:center;
  border: 0; 
  z-index:1;
}



.contact {
  font-size: 10px;
  line-height: 15px;
  padding: 0 0 0 0px;
  vertical-align: top;
  font-family: verdana, arial, sans-serif; 
  font-style: normal;
   color: #aaaaaa;
  text-align:centre;
  border: 0;
  margin:0 0 0 0;  
}

p.contact {
  margin:0 0 0 0;
}



.contacttypeb p a {
  text-decoration: underline;
}

.contacttypeb p a:link {
   color: #aaaaaa;
   font-weight: med;
border: 0; 
}

.contacttypeb p a:visited {
  color: #aaaaaa;
  font-weight: med; 
 border: 0; 
}

.contacttypeb p a:active {
  font-weight: med;
color: #b164ff;
border: 0; 
  }

.contacttypeb p a:hover { 
  font-weight: med;
color: #b164ff;
    border: 0; 
}

.contacttypea p a {
  text-decoration: underline;
}

.contacttypea p a:link {
   color: #ffffff;
   font-weight: med;
border: 0; 
}

.contacttypea p a:visited {
  color: #aaaaaa;
  font-weight: med; 
 border: 0; 
}

.contacttypea p a:active {
  font-weight: med;
color: #b164ff;
border: 0; 
  }

.contacttypea p a:hover { 
  font-weight: med;
color: #b164ff;
    border: 0; 
}