/* basic elements */

body{
  background:#FFFFFF;
  margin:0;
  padding:0;
  font:9pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#000000;
  text-align:center;
 }

a:link{
  color:#526B12;
  text-decoration:none;
 }

a:visited{
  color:#339999;
  text-decoration:none;
 }

a:hover{
  color:#D0A717;
  text-decoration:underline;
 }

a img{
  border-width:0;
 }


/* Wrapper
----------------------------------------------- */

#wrapper	{
	margin: 0;
	padding: 0;
	width: 820px;
        text-align:left;
	}


/* navigation
----------------------------------------------- */
.nav{
  background:#A7CDD3;
  position:absolute;
  left:45%;
  top:0px;
  width:84px;
  height:130px;
  line-height:2em;
  border:1px solid #FFFFFF;
  padding:50px 0px 10px 30px;
  text-align:left;
  z-index:1;
 }

.splash{
  background:#AE6B5E;
}


.info{
  background:#AACCBD;
}

.news{
  background:#AFBA97;
}

.contact{
  background:#97A6BA;
}

.navon{
  margin:0px;
  padding:0px;
  font:8pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-style:uppercase;
  font-weight:bold;
  text-transform:uppercase;
  line-height:2em;
  color:#606060;
  border-bottom:1px solid #FFFFFF;
 }

.navoff{
  margin:0px;
  padding:0px;
  font:8pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-style:uppercase;
  font-weight:bold;
  text-transform:uppercase;
  color:#ffffff; 
  line-height:2em;

 }

a.navon:link{
  text-decoration:none;
  color:#606060;
 }

a.navon:visited{
  text-decoration:none;
  color:#606060;
 }

a.navon:hover{
  text-decoration:none;
  color:#D0A717;
 }

a.navoff:link{
  text-decoration:none;
  color:#ffffff;
 }

a.navoff:visited{
  text-decoration:none;
  color:#ffffff;
 }

a.navoff:hover{
  text-decoration:none;
  color:#D0A717;
 }



/* Left
----------------------------------------------- */
#left-column{
  width: 454px;
  height:586px;
  float:left;
  position:relative;
  font: 11px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  background: url(images/gallerypage_bkgd.gif) no-repeat top left;
 }
 


/* Portfolio Menu
----------------------------------------------- */
#menu-portfolio{
  padding:110px 0 0 130px;
  width: 250px;
  z-index:1;
  text-align:right;
  font: 12px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#FFFFFF;
  font-weight:bold;
 }

#menu-portfolio img{
margin-right:5px;
margin-bottom:5px;
padding-right:5px;
padding-bottom:5px;
 }


/* RIGHT
----------------------------------------------- */
#right-column{
  width:366px;
  float:right;
  valign:top;
  text-align:left;
  font: 12px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  font-weight:bold;
  line-height:1.6em;
 }



/* GALNAV
----------------------------------------------- */

#galnav{
  left:0px;
  top:0px; 
  padding:0 0 0px 0;
  text-align:center;
  z-index:1;
 }


.galnavon{
  margin:0px;
  padding:0 5px 0 5px;
  font:11pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#339999;
 }

.galnavoff{
  margin:0px;
  padding:0 5px 0 5px;
  font:11pt "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#666666;
 }

a.galnavoff:link{
  text-decoration:none;
  color:#666666;
 }

a.galnavoff:visited{
  text-decoration:none;
  color:#666666;
 }
a.galnavoff:hover{
  text-decoration:none;
  color:#339999;
 }
a.galnavon:hover{
  text-decoration:none;
  color:#339999;
 }



/* Footer
----------------------------------------------- */
#footer{
  height:77px;
  text-align:left;
  position:relative;
  float:left;
  margin:0px 15px 0px 0px;
  padding-top:10px;
  padding-left:55px;
  font:7pt "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
 }

#credits{
  float:right;
  font:7pt "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding-top:10px;
  position:relative;
  text-align:right;
}

/* Basics
----------------------------------------------- */
h1{
  font:14px "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  font-stretch:narrower;
  font-weight:bold;
}

hr {
  padding:0;
  margin:0 0 10px 0;
}


/* Misc
----------------------------------------------- */

.about{
  padding:0 15px 0 15px;
  valign:top;
  text-align:left;
  font: 12px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  line-height:1.4em;
 }

.title{
  padding:0 15px 0 15px;
  valign:top;
 }