/* @common */

html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	vertical-align: baseline;
	background-color: #fff;
	color: #866546;
	text-align: left;
}

#wrapper {
	width: 995px;
	background: #fff;
	margin: 5px auto;
}

#header {
	float: left;
	width: 100%;
	height: 100%;
}

#container {
	float:left;
	margin-top: 15px;
	width: 100%;
	height: 100%;
}

#logo_search_container {
	float: left;
	width: 100%;
	padding-bottom: 1px;
}

#pictures {
	float: left;
	width: 100%;
	height: 201px;
}

#left_container {
	float: left;
	width: 220px;
	height: auto;
}

#detail_container {
	float: left;
	width: 420px;
	padding-right: 23px;
	height: auto;
}

#right_container {
	float: left;
	width: 330px;
	height: auto;
}

div.floatleft, div.floatright {
	background-color: transparent;
	padding: 0px;
	margin: 20px;
}

div.floatleft {
	float: left;
	padding-right: 30px;
}

div.floatright {
	float: right;
}

p.right, p.rightpad {
	text-align: right;
}

p.rightpad {
	padding-right: 10px;
}

img {
	border: none;
}

input.checkbox {
	background-color: transparent;
	vertical-align: middle;
}

/* @end common */


/* @Toplinks */

#toplinks {
	float: left;
	width: 670px;
	margin-top: -3px;
	background: #fff;
	text-align: right;
	color: #919e4f;
	font-weight: bold;
}
	
a.toplinks {
	color: #919e4f;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

a.toplinks:hover {
	text-decoration: none;
}

label.toplinks {
	color: #919e4f;
	font-weight: bold;
	font-size: 0.9em;
}

/* @end Toplinks */


/* @Subscribe to newsletter */

#subscribe_container {
	float: left;
	top: 0px;
	padding-left: 3px;
}

#subscribe_newsletter {
	margin-top: -3px;
}

input.subscribe {
	border: solid 1px #919e4f;
	font-size: 0.8em;
	padding-left: 2px;
	padding-right: 2px;
}

input.imgbutton {
	vertical-align: text-bottom;
}

/* @end Subscribe to newsletter */


/* @The Hanly Centre logo family */

#logo_family {
	float: left;
	width: 50%;
	margin-top: -3px;
	margin-left: 10px;
	background: #fff;
	text-align: left;
}

#logo_family a {
	text-decoration: none;
}

img.logo_family {
	float: left;
	padding-right: 23px;
}

#logo_family_bigtext {
	padding-top: 5px;
	color: #783413;
	font-size: 2.58em;
}

#logo_family_smalltext {
	padding-left: 5px;
	margin-top: -4px;
	background-color: transparent;
	color: #783413;
	font-size: 0.72em;
}

/* @end The Hanly Centre logo family */


/* @Site search */

#site_search_container {
	float: right;
	margin-top: 10px;
	width: 332px;
	height: 55px;
	background-color: #f7f7f7;
	text-align: center;
}

#sitesearch {
	background-color: transparent;
	text-align: center;
}

#site_search {
	background-color: transparent;
	text-align: center;
	padding-top: 15px;
}

label.site_search {
	background-color: transparent;
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
	vertical-align: middle;
}

input.criteria {
	border: inset 1px #000;
	background-color: #fff;
	font-size: 0.8em;
	padding-left: 2px;
	padding-right: 2px;
}

input.search {
	border: outset 1px #74803a;
	background-color: #919e4f;
	color: #fff;
	text-align: center;
	font-size: 0.75em;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	vertical-align: bottom;
}

/* @end Site search */


/* @for people */

#nordic_homes {
	float: left;
	left: 0px;
}

#bespoken_quality {
	float: left;
	padding-left: 1px;
}

#mobile_homes {
	float: left;
	padding-left: 1px;
}

#skalman_10 {
	float: left;
	padding-left: 1px;
}

/* @end for people */


/* @Podcasts & videos */

#podcasts_videos {
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 25px;
	padding-left: 32px;
}

#podcasts_videos a, podcasts_videos:hover {
	color: #a82621;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

