/*Desiree Kaltz
IT-270: Website Design
Final Project */



/* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }

/* Div ID css coding */
  div#background {
    width: 100%;
    height: 280px;
    background: url(http://www.geocities.ws/snhudkk/chilled-cold.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }

div#background2 {
    width: 100%;
    height: 280px;
    background: url(http://www.geocities.ws/snhudkk/camper-campervan-cropped.jpg) no-repeat;
    background-position: center;
    background-size: cover;

  }

  div#background3 {
  	width: 100%;
    height: 280px;
    background: url(http://www.geocities.ws/snhudkk/cheese-close-up-cropped.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }

  div#background4 {
  	width: 100%;
    height: 280px;
    background: url(http://www.geocities.ws/snhudkk/adult-bar-cropped_3.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }

  div#background5 {
  	width: 100%;
    height: 280px;
    background: url(http://www.geocities.ws/snhudkk/beach-background-cropped.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }

  div#logo {
  	display: inline-block;
  	padding-left: 10px;
  	vertical-align: top;
  }
  
  div#dialogue {
  	display: inline-block;
  	height: 20em;
  	width: 60em;
  	background-color: #DBFCFF;
  	border-color: #DBFCFF;
  	border-radius: 6px;
  	padding: 8px;
  	margin-top: 0px;
  	font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
  }

  div#places {
  	display: inline-block;
  	height: 6em;
  	width: 15em;
  	background-color: #DBFCFF;
  	border-color: #DBFCFF;
  	border-radius: 6px;
  	padding: 10px 10px 10px 10px;
  	margin-top: 20px;
  	margin-left: 240px;
  	font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
  	text-align: center;
  	font-weight: bold;
  }

  div#box {
  	display: inline-block;
  	height: 20em;
  	width: 60em;
  	background-color: #DBFCFF;
  	border-color: #DBFCFF;
  	border-radius: 6px;
  	padding: 10px 10px 10px 10px;
  	margin-top: 20px;
  	margin-left: 240px;
  }

  div#headline {
  	display: inline-block;
  	vertical-align: top;
  	font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
  	text-align: left;
  	font-weight: bold;
  	padding-right: 2em;
  	margin-left: 20px;
  }

div#text {
  	
  	font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
  	text-align: left;
  	vertical-align: top;
  	padding-right: 2em;
  	margin-left: 15px;
  	font-weight: normal;
  }

 /* navigation bar coding */
.ribbon {
  background-color: #1C1912;
  overflow: hidden;
  font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
}

.ribbon a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


.ribbon a:hover {
  background-color: #DBFCFF;
  color: black;
  font-weight: bold;
}


.ribbon a.active {
  background-color: #DBFCFF;
  color: black;
  font-weight: bold;
}


/*Body CSS coding */
  body {
  	background-color: #70D4A9;
  	margin: 0px 0px 0px 0px;
  }

  h1 {
  	font-family: Aharoni, Berlin Sans FB Demi, Sans-serif;
  	font-weight: bold;
  	text-align: left;
  	font-size: 36px;
  }