@import "reset.css";


@font-face {
    font-family: 'SteelfishRgRegular';
    src: url('fonts/steelfish_rg-webfont.eot');
    src: url('fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/steelfish_rg-webfont.woff') format('woff'),
	 url('fonts/steelfish_rg-webfont.ttf') format('truetype'),
	 url('fonts/steelfish_rg-webfont.svg#SteelfishRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    

body {
width:100%;
height:auto;
position:relative;
font-family: Arial, Helvetica, sans serif;
font-size: 18px;
color: #455659;
line-height: 1.4em;
background-color:#F4F3E9;
padding:0;
margin:0;

}

#wrapper{
	position:relative;
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
}
	
/* ----------BANNER---*/
#banner {
position: relative;
width:100%;
margin: auto;
}

/* ----------NAVIGATION---*/

nav {
text-align: right;
display: inline;
color: #32807A;
font-family: Arial, Helvetica, sans serif;
font-style: regular;
font-size: 1em;
}

nav ul li{
display: inline;
list-style-type: none;
}

nav li{
margin-left:20px;
}

a.nav1:link{
	text-decoration: none;
	color:#32807A;
}
	
a.nav1:visited {
text-decoration: none;
color: #32807A;
}


a.nav1:hover {
color: #455659;
border-bottom: 3px solid #32807A;
text-decoration: none;
}


#bac{
	position:relative;
	width: 100%;
	height:auto;
}
/* ----------TRANSPARENT---*/
#images{
	width: auto
	opacity:1;
	filter:alpha(opacity=100);
	margin-top: 20px;
	position: relative;
	z-index: 1;
	height:auto;
	margin-top: 0x;
	
}


#images figure:hover{
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-moz-transition-duration: 2s;
-webkit-transition-property:all;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 2s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-moz-transition-duration: 2s;
-o-transition-property: all;
-o-transition-timing-function: ease;
-o-transform-duration: 2s;
transition-property: all;
transition-timing-function: ease;
transition-duration: 2s;
opacity:.7;
filter:alpha(opacity=70);
}

/* ----------DOLPHIN---*/

.imageleft{
position:relative;
float:left;
margin-right: 2.6%;
margin-top:4.5%;
}


/* ----------FISH---*/
.imagecenter {
position:relative;
float:left;
margin-right: 5%;
margin-left: 5%;
margin-top:4.5%;
}


/* ----------PARROT--*/
.imageright {
position:relative;
float:left;
margin-left: 2.5%;
margin-top:4.5%;
}

figcaption{
font-size: 0.9em;
}

/* ----------WELCOME---*/

#welcome{
position:relative;
display: block;
margin-top:3%;
margin-left:0.4%;
}

h1.titleH1{
display:block;
font-size: 2em;
font-family: 'SteelfishRgRegular';
color:#1C4750;
margin-top: 40px;
margin-bottom: 20px;
}




body p{
	padding-bottom: 20px;
}	

/* ----------DID YOU KNOW--*/

#floatleft{
float: left;
margin-right: 20px;
margin-top:30px;
padding: 20px;
width: 200px;
background-color: #DBD9C0;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
border-color: #DBD9C0
}


.source {
color: #1C8C9A;
}
a.source:link{
text-decoration: none;
color:#32807A;
}
	
a.source:visited {
text-decoration: none;
color: #1C8C9A;
}

a.source:hover {
color: #1C4750;
border-bottom: 3px solid #32807A;
text-decoration: none;
}

h1.head { 
font-family: Arial, helvetica, sans serif;
font-size: 2em;
color: #32807A;
margin-right: 2%;
margin-bottom:10px;

 }


/* ----------INTRODUCTION--*/

#baltimoreaquarium{
float: left;
width:280px;
height: auto;
margin-top:30px;
margin-left:60px;
margin-right: 20px;
margin-bottom:40px
}


/* ----------HISTORY--*/

#history {
float:right;
width:300px;
height: auto;
margin-top:30px;
}

h2.subhead1{
display:block;
font-family: Arial, helvetica, sans serif;
font-size: 1.1em;
color: #1C4750;
margin-bottom:10px;}


/* ----------BALTIMORE AQUARIUM--*/


#aquarium {
float:right;
width:300px;
height: auto;
margin-top:30px;
}
h2.subhead2{
display:block;
font-family: Arial, helvetica, sans serif;
font-size: 1.1em;
color: #1C4750;
margin-bottom:10px;
margin-top: 10px;}


/* ----------QUOTATION--*/

.quotation{
float:left;
margin: 40px 0 0 20px;
Width: 500px;
padding:10px;
}

q{
font-size: 2em;
line-height: 1.4em;
font-family: 'SteelfishRgRegular';
color:#6c9a95;
}

i.author1{
font-family: Arial, helvetica, sans serif;
font-style: italic;
font-size: 1.2em;
margin-top: 10px;
float:right;
}


/* ----------SECOND PAGE--*/

/* ----------EXOCIT ANIMALS--*/

h1.head{
display:block;
margin-top:1%;
margin-bottom:1.8%;
font-size:1.3em;
color: #32807A;
}

