/* Website Development by MH Productions | Maarten van den Heuvel | www.mhproductions.eu */

/* Main */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	background-color:#d8e5ec;
	background-image: url(images/bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	font-size:12px;
	padding:0px;
	margin:0 auto;
	text-align:center;
}

a {
	color:#222;
	text-decoration:underline;
	outline: none;
}

a:hover {
	color:#222;
	text-decoration:none;
	outline: none;
}

img {
	border:0px;
}

p {
	padding:7px 0px 7px 0px;
	margin:0px;
}

ul {
	padding:7px 5px 7px 18px;
	margin:0px;
	list-style-type:square;
}

ol {
	padding:7px 5px 7px 18px;
	*padding:7px 5px 7px 28px;
	margin:0px;
}

hr {
	border: none 0; 
	border-top: 1px dashed #9eb2bb;
	height: 1px;
}

h1 {
	color:#022f42;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	font-style:italic;
	padding:0px 0px 10px 0px;
	margin:0px;
	text-shadow: 1px 1px 1px #bebebe;
	text-align:left;
	line-height:30px;
}

h2 {
	color:#345969;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	padding:15px 0px 10px 0px;
	margin:0px;
	text-shadow:none;
	text-align:left;
}

h3 {
	color:#7f96a0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding:0px 0px 13px 0px;
	margin:0px;
	text-shadow:none;
	text-align:left;
}

h3.blog_error {
	padding:10px 0px 10px 0px;
}

#wrapper {
	position:relative;
	background-image: url(images/bg_wrapper.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	width:928px;
	min-height:600px;
	height:auto;
	padding:0px;
	margin:auto;
	text-align:left;
}

#background {
	position:relative;
	background-image: url(images/bg_header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:928px;
	min-height:600px;
	height:auto;
	padding:0px;
	margin:auto;
	text-align:left;
}

/* Header */

#header {
	position:relative;
	width:928px;
	height:112px;
	padding:0px;
	margin:auto;
	text-align:left;
}

#logo {
	position:absolute;
	width:254px;
	height:67px;
	padding:0px;
	margin:0px;
	top:23px;
	left:59px;
	text-align:left;
}

/* Menu */

#menu {
	position:relative;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	top:36px;
	right:32px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px #01212e;
	text-align:right;
	white-space:nowrap;
	float:right;
	clear:right;
}

#menu a {
	color:#9eb2bb;
	text-decoration:none;
	cursor:pointer;
}

#menu a:hover {
	color:#d8e5ec;
	text-decoration:none;
}

#menu ul {
	padding:0px;
	margin:0px;
	display:inline;
	list-style:none;
}

#menu li {
	width:auto;
	height:auto;
	padding:0px 19px 0px 0px;
	margin:0px;
	border:0px;
	display:inline;
}

/* Top-Menu */

#topmenu {
	position:relative;
	width:auto;
	height:15px;
	padding:0px;
	margin:0px;
	top:13px;
	right:51px;
	color:#345969;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	white-space:nowrap;
	float:right;
	clear:right;
}

#topmenu a {
	color:#345969;
	text-decoration:none;
	cursor:pointer;
}

#topmenu a:hover {
	color:#4a7385;
	text-decoration:none;
}

#topmenu ul {
	padding:0px;
	margin:0px;
	display:inline;
	list-style:none;
}

#topmenu li {
	width:auto;
	height:auto;
	padding:0px 9px 0px 7px;
	margin:0px;
	border: 0px;
	border-right: solid 1px #345969;
	display:inline;
}

#topmenu li.last {
	padding:0px 0px 0px 7px;
	border-right:0px;
}

/* Content - Error */

#page_error {
	position:relative;
	width:auto;
	height:auto;
	padding:0px;
	margin:30px 0px 0px 50px;
	text-align:left;
	float:left;
	clear:left;
}

/* Content - Home */

#content_home {
	position:relative;
	width:900px;
	min-height:478px;
	height:auto;
	padding:0px;
	margin:0px;
	margin-top:10px;
	left:14px;
	z-index:100;
}