img.podcasts {
	vertical-align: -1px;
}

img.videos {
	vertical-align: -2px;
}

div.video {
	position: relative;
	z-index: 1;
	padding-top: 5px;
}

/* @end Podcasts & videos */


/* @validation W3C & accessibility */

#validation {
	float: left;
	width: 160px;
	height: auto;
	padding-top: 25px;
	text-align: center;
}

/* @validation W3C & accessibility */


/* @detail info */

img.detail {
	padding: 5px 10px 0px 0px;
}

h1.detail {
	color: #866546;
	font-size: 1em;
	font-weight: bold;
}

h2.detail {
	color: #919e4f;
	font-size: 0.8em;
}

#sitemap a {
	font-size: 0.8em;
	text-decoration: none;
	line-height: 20px;
}

#sitemap a:hover {
	font-size: 0.8em;
	text-decoration: underline;
}

#sitemap a.sub {
	padding-left: 20px;
}

a.readmore, a.readmorerightpad {
	font-size: 0.8em;
	color: #919e4f;
	text-decoration: none;
}

a.readmore:hover, a.readmorerightpad:hover {
	text-decoration: underline;
}

p.detail, p.detail_padding {
	color: #000;
	font-size: 0.8em;
	text-align: justify;
}

/* @end detail info */


/* login */

#login_container {
	width: 100%;
	height: 125px;
	background-color: #f7f7f7;
	border: 1px solid #919E4F;
	padding-bottom: 10px;
}

#login {
	background-color: transparent;
}

#login_data {
	float: left;
	padding: 10px 10px 2px 2px;
	width: 70%;
	background-color: transparent;
	text-align: right;
}

#login_button {
	float: right;
	width: auto;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 15px;
	background-color: transparent;
}

#remember_me {
	float: left;
	width: 100%;
	background-color: transparent;
	text-align: center;
}

label.login_fields, label.login_fields2 {
	background-color: transparent;
	color: #3f74b8;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 30px;
}

label.login_fields2 {
	font-size: 0.9em;
}

#login_links {
	float: left;
	background-color: transparent;
	margin-left: 16px;
	padding-bottom: 10px;
}

#login_links a {
	background-color: transparent;
	font-size: 0.7em;
	color: #919e4f;
	text-decoration: none;
}

#login_links a:hover {
	text-decoration: underline;
}

/* @end login */


/* ecofriendly */
#ecofriendly {
	float: left;
	width: 100%;
	height: auto;
	background-color: transparent;
	border: solid 1px #919e4f;
	margin-top: 15px;
	padding-bottom: 5px;
}
#counselling {
	float: left;
	width: 100%;
	height: auto;
	background-color: transparent;
	border: solid 1px #919e4f;
	margin-top: 15px;
	padding-bottom: 5px;
}

h1.counselling {
	background-color: #919e4f;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding-bottom: 2px;
}

p.detail_padding {
	padding: 7px 10px 10px 10px;
}

img.counselling {
	padding: 10px 10px 0px 10px;
}

/* @end online counselling and coaching */


/* @make a donation */

#donation {
	float: left;
	width: 100%;
	height: auto;
	background-color: transparent;
	border: solid 1px #a82621;
	margin-top: 15px;
	padding-bottom: 5px;
}

h1.donation {
	background-color: #a82621;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	padding-bottom: 2px;
}

p.readmorerightpad {
	padding-right: 10px;
}

img.lighthouse {
	padding: 10px 20px 5px 20px;
}

/*@end make a donation */


/* @Online shop */

#onlineshop {
	float: left;
	margin-top: 15px;
	width: 100%;
	text-align: center;
}

#onlineshop a {
	color: #3f74b8;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

#onlineshop a:hover {
	text-decoration: underline
}

img.euro {
	vertical-align: -10px;
	padding-right: 8px;
}

/* @end Online shop */


/* @Footer */

#footer {
	float: left;
	margin-top: 40px;
	margin-bottom: 25px;
	width: 100%;
	height: 30px;
	border-top: solid 1px #866546;
	text-align: center;
	color: #866546;
}

#footer a {
	color: #866546;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
