/*-----------------------------*/
body {
margin: 8px;
}
/*-----------------------------*/
.header_giraffe {
position: absolute; top: 15px; left: 24px; z-index: 1; margin-top: 0;
}
.header_sky {
height: 150px; width: 100%; background-color: blue;
}
.header_restaurant {
text-align : center; color: white; background-color: mediumvioletred; margin-top: 0;
font-weight : bold;
font-size : 400%;
font-family : "DomBold BT", sans-serif;
margin-bottom: 0;
padding-top: 60px;
}
/*-----------------------------*/
.header_sailboat {
position: absolute; top: 68px; right: 40px; z-index: 1; margin-top: 0;
}
.header_sunset {
height: 150px; width: 100%; background-color: #D97455;
}
.header_store {
text-align : center; color: white; background-color: #43605C; margin-top: 0;
font-weight : bold;
font-size : 400%;
font-family : "DomBold BT", sans-serif;
margin-bottom: 0;
padding-top: 60px;
}
/*-----------------------------*/
.center {
margin-left : auto;
margin-right : auto;
float : none;
text-align : center;
}
/*-----------------------------*/
.nav {
text-align : center;
list-style-type : none;
margin-left : auto;
margin-right : auto;
font-size : 1.25em;
float : none;
text-align : center;
margin-top : 0.25em;
margin-bottom : 0.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.nav li {
display : inline;
}
.nav a {
border: 4px solid white;
padding-left: 0.25em;
padding-right: 0.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.nav a:hover {
border: 4px solid blue;
}
/*-----------------------------*/
.left {
float: left;
padding-right: 1%;
padding-bottom: 1%;
}
.right {
float: right;
padding-left: 1%;
padding-bottom: 1%;
}
.clear{
clear: both;
}
/*-----------------------------*/

.title {
font-weight : bold;
font-size : 400%;
font-family : "DomBold BT", sans-serif;
}
.name {
font-weight : bold;
font-size : 250%;
font-family : "DomBold BT", sans-serif;
}
.subtitle {
font-weight : bold;
font-size : 200%;
font-family : "Albertus Extra Bold", serif;
}
.heading {
font-weight : bold;
font-size : 125%;
font-family : "Albertus Medium", serif;
}
.item {
font-weight : bold;
font-family : "Albertus Medium", serif;
}
.italics {
font-style : italic;
}
/*-----------------------------*/
hr.thin {
border-top : 1px solid black;
border-bottom : 1px solid black;
}
hr.thick {
border-top : 2px solid black;
border-bottom : 2px solid black;
}
hr.gray {
border-bottom : 1px solid gray;
}
/*--------------------------------------*/
/* Two Columns */

.column2Left
{
float: left;
width: 24%;
padding-right: 1%;
}

.column2Right
{
float: left;
width: 74%;
padding-left: 1%;
display: inline;
clear: right;
}

/*--------------------------------------*/

.box
{
border : 2px solid black;
}

.horizontal {
list-style-type : none;
margin-left : auto;
margin-right : auto;
margin-top : 0.5em;
}
.nav li {
display : inline;
}
.overlap { 
position: relative; 
top: 0; 
float: left; 
border: 2px solid blue;
}
.overlap:hover { 
z-index: 1;
}