#header_home {
	position:relative;
	width:900px;
	height:283px;
	background-image: url(images/banner.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	padding:0px;
	margin:0px;
}

#header_home p {
	margin:0px;
	padding:0px;
}

#header_home .intro_text {
	position:absolute;
	width:465px;
	height:auto;
	padding:0px;
	margin:94px 0px 0px 48px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:19px;
	text-shadow: 1px 1px 2px #2c4451;
}

#header_home .intro_buttons {
	position:absolute;
	width:auto;
	height:auto;
	padding:0px;
	margin:226px 0px 0px 45px;
}

#header_home .intro_buttons img {
	margin:0px 20px 0px 0px;
}

#header_home .intro_version {
	position:absolute;
	width:auto;
	height:auto;
	padding:0px;
	margin:237px 0px 0px 390px;
	color:#7f96a0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}

#page_home {
	position:relative;
	width:460px;
	height:auto;
	left:48px;
	padding:0px;
	margin:30px 0px 35px 0px;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:19px;
	float:left;
	clear:left;
}

#page_home_testimonial {
	position:relative;
	width:270px;
	height:auto;
	right:36px;
	padding:20px 26px 23px 26px;
	margin:35px 0px 35px 0px;
	background-color:#ededed;
	color:#2a5062;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:20px;
	text-shadow: 1px 1px 2px #bebebe;
	float:right;
	clear:right;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

#page_home_testimonial p {
	margin:0px;
	padding:0px;
}

#page_home_testimonial a {
	color:#2a5062;
	text-decoration:none;
}

#page_home_testimonial a:hover {
	color:#2a5062;
	text-decoration:underline;
}

/* Content - Page */

#content {
	position:relative;
	width:900px;
	min-height:478px;
	height:auto;
	background-image: url(images/bg_side.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	padding:0px;
	margin:0px;
	margin-top:10px;
	left:14px;
	z-index:100;
}

#page {
	position:relative;
	width:600px;
	height:auto;
	right:50px;
	padding:0px;
	margin:30px 0px 35px 0px;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:19px;	
	float:right;
	clear:right;
}

#page .blog_share {
	padding:10px 0px 5px 0px;
}

#page p.details_post {
	padding-top:0px;
	font-size:11px;
	color:#999;
}

#page a.title_link {
	color:#345969;
	text-decoration:none;
	cursor:pointer;
}

#page a.title_link:hover {
	color:#7f96a0;
	text-decoration:none;
}

#page a.details_link {
	color:#999;
	text-decoration:none;
	cursor:pointer;
}

#page a.details_link:hover {
	color:#666;
	text-decoration:none;
}

#page a.more_link {
	color:#345969;
	text-decoration:none;
	cursor:pointer;
}

#page a.more_link:hover {
	color:#9eb2bb;
	text-decoration:none;
}

#page a.h2_nolink {
	color:#345969;
	text-decoration:none;
	cursor:default;
}

#page a.h2_nolink:hover {
	color:#345969;
	text-decoration:none;
}

#page h3.add_comment_title {
	padding-top:10px;
}

/* Content - Page - Forms */

#page input {
	width:250px;
	height:18px;
	background-color:#fff;
	border:#ddd 1px solid;
	color:#666;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:4px;
	margin:3px 0px 5px 0px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline:none;
}

#page input:hover {
	border:#bbb 1px solid;
	color:#222;
}

#page input:focus {
	border:#7f95a0 1px solid;
	color:#222;
}

#page input.submit_button {
	position: relative;
	width:auto;
	height:26px;
	background-color:#022f42;
	display: inline-block;
	padding:4px 11px 4px 11px;
	margin:0px 0px 5px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-family:"Trebuchet MS", GillSans, Calibri, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	text-align:left;
	vertical-align:middle;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0px 4px #999;
	-moz-box-shadow: 0 0px 4px #999;
	-webkit-box-shadow: 0 0px 4px #999;
	border:0px;
	cursor: pointer;
}

