/* initial properties*/
body {
margin: 0;
font-size: 62.5%;
background: #000;
}

#container{
background: #000;
}

#page{

background: #000;
}

#logo{
float: left;
height: 131px;
background-image:url(../images/bg_topleft.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

#top{
float: left;
width: 779px;
height: 148px;
}

#left{
float: left;
width: 208px;
height: 695px;
}

#topleft{
float: left;
text-align: left;
width: 208px;
height: 148px;
background-image:url(../images/top_left_aquariums.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#midleft{
float: left;
text-align: left;
width: 208px;
height: 475px;
background-image:url(../images/nav_bg.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#bottomleft{
float: left;
text-align: left;
width: 208px;
height: 145px;
}

#middle{
width: 779px;
height: 475px;
margin-left: 208px;
}

#content{
width: 490px;
height: 623px;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
size: 1.1em;
background:url(../images/content_bg.jpg);
background-position: 0px -327px;
padding-left: 30px;
padding-right: 20px;
}

#content-aqua{
width: 490px;
height: 623px;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
size: 1.1em;
background:url(../images/content_bg.jpg);
background-position: 0px -327px;
padding-left: 30px;
padding-right: 20px;
}

#content-tourist{
width: 490px;
height: 623px;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
size: 1.1em;
background:url(../images/content_bg.jpg);
background-position: 0px -327px;
padding-left: 30px;
padding-right: 20px;
}

#content-design{
width: 490px;
height: 623px;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
size: 1.1em;
background:url(../images/content_bg.jpg);
background-position: 0px -327px;
padding-left: 30px;
padding-right: 20px;
}

#content-links{
width: 490px;
height: 623px;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
size: 1.1em;
background:url(../images/content_bg.jpg);
background-position: 0px -327px;
padding-left: 30px;
padding-right: 20px;
}


#right{
float: right;
width: 239px;
}

#bottom{
float: left;
width: 540px;
height: 148px;
}

#footer{
float: left;
width: 540px;
height: 145px;
}

#textlinks{
float: left;
width: 540px;
height: 110px;
text-align: center;
color:#cccccc;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
background-image:url(../images/footer_bg.jpg);
background-position: top left;
background-repeat: repeat-x;
}


#textlinks a:link{
	text-decoration: none;
	color: #cccccc; 
}

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

#textlinks a:hover{
	text-decoration: none;
	color: #666666;
}


#bottomright{
text-align: right;
width: 234px;
height: 145px;
}

p.highlight-generic{
color: #FD0000;
}

p.highlight-aqua{
color: #0080FF;
}


/* subnav links */
#content a:link{
	text-decoration: underline;
	color: #FD0000; 
}

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

#content a:hover{
	text-decoration: none;
	color: #cccccc; 
}



#content-aqua a:link{
	text-decoration: underline;
	color: #07B1DF; 
}

#content-aqua a:visited{
	text-decoration: none;
	color: #07B1DF;  
}

#content-aqua a:hover{
	text-decoration: none;
	color: #cccccc; 
}


#content-tourist a:link{
	text-decoration: underline;
	color: #FF6600;
}

#content-tourist a:visited{
	text-decoration: none;
	color: #FF6600; 
}

#content-tourist a:hover{
	text-decoration: none;
	color: #cccccc; 
}

#content-design a:link{
	text-decoration: underline;
	color: #9966CC;
}

#content-design a:visited{
	text-decoration: none;
	color: #9966CC; 
}

#content-design a:hover{
	text-decoration: none;
	color: #cccccc; 
}

#content-links a:link{
	text-decoration: underline;
	color: #FD0000;
}

#content-links a:visited{
	text-decoration: none;
	color: #FD0000;
}

#content-links a:hover{
	text-decoration: none;
	color: #cccccc; 
}



/* list types */
#list ul {
	list-style:none;
}

#list li {
list-style-type:circle;
text-align: left;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color: #cccccc; 
padding-left: 10px;
margin-left: 15px;
}


#sub ul {
	list-style:none;
}

#sub li {
clear: left;
list-style-type:circle;
text-align: left;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color: #cccccc; 
padding-left: 10px;
margin-left: 40px;
padding-top: 5px;
}



/* subnav links */
a:link{
	text-decoration: none;
	color: #cccccc; 
}

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

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


/* form elements */

input, textarea { 
background-color: #f7f7f9;
font-family: "Trebuchet MS";
color: #666666;
text-align: left;
font-size: 1.2em;
}

select, option { 
background-color: #f7f7f9;
font-family: "Trebuchet MS";
color: #666666;
text-align: left;
font-size: 1.2em;
}