/* general
----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	padding-bottom: 5px;
	font: normal 11px/19px Verdana;
	background: url('../images/background.gif') repeat-x #e7e7e7 0 0px;	
}

.clear {
	clear: both;
}

/* topbanner
----------------------------------------------------------*/

#topbanner {
	height: 100px;
	background: #fff;
}

/* container
----------------------------------------------------------*/

#container {
	width: 770px;
	margin: 0 auto;
	background: url('../images/container.gif');
}

/* header
----------------------------------------------------------*/

#header {
	height: 110px;
	padding: 30px 21px 0 21px;
	background: url('../images/header.gif');
}

#header #logotype {
	width: 440px;
	height: 70px;
	padding: 30px 0 0 0;
}

#header #logotype a {
	margin: 0 0 0 20px;
	width: 114px;
	height: 20px;
	display: block;
	border: none;
}

#header #logotype a img {
	border: none;
}

#header #search {
	float: left;
	height: 100px;
	width: 288px;
}

#header #search form {
	width: 268px;
}

#header #search form input {
	margin-top: 38px;
	padding: 7px;
	border: none;
	background: url('../images/form.gif');
	color: #fff;
	font: normal 11px Verdana;
}

#header #search form button {
	margin-top: 38px;
	padding: 7px;
	width: 50px;
	border: none;
	background: url('../images/form.gif');
	color: #fff;
	font: normal 11px Verdana;
}

/* heading
----------------------------------------------------------*/

#heading {
	padding: 10px 41px 20px 41px;
	background: url('../images/heading.gif');
}

#heading p {
	font-size: 10px;
	padding: 10px 0 0 0;
}

/* content
----------------------------------------------------------*/

#content {
	padding: 0 41px 20px 41px;
	background: url('../images/content.gif') no-repeat;
}

#content #primary {
	float: left;
	width: 400px;
}

#content #secondary {
	float: right;
	width: 268px;
}

#content .box1 {
	margin: 10px 0 0 0;
	padding: 8px 10px;
	border-top: 2px solid #7ac4ea;
	background: #e7f9ff;
}

#content .box2 {
	margin: 10px 0 0 0;
	padding: 8px 10px;
	border-top: 2px solid #f9af18;
	background: #fffad7;
	border-radius: 10px;
}

#content .box2 p {
	padding: 0;
}

#content ul {
	list-style: none;
}

#content .resortitems {
	margin: 10px 0 0 0;
	padding: 8px 10px;
	border-top: 2px solid #7ac4ea;
	background: #e7f9ff;
}

#content .resortitems li {
	padding: 0 0 0 0;
	font: normal 11px/22px Verdana;
	height: 22px;
}

#content .linkitems {
	margin: 10px 0 0 0;
	padding: 8px 10px;
	border-top: 2px solid #7ac4ea;
	background: #e7f9ff;
}

#content .linkitems li {
	padding: 0 0 0 0;
	font: normal 11px/22px Verdana;
}

/* footer
----------------------------------------------------------*/

#footer {
	padding: 0 21px 21px 21px;
	background: url('../images/footer.gif') no-repeat bottom left;
}

#footer ul {
	padding: 20px;
	color: #e7e7e7;
	background: #222;
	list-style: none;
}

#footer ul li a {
	color: #fff;
	border-color: #fff;
}

/* typography
----------------------------------------------------------*/

h1 {
	font: normal 17px Verdana;
}

h2 {
	color: #db9300;
	font: normal 11px Verdana;
	padding: 20px 0 0 0;
	border-top: 1px dotted #222;
	margin-top: 20px;
}

.nb {
	border-top: none;
	margin-top: 0px;
}

h3 {
	margin-top: 10px;
	padding: 10px;
	font: normal 11px Verdana;
	border-bottom: 1px solid #7ac4ea;
	background: #e7f9ff;
}

h4 {
	color: #c0c0c0;
	padding: 10px 0 0 0;
	font: normal 11px Verdana;
}

p {
	padding: 10px 0 0 0;
	font: normal 11px/19px Verdana;
}

/* links
----------------------------------------------------------*/

a {
	color: #035ca7;
	text-decoration: none;
	border-bottom: 1px dotted #035ca7;
}

a:hover {
	color: #00325c;
	border-color: #00325c;
}

/* frontpage
----------------------------------------------------------*/

.commentitems {

}

.commentitems li p {
	padding: 10px 0 10px 0;
}

/* box with facts
----------------------------------------------------------*/

dl {
	display: block;
	margin: 10px 0 0 0;
	padding: 8px 10px;
	border-top: 2px solid #f9af18;
	background: #fffad7;
}

dt {
	clear:   left;
	display:  block;
	float:   left;
	width:   134px;
	height: 22px;
}

dd {
	clear:   right;
	display:  block;
	white-space: nowrap;
	height: 22px;
}

/* country view
----------------------------------------------------------*/

ul#cityitems li p {
	padding-bottom: 10px;
}

/* city view
----------------------------------------------------------*/

ul#resortitems {
	padding: 10px 0;
}

ul#resortitems li {
	padding: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #7ac4ea;
	background: #e7f9ff;
}

ul#resortitems li h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

ul#neighbouritems {
	margin-top: 10px;
	padding: 10px;
	background: #e7f9ff;
	border-bottom: 1px solid #7ac4ea;
}

ul#neighbouritems li {
	display: inline;
	padding-right: 5px;
}

/* resort view
----------------------------------------------------------*/

ul#comments {

}

ul#comments li {
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #7ac4ea;
	background: #e7f9ff;
}

ul#comments li p {
	
}

ul#comments li p.author {
	color: #666;
}

form {
}

form label {
	display: block;
	padding: 10px 0 5px 0;
	font: normal 10px/19px Verdana;
}

form input {
	width: 196px;
	border: none;
	border-bottom: 1px solid #7ac4ea;
	padding: 5px;
	background: #e7f9ff;
	font: normal 11px/19px Verdana;
}

form textarea {
	border: none;
	border-bottom: 1px solid #7ac4ea;
	width: 386px;
	height: 100px;
	padding: 5px;
	background: #e7f9ff;
	font: normal 11px/19px Verdana;
}

form button {
	border: 1px solid #7ac4ea;
	background: #e7f9ff;
	padding: 5px 5px;
	width: 60px;
	font: normal 10px/10px Verdana;
	margin: 10px 0 0 336px;
}

.boink {
	display: none;
}


/* testing
----------------------------------------------------------*/

td {
	font: normal 11px Verdana;
}