#page input.submit_button:hover {
	background-color:#335966;
}

#page input.submit_button:active {
	background-color:#335966;
	box-shadow: 0 0px 0px;
	-moz-box-shadow: 0 0px 0px;
	-webkit-box-shadow: 0 0px 0px;
}

#page textarea {
	width:250px;
	height:70px;
	background-color:#fff;
	border:#ddd 1px solid;
	color:#666;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:4px;
	margin:3px 0px 5px 0px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline:none;
}

#page textarea:hover {
	border:#bbb 1px solid;
	color:#222;
}

#page textarea:focus {
	border:#7f95a0 1px solid;
	color:#222;
}

/* Content - Page - Comments */

#comments_block {
	width:560px;
	height:auto;
	padding:0px 20px 10px 20px;
	margin:20px 0px 20px 0px;
	color:#022f42;
	background-color:#e9edf0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
}

#comments_block .post_comment {
	padding:0px 0px 3px 0px;
	margin:3px 0px 3px 0px;
}

#comments_block span.form_row_name {
	clear:both;
	width:550px;
	height:75px;
	display:block;
}

#comments_block span.form_row_text {
	clear:both;
	width:550px;
	height:105px;
	display:block;
}

#comments_block span.form_row_button {
	clear:both;
	width:550px;
	text-align:left;
	display:block;
}

#comments_block span.form_left {
	float:left;
	clear:left;
	text-align:left;
}

#comments_block span.form_right {
	float:right;
	clear:right;
	text-align:left;
}

#comments_block img.security_code_image {
	margin-top:3px;
}

#comments_block input.security_code_field {
	width:100px;
	margin-right:150px;
}

/* Content - Page - Sidebar */

#side_menu {
	position:relative;
	width:200px;
	height:auto;
	left:0px;
	padding:0px;
	margin:21px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#022f42;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	text-shadow: 1px 1px 1px #a1abb0;
	float:left;
	clear:left;
}

#side_menu a {
	color:#022f42;
	text-decoration:none;
	cursor:pointer;
}

#side_menu a:hover {
	color:#345969;
	text-decoration:none;
}

#side_menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#side_menu li a {
	width:163px;
	height:31px;
	padding:8px 5px 0px 32px;
	border-bottom: solid 1px #fff;
	overflow:hidden;
	white-space:nowrap;
	margin:0px;
	background-color:#e9edef;
	background-image: url(images/bg_side.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	display:block;
}

#side_menu li:hover a:hover {
	background-color:#c9d6dc;
	background-image: url(images/bg_side_over.jpg);
}

#side_menu li.menu_title h4 {
	width:163px;
	height:31px;
	padding:8px 5px 0px 32px;
	overflow:hidden;
	white-space:nowrap;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7f96a0;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	text-shadow: 1px 1px 1px #bebebe;
	display:block;
}

#side_menu li.blog_list a.blog_list {
	width:158px;
	height:auto;
	padding:12px 10px 12px 32px;
	font-size:12px;
	overflow:visible;
	white-space:normal;
}

/* Footer */

#footer {
	position:relative;
	width:928px;
	height:80px;
	background-image: url(images/bg_footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color:#7f96a0;
	font-size:10px;
	padding:0px;
	margin:0 auto;
	top:-8px;
	text-align:left;
	clear:both;
	z-index:0;
}

#footer a {
	color:#7f96a0;
	text-decoration:none;
}

#footer a:hover {
	color:#4a7385;
	text-decoration:none;
}

#footer_copy {
	position:relative;
	padding:0px;
	margin:0px;
	top:28px;
	left:46px;
	text-align:left;
	float:left;
	clear:left;
}

#footer_logo {
	position:relative;
	padding:0px;
	margin:0px;
	top:25px;
	right:46px;
	text-align:right;
	float:right;
	clear:right;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

#footer_logo:hover {
	opacity:1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

#footer_logo img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* Extra */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}