#leftanimals{
float:left;
margin-top:2%;
margin-bottom:1%;
margin-right:2%;
width: 50%;
height: auto;
position:relative;}

.animal {
float:left;
margin-bottom: 4%;
position: relative;
}

#description1 {
width: 30%;
margin-left:0.8%;
margin-top: 2%;}

i {
font-family: Arial, Helvetica, sans serif;
font-style: italic;
font-size: 1em;
color: #323D3F;
}

	 

 /* ----------MAIN AQUARIUM--*/
 
		
 #rightlevel{
float: right;
height: auto;
margin-top:0.6%;
margin-left: 3%;
margin-bottom: 10%;
width: 40%;
 }
 
.indentTxt{
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
} 
 
 h1.head1{
 display:block;
margin-top:5%;
margin-bottom:1.8%;
margin-right:5%;
font-size:1.3em;
color: #32807A;
}
 
.maplevel{
 float:right;
 margin-top:1%;
margin-bottom:1%;
margin-left:1%;
position: relative;
}

.level{
margin-top:1%;
margin-bottom:1%;
margin-right:2%;
font-size:1em;
}

.subhead{
margin-top:2%;
margin-bottom:2%;
font-size:1em;
font-style: italic;
}

ul{
	list-style-position:outside;
	list-style-image: url(sihoutteles/bullet2.png);
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ----------VISITS--*/


#leftvisits {
float:left;
width:50%;
height: auto;
padding-top:1%;
margin-left: 1%;
}


table{
border-collapse: collapse;
width: 80%;
margin-left: 4%;
} 

.tablehd {
border-style: solid;
border-width: 1px;
border-color: #F4F3E9;
padding:10px;
font-family: Arial, Helvetica, sans serif;
font-style: regular;
font-size: 1em;
color: #1C4750;
}

.table1 {
padding: 10px;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: #24757E;
display: table-cell;
}

.table2 {
padding: 10px;
text-align: left;
border-style: solid;
border-width: 2px;
border-color: #24757E;
display: table-cell;
}


cite{
font-size: 0.9em;
padding: 1%;
margin-top:1%;
}

cite a{
	text-decoration: none;
	color: #1C8C9A;
	text-align: left;

}

.description {
margin-top: 20px;
width: 430px;}


.clearfloat{
	clear: both;
}

/* ----------FACT-*/

blockquote{
margin-left: 20px;
margin-right: 10px;

}

q:before {
content: '\201C';
font-family: Times New Roman;
font-size:150%;
margin-left:-30px;
}

q:after {
content: '\201D';
font-size: 150%;
font-family: Times New Roman;
margin-left: 5px;
}

/* ----------GUEST DIVE-*/


.head4{
display:block;
margin-top:5%;
margin-bottom:1.8%;
margin-right:4%;
font-size:1.12em;
color: #32807A;
}


#diving{
float:left;
width:30%;
height: auto;
margin-right: 3.8%;
}

.imageright3{
position:relative;
float:left;
margin-right: 2.6%;
margin-top:5%;
margin-bottom: 5%;
}

 h1.head3{
display:block;
margin-top:5%;
margin-bottom:1.8%;
margin-right:5%;
font-size:1.3em;
color: #32807A;
}

 
/* ----------SLEEPOVER WITH SHARK-*/

#shark{
float:left;
width:30%;
height: auto;
margin-left:3%;
margin-left:1.2%;
}

.imageleft2{
position:relative;
float:left;
margin-right: 2.8%;
margin-top:5%;
margin-bottom: 5%;
}

 h1.head3{
margin-top:5%;
margin-bottom:1.8%;
margin-right:5%;
font-size:1.3em;
color: #32807A;
}

/* ----------SLEEPOVER WITH DOLPHIN-*/

#dolphin1{
float:right;
width:30%;
height: auto;
margin-left: 5%;
}

.imageleft1{
position:relative;
float:left;
margin-right: 2.6%;
margin-top:5%;
margin-bottom: 5%;
}

 h1.head3{
margin-top:5%;
margin-bottom:1.8%;
margin-right:5%;
font-size:1.3em;
color: #32807A;
}


/* ----------THIRD PAGE--*/

/* ----------PUFFIN IMAGE--*/
.image2{
position:relative;
float:left;
margin-right: 2.6%;
margin-top:3%;
}

/* ----------TRANSPARENT---*/
#puffinimage{
	width: auto
	opacity:1;
	filter:alpha(opacity=100);
	margin-top: 20px;
	position: relative;
	z-index: 1;
	height:auto;
	margin-top: 0x;
}


#puffinimage figure:hover{
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-moz-transition-duration: 2s;
-webkit-transition-property:all;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 2s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-moz-transition-duration: 2s;
-o-transition-property: all;
-o-transition-timing-function: ease;
-o-transform-duration: 2s;
transition-property: all;
transition-timing-function: ease;
transition-duration: 2s;
opacity:.7;
filter:alpha(opacity=70);

}

/*----------CONTACT FORM--*/

