<style type="text/css">

A:link
{ text-decoration:none; color:#000033}
A:visited
{ text-decoration:none; color:#000033}
A:active
{ text-decoration:none; color:#000000}
A:hover
{ text-decoration:none; color:#000033}

body { 
background-color: white;
}


#container{
	position:absolute;
	width:98%;
	height:53vw;	
	min-width: 790px;
	min-height: 1050px;
	background-color:none;
      }

#border1{
	position:absolute;
	top:2%;
	left:1%;
	right:1%;
	bottom:2%;
	height:95%;
	width:98%;
	background-color:none;
	border: 2px solid black;
      }

#border2{
	position:relative;
	top:1%;
	left:0.5%;
	right:0.5%;
	bottom:1%;
	height:97.6%;
	width:98.8%;
	border: 1px solid black;
	}

#border1test{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:96%;
	width:98%;
	background-color:none;
	border: 2px solid black;
      }

#border2test{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:96%;
	width:98%;
	border: 1px solid black;
	}
#logo{
	position:relative;
	align:center;
	left:;
	top:;
	margin-left:;
	margin-right:;
	width:;
	height:580px;
	z-index:;
	min-height:; 
	border:;
	background-color: transparent;
	background-image: url('clearwater.png');
	background-repeat: no-repeat;
	background-attachment:fixed;
	}

#pose{
position:fixed;
left:50%;
top:0px;
margin-right:;
margin-left:;
width:;
height:100%;
min-height: 650px;
z-index:1;
border: medium double red;
}



#nav{
position:absolute;
left:8%;
top:17%;
margin-top:;
margin-left:;
width:280px;
height:280px;
z-index:6;
text-align:bottom;
font: bold 22px "garamond";
color: #2f1715;
border: medium double red;
background-color: transparent;
}

#content{
position:absolute;
left:35%;
top:17%;
margin-top:;
margin-left:;
width:600px;
height:450px;
z-index:6;
text-align:bottom;
font: bold 22px "garamond";
color: #2f1715;
border: medium double red;
background-color: transparent;
}
      
#footer{
position:absolute;
left:5%;
bottom:0px;
width:90%;
height:75px;
margin-left:;
margin-right:;
z-index:5;
padding-bottom: 5px;
font: bold 16px "garamond";
color: #2f1715;
border: medium double red;
background-color: transparent;
}

#gradient{
position: fixed;
left:0px;
top:0px;
float:left;
width:;
height:100%;
z-index:3;
background-color: transparent;
background-image: url('assets/grad1.png');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.glossymenu{
background: transparent;
z-index:9;
text-align: left;
text-transform: lowercase;
font-family: garamound;
font-size: 20px;
font-style: bold;
border: none;
line-height:20px;
}

.glossymenu a.menuitem{
background: transparent;
font: bold 20px "garamond";
color: #2f1715;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none;
line-height:25px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
background: transparent url() no-repeat fixed left;
color: #2f1715;
outline-style: none;
}

.glossymenu a.menuitem:hover{
background: transparent url() no-repeat fixed left;
outline-style: none;
color: #b32818;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: transparent url() no-repeat fixed left;
outline-style: none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
background: transparent url() no-repeat fixed left;
list-style-type: disc;
margin-left:20px;
padding:5px;
outline-style: none;
}

.glossymenu div.submenu ul li a{
background: transparent url() no-repeat fixed left;
display: block;
font: normal 18px "garamond";
color: #2f1715;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
outline-style: none;
}

.glossymenu div.submenu ul li a:hover{
background: transparent url() no-repeat fixed left;
color: #b32818;
outline-style: none;
}

</style>
 
      