/* 
Theme Name: landingpage
Theme URL: http://www.zonnigcuracao.nl/
Description: Landingpage t.b.v. Zonnig Curacao.
Author: Bas Martens
Author URI: http://www.basmartens.info
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, h1, h2, h3, h4, p, a, strong, ul, li {
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
}
body {
	font: 100% Arial, Helvetica;
	background:#00529e url(images/bg/bg-body.gif) fixed repeat-x left top;
	color: #505050;
	margin:0 0 10px 0;
}
h1 {
	font:28px Arial;
	font-weight:bold;
}
h2 {
	font:25px Arial;
	font-weight:normal;
}
h3 {
	color:#286ca9;
	font-size:18px;
	margin:0 0 16px 0;
	height:25px;
	line-height:25px;
	font-weight:normal;
}
h4 {
	font:22px Arial;
	color:#f7c12d;
	margin:0 0 10px 0;
	font-weight:normal;
}
p {
	line-height:22px;
	text-align:justify;
	color:#6d6d6d;
}
a, a:visited {
	color:#0000ff;
}
a:hover {
	text-decoration:none;
}
.clear {
	height:0px;
	line-height:0px;
	font-size:0px;
	clear:both;
}
strong {
	font-weight:bold;
}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#header {
	width:940px;
	height:247px;
	background:#FFF;
	padding:10px 10px 0 10px;
	;
	margin:20px auto 0 auto;
}
#header h2 {
	color:#39c7fc;
	margin:0!important;
	padding:0 0 0 60px!important;
	font-size:18px;
	font-weight:normal!important;
}
#header img {
	margin:0;
	padding:0;
	display:block;
}
#adheader {margin:0 0 10px 55px;}
#corner {
	background: url(images/bg/bg-logo.gif) no-repeat left top;
	float:left;
	margin:0 0 10px 0;
}
.menu-topmenu-container {
	width:940px;
	margin:0 auto;
	background:#0b3640;
	height:35px;
}
#menu-topmenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#menu-topmenu li a {
	margin:0;
	padding:0;
	color:#FFF;
	float:left;
	padding:10px;
	font-size:12px;
	text-decoration:none;
}
#menu-topmenu li a:hover {
	background:#095f74;
	color:#ffb900;
}
#logo {
	padding:0 0 0 60px;
	height:45px;
}
#logo a {
	height:45px;
	color:#286ca9;
	font-weight:normal;
	line-height:55px;
	text-decoration:none;
}
#logo a:hover {
	text-decoration:underline;
}
#space {
	background:#efefef;
	padding:0;
	width:940px;
	height:39px;
	margin:0 auto;
	border-left:10px solid #efefef;
	border-right:10px solid #efefef;
}
.banner {
	float:left;
	padding:0 0 0 10px;
	line-height:39px;
	font-size:12px;
	color:#e10020;
}
.online {
	float:right;
	width:310px;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:39px;
}
.amount {
	float:left;
	margin:13px 6px 0 0;
}
.amount .left {
	background: url(images/bg/bg-visitors-left.gif) no-repeat left top;
	height:15px;
	width:5px;
	display:block;
	float:left;
}
.amount .count {
	float:left;
	height:15px;
	line-height:15px;
	display:block;
	text-align:center;
	background: url(images/bg/bg-visitors.gif) repeat-x left top;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
}
.amount .right {
	background: url(images/bg/bg-visitors-right.gif) no-repeat left top;
	height:15px;
	width:5px;
	display:block;
	float:left;
}
#content {
	width:940px;
	margin:0 auto;
	padding: 0 10px 10px 10px;
	font-size:12px;
	background:#efefef;
}
.left {
	width:608px;
	float:left;
}
.article {
	width:588px;
	background:#FFF;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #d5d5d5;
}
.article ul li {list-style:none;} 
.article h1 {
	padding:0;
	margin:0!important;
	color:#69abf7!important;
	font-weight:normal;
	font:28px Arial;
}
.article h1 a {
	padding:0;
	margin:0!important;
	color:#69abf7!important;
	font-weight:normal;
	font:28px Arial;
	text-decoration:none;
}
.article h2 {
	color:#000;
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
}
.right {
	width:320px;
	float:right;
}
.right .yellow {
	background:#ffb900;
	width:300px;
	padding:10px;
}
.right ul {
	margin:0;
	padding:0 10px 0 20px;
}
.right ul li {
	margin:0;
	padding:0;
	list-style:none;
	width:80px;
	height:80px;
	float:left;
	margin:0 10px 10px 0;
	text-indent:-2000px;
}
.hotel1 {
	background: url(images/visuals/beeld.jpg) no-repeat left top;
}
.hotel2 {
	background: url(images/visuals/beeld.jpg) no-repeat -80px top;
}
.hotel3 {
	background: url(images/visuals/beeld.jpg) no-repeat -160px top;
}
.hotel4 {
	background: url(images/visuals/beeld.jpg) no-repeat left -80px;
}
.hotel5 {
	background: url(images/visuals/beeld.jpg) no-repeat -80px -80px;
}
.hotel6 {
	background: url(images/visuals/beeld.jpg) no-repeat -160px -80px;
}
#ads {
	width:468px;
	overflow-y:hidden;
	padding:0;
	height:60px;
	margin:0 auto 20px auto;
}
#buttons {
	width:386px;
	overflow-y:hidden;
	padding:0;
	height:85px;
	margin:0 0 0 112px;
}

#buttons li {
	float:left;
	margin:0 20px 0 0;
}
#buttons .red {
	width:183px;
	height:55px;
	display:block;
	background:url(images/bg/bg-button-red.gif) repeat-x left top;
	text-align:center;
	font-size:18px;
	padding:9px 0 0 0;
}
#buttons .red a {
	color:#FFF;
	text-decoration:none;
}
#buttons .red a:hover {
	color:#FFF;
	text-decoration:underline;
}
#buttons .green {
	padding:10px 0 0 12px;
	width:171px;
	height:54px;
	display:block;
	background:url(images/bg/bg-button-green.gif) repeat-x left top;
	position:relative;
	margin:0;
}
#buttons .green b {
	color:#FFF;
}
#buttons .green a {
	width:23px;
	height:21px;
	display:block;
	text-indent:-2000px;
	position:absolute;
	left:143px;
	top:31px;
}
#bottom {
	width:960px;
	margin:0 auto;
	background:#167ec2;
	padding:20px 0 20px 0;
}
#bottom ul li {
	list-style:none;
	background:#167ec2 url(images/bg/bg-arrow.gif) no-repeat left 7px;
	padding:0 0 0 15px;
}
#bottom ul li a {
	color:#FFF;
	font-size:12px;
	line-height:22px;
}
.col {
	width:215px;
	float:left;
	padding:0 0 0 20px;
}
.col a {
	color:#FFF;
}
#footer {
	margin: 0 auto;
	width: 920px;
	font-size:12px;
	background:#FFF;
	color:#666;
	padding:10px 20px;
}
#footer a {
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#postmeta {
	padding:2px 0;
	margin:5px 0 0 0;
}