* {
    box-sizing: border-box;
}

/* For All Devices: */
body  {
	width: 100%;
	margin:0;
	border:0;		
 	background:#c6bea6 url(images/body-bg.png);
	color: #333300;
	font:0.85em Georgia, serif; 	
}

/* For mobile phones: */
#wrap  {
	width:100%;
	background:#fffff8;		/* header background colour */
	overflow:hidden;		/* This chops off any overhanging divs */
	border: 2px solid #eeeeda;
	border-radius: 15px 15px 15px 15px;
	padding: 0.5% 1.2% 0 1.2%;
	text-align:left;
}
header  {
	float:left;
	width:100%;
	height:12.2em;
	margin:0;
   padding:0;
   background-image: url('images/lovina_beach.png');
	background-repeat:no-repeat;
 	background-position: center top; 
 	background-color: #fffff8;
   text-align:center;
   border-bottom:#bd193d solid 2px;
}
article  {
	width:100%;
}
aside   {
	float:left;
	width:100%;
	margin-top:0.6em;
}
footer  {
   float:left;
   clear:both;
	width:100%;  
   text-align:center;
   font-weight:bold;
   font-size:0.8em;
 }

img  {
	max-width:100%;
	height:auto;
} 

/* For All Devices: */
header h1 {
	margin-top:35px;
	color:white;
	font-size:1.9em;
	margin-bottom:65px;
}
h1, h2, h3 {
	margin:.8em 0 .3em 0;
	padding:0;
	color:#333333;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size:110%;
	color:#333333;
}
#skip{
	position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.leftbox   {
	float:left;
	min-width:170px;
}
.centerbox   {
	float:left;
	width:100%;
	
}
.rightbox:   {
	float:left;
	margin-left:20px;
	width:90%;
}
.menu   {
	float:left; 
	margin-right:0%;
}
.kivawidgeth {
	float:left;
	text-align:center;
	width:100%;
	padding:5px;
	border: 2px solid #999900;
}
.kivawidgetv {
	display:none;
}
.aligncenter  {
   display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:6px;
}
ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 2px;
	font-size:1.06em;
}
.em {
	font-weight:600;
	}
li{
	width:160px;
	float:left;
	padding-bottom:8px;
}
a {
	color:#bb193d;
	text-decoration:none;
	font-weight:600;
}
a.emph {
	text-decoration: underline;
	font-size:0.9em;
}	
a:hover {
	text-decoration:underline;
}
a:hover.emph {
	text-decoration:none;
}
a:visited {
	color:#bb193d;
}
h1, h2, h3 {
	margin:.8em 0 .3em 0;
	padding:0;
	color:#333333;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size:110%;
	color:#333333;
}
a.content  {
	font-weight:600;
	font-size:0.9em;	
	color:#333355;
	margin:0;
	padding:0;
	border:0;
}
a.content:hover  {
	text-decoration:underline;
}

/* Footer styles */
#addthis{
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

footer #addthis a{
	margin:0 6px 0 0; 
	padding:0;
}
footer p {
	padding:10px;
	margin:0;
	color:#ffffff;
}
footer a {
	padding:10px;
	margin:0;
	color:#ffffff;	
}
.logo  {
	position:relative;
	margin-left:2em;
	text-align: center;
}
#map  {
	max-width:590px; 	
	border:solid thin; 	
	display: block; 	
	margin-left: auto; 	
	margin-right: auto
}

/* To Make Embedded Videos Responsive: */
.embed-container { 
	position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { 
		position: absolute; 
		top: 0; left: 0; 
		width: 100%; 
		height: 100%; }

/* For Laptops/Desktops: */
@media only screen and (min-width: 768px) {
	header  {
		padding-top:15px;
	}
	
	.leftbox  {
		float: left;
		width:19%;
		margin-top:0.5em;
   	border-right:#bbbbbb solid 1px;
   	text-align:left;
	}

	.centerbox{
		float: left;
		width:58%;
		padding:0 10px 0 10px;
	}

	.rightbox {
	width:19%;
	float:left;
	margin-top:0.6em;
}
.kivawidgetv {
	float:left;
	display:block;
	text-align:center;
	width:164px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border: 2px solid #999900;
}
.kivawidgeth {
	display:none;
}
#video  {
	width: 560px;
	border:0px ; 
	padding-top: 20px;
	margin-left: 50px;
	margin: 0 auto;
}
	}

@media only screen and (min-width: 980px) {
	
	#wrap {
		width:1024px;
		margin:auto;
	}
.leftbox  {
		float: left;
		width:19.5%;
		margin-top:0.5em;
   	border-right:#bbbbbb solid 1px;
   	text-align:left;
	}

	.centerbox{
		float: left;
		width:59%;
		padding:0 10px 0 10px;
	}

	.rightbox {
	width:21%;
	float:left;
	margin-top:0.6em;
}	
}