html, body{
border: 0px;
margin: 0px;
}

#all{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(beach2014.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

#menu{
text-align: center;
width: 90%;
height: 50px;
position: relative;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border: 10px solid rgba(255, 255, 255, 0.7);
border-radius: 15px;
}

#menu a{
text-decoration: none;
margin-left: 15px;
font-size: 30px;
font-family: Calibri;
font-weight: bolder;
color: white;
border-right: solid 5px white;
line-height: 50px;
padding-right: 15px;
}
#menu a:hover{
color: rgb(0,194,251);
}
.last{ border-right: none !important;}

#wrapper{
width: 90%;
height: 60%;
position: relative;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border: 10px solid rgba(255, 255, 255, 0.7);
border-radius: 15px;
background-color: rgba(255,255,255,0.4);
}

#about{
padding: 10px;
font-family: calibri;
font-size: 20px;
font-weight: bolder;
color: black;
}
#cartoon{
width: 256px;
height: 256px;
position: absolute;
margin: 10px;
top: 0;
right: 25px;
background-image: url(http://icons.iconarchive.com/icons/sykonist/peter-griffin/256/Peter-Griffin-Indian-icon.png);
background-repeat: no-repeat;
z-index: -1;
}
#quotedtext{
width: 75%;
background-color: rgba(255,255,255,0.6);
font-style: italic;
font-weight: normal;
font-size: 15px;
background-image: url(quotes.png);
background-repeat: no-repeat;
background-position: left top;
padding: 30px;
border-radius: 10px;
}

#map_canvas{
width: 100%;
height: 100%;
}

#quando{
overflow-y:scroll;
width: 100%;
height: 100%;
}
#faqs{
padding: 10px;
font-family: calibri;
color: black;
}

#faqs p{
margin: 0px;
padding: 0px;
font-size: 20px;
}
.question{
margin-top: 15px;
font-weight: bolder;
font-style: italic;
float: left;
clear: both;
}
.response{
float: left;
clear: both;
margin-bottom: 28px !important;
}