#leftcontactform{
float:left;
margin-right: 2.7%;
margin-top: 3.3%;
margin-bottom: 5px;
padding: 1.2%;
width: 50%;
height: 100%;
background-color: #26616d;
font-family: Arial, Helvetica, sans serif;
font-size:0.93em;
color: #F4F3E9;
}

h1.title1H1{
display:block;
font-size: 2em;
font-family: 'SteelfishRgRegular';
color:#a8c4c1;
margin-top: 1.6%;
margin-bottom: 20px;}

h1.head4{ 
display:block;
font-family: Arial, helvetica, sans serif;
font-size:1.1em;
color: #32807A;
margin-right: 2%;
margin-bottom:10px;

 }


fieldset{
border:0;}

.withouttext{
	font-size: 0px;
}

.stylecontact{
width: 86%;
border-width: 0px;
border-bottom-style: solid;
border-bottom-color: #98bab6;
border-bottom-width: 1px;
background-color: #1C4750;
font-size: 0.9em;
margin-bottom: 10px;
outline: 0px;
color: #F4F3E9;
}

.contact1{
margin-left: 13px;
}

textarea{
   	font-size: .9em;
   	padding: .5em;
	background-color: #98bab6:
	border-width: 0px;
	width:86%;
	height: 200px;
	margin-top: 1%;
}



#name{
width: 90%;
height: 150%;
background-color:#26616d;
padding: 10px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
}

#email{
width: 90%;
height: 160%;
background-color: #26616d;
padding: 10px 10px 10px 10px;
margin-bottom: 15px;
}

#message{
width: 90%;
height: 150%;
background-color: #94C5C0;
padding: 10px;
margin-bottom: 1%;
font-family: Arial, Helvetica, sans serif;
font-style: italic;
font-size:0.93em;
color: #455659;
}


textarea{
   	font-size: .9em;
   	padding: .5em;
	background-color: #98bab6;
	border-width: 0px;
	width:86%;
	height: 200px;
	margin-top: 2%;
}



input: focus{
	border-color: #32807A;
}

#submit{
float:right
margin-left: 20%;
margin-top: 0.9%;
height: 30px;
width: 20%;
padding:1%;
text-align:center;
background-color:  #557E7A;
font-family: Arial, Helvetica, sans serif;
font-size:0.9em;
color: #F4F3E9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border-color: #98bab6;
}

.insert1{
	width: 10%;
	border-style: solid;
   	border-color: #61a2aa;
  	border-width: 1px;	
 	background-color: #98bab6;
   	font-size: 1em;
   	padding: .3em;
	outline: 0px;
	font-family: Arial, Helvetica, sans serif;
font-size:0.9em;
color: #455659;

}

#addition{
	display: inline;
	height: auto;
	}



 /* ----------OVERVIEW--*/
 
 #rightoverview{
float: right;
width:40%;
height: auto;
margin-top:1%;
margin-left: 1%;
}
 
 
/* ----------TOP TOUR-*/

#toptour{
float: right;
width:40%;
height: auto;
margin-bottom:1%;
margin-top: 2px;
margin-left: 1%;
}

/* ----------CREDITS--*/
#credits{
float: left;
width:50%;
height: auto;
margin-top:0.4%;
margin-right: 3%;
margin-bottom: 2%;
}



/* ----------INFORMATION--*/
#rightinfo{
float: right;
width:40%;
height: auto;
margin-left: 10px;
margin-top: 0.7%;
}



/* ----------Fourth PAGE--*/
 /* ----------Thank you--*/
 
 #thankyou{
width: 100%;
height: auto;
margin-top:5%;
margin-right: 1.2%;
margin-bottom:2%;
text-align:center;
}

h1.title3H1{
font-size: 2.5em;
font-family: 'SteelfishRgRegular';
color:#32807A;
margin-top: 1.6%;
margin-bottom: 20px;}

.moon {
margin-top: 1.1%;
margin-bottom: 1.5%;
}

/* ----------FOOTER--*/
#bottomnav {
width: 960px;
text-align: right;
color: #1C8C9A;
font-family:'SteelfishRgRegular', Arial, helvetica, sans serif;
font-style: regular;
font-size: 1.2em;
line-height: 100%;
}

#bottomnav ul li{
	display: inline;
	list-style-type: none;
}

#bottomnav li{
	margin-right:191px;
}

a.bottomnav1:link{
	text-decoration: none;
	color:#32807A;
}
	
a.bottomnav1:visited {
	text-decoration: none;
	color: #32807A;
}

a.bottomnav1:hover {
color: #455659;
border-bottom: 3px solid #32807A;
text-decoration: none;
}

footer img{
	margin-top:0.5%;
}

#top{
position:relative;
float:right;
margin-top: 40px;
}

a.jumplink{
text-decoration: none;
color: #455659;
font-size: 1.1em;
font-weight: bold;
vertical-align: top;
}

#footer{
    text-align: center;
	color:#f4f3E9;
	width:960px;
	height:auto;
    background-color: #1C4750;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	padding:10px 0 10px 0;
	border-bottom:2px solid; 
	border-top: 2px solid;
	margin-bottom: 20px;
	margin-top:5px;
}