@charset "utf-8";
/* Dolphin Quays CSS */

body {
background-color: #edece7;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 100%;
}

h4 { font-weight: bold; font-size: 1.2em; }

#container {
width: 750px;
height: 100%;
margin: 0 auto;
text-align: center;
background-image: url('images/background.gif');
}

.padded { padding: 25px; }

.header {
width: 700px;
height: 87px;
margin: 0 auto;
font-size: 0.001em;
color: #edece7;
}

.intro_links {
width: 700px;
height: 405px;
background-color: #0063A5;
background-image: url('images/line.gif');
background-repeat: no-repeat;
position: relative;
font-size: 0.88em;
}
.intro_mooring, .intro_oceanic, .intro_peninsula { position: absolute; }
.intro_mooring { top: 25px; left: 100px; }
.intro_oceanic { top: 25px; left: 400px; }
.intro_peninsula { top: 215px; left: 250px; }

.intro_mooring a, .intro_oceanic a, .intro_peninsula a {
display: block;
width: 200px;
height: 140px;
text-decoration: none;
background: url('images/intro_links.jpg');
font-size: 0.001em;
color: #0063A5;
}
.intro_mooring a { background-position: 0px 140px; }
.intro_mooring a:hover { background-position: 0px 0px; }
.intro_oceanic a { background-position: 400px 140px; }
.intro_oceanic a:hover { background-position: 400px 0px; }
.intro_peninsula a { background-position: 200px 140px; }
.intro_peninsula a:hover { background-position: 200px 0px; }

.border { border: 2px solid #fff; margin-bottom: 25px; }
.notice { font-weight: bold; }
.floatright { float: right; margin-left: 25px; margin-bottom: 25px; }

.mooring_main, .oceanic_main, .peninsula_main {
width: 700px;
font-size: 0.75em;
text-align: left;
}
.mooring_main {
background-color: #0063A5;
background-image: url('images/line.gif');
background-repeat: no-repeat;
}
.mooring_main p { width: 375px; }

.oceanic_main {
background-color: #00A2C2;
background-image: url('images/line2.gif');
background-repeat: no-repeat;
}
.oceanic_main p { width: 375px; }

.peninsula_main {
background-color: #49aad7;
background-image: url('images/line3.gif');
background-repeat: no-repeat;
}
.peninsula_main p { width: 375px; }

.mooring_main a, .oceanic_main a, .peninsula_main a {
color: #ffffff;
text-decoration: underline;
}
.mooring_main a:hover, .oceanic_main a:hover, .peninsula_main a:hover {
color: #bbbbbb;
}