/* Global white space reset */
* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px}
li, dd {margin-left:15px}
fieldset {padding:6px}

/* Undo default HTML styling of common browsers */
a:link, a:visited {text-decoration:none; color:#aaa; font-weight:bold}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none; color:#1c4851}
ul, ol {list-style:none}
img {border:none}

/* General */
html, body {height:100%}
body {
	background:#282627 url('images/bg_general.gif') no-repeat top center;
	color:#4e4a49;
	text-align:center;
	margin:0;
	font:normal 11px/15px verdana,serif
	}

/* General links */
a:hover {text-decoration:underline}
a:active {text-decoration:none}
a:focus, input:focus {outline:none}

/* Paragraph and headings */
p {margin:0 0 8px 0}
h1 {font-size:22px; color:#4e4a49; margin:5px 5px}
h2 {font-size:13px}
h3 {font-size:12px; color:#000; margin:5px 15px}
h4 {font-size:11px}
h5 {font-size:10px}

/* Forms */
.submit {font:bold 12px verdana,serif; cursor:pointer!important; color:#1c4851; background:none; border:none; width:60px; margin:0 0 0 6px}
.radio {margin:0 5px 0 0; background:none; border:none}
.search {
	width:150px;
	height:18px;
	font:normal 12px verdana;
	color:#333;
	border:1px solid #999;
	background:url('images/bg_search_field.gif') no-repeat top left;
	padding:5px 6px 1px 6px;
	vertical-align:middle
	}

/* Who's your daddy */
#daddy {
	width:998px;
	min-height:100%;
	height:auto;
	margin:0 auto -95px auto;
	text-align:left
	}
* html #daddy {height:100%}

/* Header */
#header {height:272px}
#logo {
	width:366px;
	height:85px;
	padding:14px 0 0 0;
	background:url('images/bg_menu_starter.gif') no-repeat top right;
	float:left;
	display:inline;
	position:relative
	}
#logo-text {color:#ccc; font:normal 22px arial,serif; position:absolute; top:40px; left:100px}
#ticker {width:632px; height:31px; float:right; display:inline; padding:15px 0 0 0; text-align:center; color:#888}
#ticker:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#headerimage {width:998px; height:173px; background:url('images/main.jpg') no-repeat top left; float:left; position:relative; margin:0 0px 0px 25px}
#slogan {color:#000; font:normal 20px arial,serif; position:absolute; bottom:35px; left:220px}
#download {width:189px; height:59px; margin:128px 0 0 0; background:url('images/download.gif') no-repeat top left; float:left}
#download-text {color:#fff; font:bold 15px/22px arial,serif; width:187px; display:block; text-align:center; padding:8px 2px 0 0}
#icons {width:97px; height:90px; background:url('images/bg_icon_lines.gif') no-repeat top right; margin:26px 0 0 0; float:right}
#home {width:13px; height:13px; margin:30px 7px 0 0; float:right}
#sitemap {width:13px; height:13px; margin:52px 7px 0 0; float:right}
#contact {width:13px; height:13px; margin:76px 7px 0 0; float:right}
/* Header links */
#logo a {font-weight:normal}
#download a {color:#fff; display:block; height:51px}
#download a:hover, #logo a:hover {text-decoration:none; color:#ddd}

/* Menu */
#menu {
	width:632px;
	height:53px;
	background:url('images/bg_menu.gif') repeat-x top left;
	float:right;
	display:inline
	}
#menu ul {padding:20px 0 20px 17px; margin:0}
#menu li {display:inline; list-style:none; margin:0 16px 0 0; font:bold 13px verdana,serif}
#menu ul li a:link, #menu ul li a:visited {padding:5px 7px; color:#000; border:1px solid #ead28b; background:#fff}
#menu ul li a:hover, #menu ul li a#active, #menu ul li a:active {color:#fff; border:1px solid #fff; background:#000; text-decoration:none}

/* CONTENT AND COLUMNS */
#content {background:#f3f2f0 url('images/bg_page.gif') repeat-y top left}
#content a:link, #content a:visited {text-decoration:none; color:#1c4851; font-weight:bold}
#cA {float:left; width:270px; margin:0 11px 0 30px; display:inline}
.Ctopleft {background:url('images/corners_top.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left}
#search {background:#a4c0ba; padding:10px 15px}
#cA img {padding:0px 0px 0px 5px; margin:4px 7px 0 0}
.testimonial {padding:10px; font:normal 10px verdana,arial,sans-serif}
.testimonial_link {font:12px verdana,arial,sans-serif; text-decoration:none; color:#1c4851; font-weight:bold}
.submenu{padding:0px 0px 0px 12px; font:10px}
.submenu_link{font:10px verdana,arial,sans-serif; text-decoration:none; color:#1c4851; }
#cB {float:right; width:679px; margin:0 8px 0 0; display:inline}
.Ctopright {background:url('images/corners_top.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right}
#cB1 {width:640px; float:left; padding:0 10px 5px 10px}

.news {border-bottom:1px solid #e6e1dd; border-top:1px solid #fcfafb; padding:5px 5px 5px 5px; width: 420px; float: left; text-align:justify}

#cB1 img {padding:0px 0px 0px 5px; margin:4px 7px 0 0}
#cB2 {width:309px; float:right; margin:0}
.about {background:#c6d6d6; border:1px solid #a4c0ba; padding:5px; margin:0 0 10px 0; color:#282627}
.about ul {list-style-type:none}
.about li {padding:0 0 0 20px; margin:5px 0; background:url('images/check.gif') no-repeat 0 50%}
#newsletter {
	width:309px;
	height:86px;
	background:url('images/newsletter.jpg') no-repeat top left;
	position:relative;
	text-transform:uppercase
	}
#newsletter-title {color:#fff; font:normal 24px impact,serif; position:absolute; top:10px; left:15px}
#newsletter-title a {color:#fff!important; font-weight:normal!important}
#newsletter-text {font:normal 10px arial,serif; position:absolute; bottom:10px; left:10px; width:209px}
#newsletter-text a {color:#35393f!important}
.Cpad {margin:0 8px 0 30px}
.Cbottomleft {background:url('images/corners_bottom.gif') no-repeat top left; width:9px; height:9px; overflow:hidden; float:left; display:inline}
.Cbottom {
	width:942px;
	height:9px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url('images/bg_page.gif') repeat-y -39px 0
	}
.Cbottomright {background:url('images/corners_bottom.gif') no-repeat top right; width:9px; height:9px; overflow:hidden; float:right; display:inline}

/* Footer */
#footer {height:95px; width:100%; margin:0; background:url('images/bg_footer.gif') no-repeat bottom center}
#foot {height:95px; width:998px; margin:0 auto; text-align:left}
#foot1 {height:30px; text-align:right; padding:12px 29px 0 0}
#foot1 a:link, #foot1 a:visited {color:#888}
#foot1 a:active {color:#999}
#foot2 {padding:10px 360px 0 30px; color:#999}
#foot2 a:link, #foot2 a:visited {color:#ddd}
#foot2 a:active {color:#eee}
.star {color:#fc0}
.valid {float:right}

/* Misc */
.clear {clear:both}
.leflo {float:left}
.riflo {float:right}
#properspace {height:105px}
#preloader {display:none}

.rightmenu {width:200px;overflow:hidden; float:right; display:inline}

#mainPan{width:1078px; position:relative; margin:0 auto;}

/*----Left Panel----*/
#rightPan2{width:205px; float:left; background:#FFFCF4; color:#582902; border-bottom:1px solid #E3DDCD; border-left:1px solid #E3DDCD; border-right:1px solid #E3DDCD; padding:48px 0 0;}

#leftPan{width:205px; float:left; background:#FFFCF4; color:#582902; border-bottom:1px solid #E3DDCD; border-left:1px solid #E3DDCD; border-right:1px solid #E3DDCD; padding:48px 0 0;}

#leftPan ul.one{width:177px; margin:0 0 22px 14px;}
#leftPan ul.one li{width:177px; height:21px; border-bottom:1px solid #E3DDCD;}
#leftPan ul.one li a{width:143px; height:21px; display:block; background:url(images/arrow1.gif) 23px 8px no-repeat #FFFCF4; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li a:hover{background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li.home{width:143px; height:21px; background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 34px;}
#leftPan ul.one li.contact{width:177px; height:21px; border-bottom:none;}

#fastformPan{width:277px; background:#E3DDCD; color:#574A22; margin:0 14px 11px;}
#fastformPan form.formone{width:277px; }
#fastformPan form.formone h2{width:267px; height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}

.forming{width:154px; height:18px; background:#fff; color:#000; font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:7px 0 0 10px;}

#submitPan{width:111px; height:20px; position:relative; }

#fastformPan form label{width:80px; height:10px; display:block; float:left; background:#E3DDCD; color:#574A22; font:13px/13px Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0; padding:0 0 0 5px;}
#fastformPan form input.check{width:12px; height:12px; float:left; margin:10px 0 0; background:none;}

#leftPan h3{ height:20px; background:#FFFCF4; color:#574A22; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 25px;}

#leftPan ul.two{ margin:12px 0 12px 4px;}
#leftPan ul.two li{}
#leftPan ul.two li a{display:block; background:url(images/arrow3.gif) 12px 6px no-repeat #FFFCF4; color:#582902; font-size:13px; text-decoration:underline; padding:0 0 0 22px;}
#leftPan ul.two li a:hover{background:url(images/arrow1.gif) 12px 6px no-repeat #FFFCF4; color:#574A22; font-size:13px; text-decoration:underline;}

#secondformPan{width:177px; height:95px; background:#E3DDCD; color:#574A22; margin:0 14px 30px;}
#secondformPan form.formtwo{width:177px; height:95px;}
#secondformPan form.formtwo h2{width:167px; height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
#secondformPan form.formtwo .input{width:61px; height:20px; background:url(images/button.gif) 0 0 no-repeat #E3DDCD; color:#fff; border:none; font:11px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase; margin:10px 0 0 106px;}

#secondformPan input{width:104px; height:18px; display:block; background:#fff; color:#000; font:11px/18px Verdana, Arial, Helvetica, sans-serif; margin:8px 0 0 10px;}

/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:621px; float:left;}
/*---Top Panel----*/
#topPan{width:565px; height:150px; padding:0 0 0 56px;}
#topPan img.logo{width:213px; height:30px; margin:41px 0 5px;}
.searchform {position:absolute; width: 200px; padding: 10px 10px 10px 10px; top: 10px; left: 500px; }

#topPan p{width:210px; height:18px; border:1px solid #D1C7A7; background:#fff; color:#010000; text-align:center; font-size:14px;}

#topPan ul{width:168px; position:absolute; top:51px; right:127px;}
#topPan ul li{width:55px; height:38px; border-right:1px solid #E3DDCD; float:left;}
#topPan ul li.pen{width:55px; height:38px; background:url(images/icon1-normal.gif) 0 0 no-repeat;}
#topPan ul li.pen a{width:55px; height:38px; display:block; background:url(images/icon1-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.pen a:hover{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

#topPan ul li.book{width:55px; height:38px; background:url(images/icon2-normal.gif) 0 0 no-repeat;}
#topPan ul li.book a{width:55px; height:38px; display:block; background:url(images/icon1-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.book a:hover{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

#topPan ul li.calculator{width:55px; height:38px; background:url(images/icon3-normal.gif) 0 0 no-repeat; border:none;}
#topPan ul li.calculator a{width:55px; height:38px; display:block; background:url(images/icon3-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.calculator a:hover{width:55px; height:38px; background:url(images/icon3-hover.gif) 0 0 no-repeat; text-indent:-20000px;}

/*---/Top Panel----*/
/*---Body Panel----*/
#bodyPan{width:575px; padding:14px 40px 0 6px;}
#bodyPan h2{background:#fff; padding:4px 0px 5px 6px;color:#40361B; font:30px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan p.contant1{background:url(images/image1.gif) 0 8px no-repeat; padding:6px 0 0 98px;}

#bodyPan p.contant2{background:url(images/image2.gif) 0 15px no-repeat; padding:12px 0 0 98px;}

#bodyPan p.contant3{background:url(images/image3.gif) 0 15px no-repeat; padding:12px 0 0 98px;}

#bodyPan p.more{background:url(images/more-line.gif) 0 90% repeat-x;}
#bodyPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 375px;}
#bodyPan p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}
/*---Body Lower Panel----*/
#bodylowerPan{padding:11px 0 0; position:relative; margin:0 auto;}
#bodylowerLeftPan{width:291px; padding:0 40px 0 0; float:left;}
#bodylowerLeftPan p{padding:15px 0;}
#bodylowerLeftPan h3{height:30px; background:#fff; color:#40361B; font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodylowerLeftPan ul.list{width:290px;}
#bodylowerLeftPan ul.list li{width:290px; height:20px;}
#bodylowerLeftPan ul.list li a{height:20px; background:url(images/bullet1.gif) 0 3px no-repeat #fff; color:#000; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#bodylowerLeftPan ul.list li a:hover{background:url(images/bullet2.gif) 0 3px no-repeat #fff; color:#5E2401; line-height:20px; text-decoration:underline;}

#bodylowerLeftPan p.more{background:url(images/more-line.gif) 0 90% repeat-x; padding:0px;}
#bodylowerLeftPan p.more a{background:#fff; color:#CC0000; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; margin:0 0 0 193px;}
#bodylowerLeftPan p.more a:hover{background:#E3DDCD; color:#CC0000; text-decoration:none;}

#bodylowerRightPan{width:244px; float:right;}
#bodylowerRightPan h4{height:50px; background:#fff; color:#40361B; font:30px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodylowerRightPan ul{width:212px; padding:16px 16px 0; background:#574A22; color:#fff;}
#bodylowerRightPan ul li{width:212px; border-bottom:1px solid #887B53;} 
#bodylowerRightPan ul li a{width:192px; background:url(images/arrow4.gif) 8px 6px no-repeat #574A22; color:#fff; text-decoration:none; line-height:27px; padding:0 0 0 20px;} 
#bodylowerRightPan ul li a:hover{background:url(images/arrow5.gif) 8px 6px no-repeat #574A22; color:#FCF0CD; text-decoration:none; padding:0 0 0 20px;} 
#bodylowerRightPan ul li.lastlink{border:none;}

#bodylowerRightPan p.more{width:194px; height:38px; background:url(images/more-bg.jpg) 24px 0 no-repeat #574A22; color:#342B0D; padding:12px 0 0;}
#bodylowerRightPan p.more a{width:72px; background:#DED8C6; color:#342B0D; font-size:13px; font-weight:bold; margin:0 0 0 77px; text-decoration:none; }
#bodylowerRightPan p.more a:hover{text-decoration:none;}
/*---/Body Lower Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:99px; background:url(images/footerbg.gif) 0 0 repeat-x #FFFCF4; color:#010101; clear:both; padding:53px 0 0;}

#footerPan{width:778px; position:relative; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}

#footerPan ul{width:580px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#574A22; background:#FFFCF4; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:204px; position:relative; margin:0 auto; background:#FFFCF4; color:#010000;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#FFFCF4; color:#444; display:block; position:absolute; top:60px; left:300px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#FFFCF4; display:block; color:#444; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:60px; height:18px; display:block; position:absolute; top:40px; left:320px;}
#footerPanhtml a{width:58px; height:18px; display:block; background:#CC0000; color:#fff; line-height:18px; font-size:11px; font-weight:bold; text-align:center; text-decoration:none;}
#footerPanhtml a:hover{background:#574A22; color:#fff;}

#footerPancss{width:48px; height:18px; display:block; position:absolute; top:40px; left:380px;}
#footerPancss a{width:48px; height:18px; display:block; background:#574A22; color:#fff; line-height:18px; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; text-align:center;}
#footerPancss a:hover{background:#CC0000; color:#fff;}


		.fields{width:468px;}
		.fields-left .fm-opt label, #fields-contact .label{ height:16px; line-height:16px; display:block; float:left; text-align:right; font-size:12px; color:#4d4948; }
		
			.fields-left{float:left; width:186px; padding-top:0px;}
				.fields-left-title{font-weight:bold; text-align:center;margin-bottom:4px;}
				.fields-left .fm-opt {clear:both;}
				.fields-left .fm-opt label{width:75px; font-weight:normal; padding-right:4px;}						   
				.fields-left .fm-opt select{width:95px; display:block; float:left; color:#4d4948; font-size:9px; font-weight:bold;}
				
			.fields-right{float:left; width:282px;}
				.title-comment{margin:16px 0 6px 0;}
				.title-comment label{font-size:11px; color:#4d4948;}
				.fields-right textarea{width:264px; height:82px; white-space:pre; overflow-y:scroll; font-size:11px; color:#4d4948;}
				#field-browse{margin-top:4px; width:282px;}
				#field-browse label{font-size:11px; color:#4d4948; height:16px; line-height:16px;}
				#field-browse input{font-size:10px;}
	
		#fields-contact {margin-top:16px;}
			#fields-contact .label{width:94px; font-weight:normal; padding-right:4px;}
			#fields-contact .input { border: 1px solid #97afa0;  width:160px;} 
			
			#notificat{padding-left:26px;}
			#notificat label{position:relative; top:-3px;}
			
			#fields-contact .button{text-align:center;}
			#fields-contact button {border:1px #4d4948 solid; background:#e77817; color:#fff; font-weight:bold; font-size:12px; cursor:pointer;}
		/*Contact*/	
	select#department_id {display:block; float:left; width:164px; color:#4d4948; font-size:11px; font-weight:bold;}
	textarea#message {display:block; float:left; width:164px; border: 1px solid #97afa0;height:82px; white-space:pre; overflow-y:scroll; font-size:11px; color:#4d4948;}
	div#fields-contact div.more-width input{width:200px;}
	
	.more-width2 {margin: 0px 0px 0px 100px; font:11px/18px Verdana, Arial, Helvetica, sans-serif;}
	
	
	div#fields-contact div.more-width select, div#fields-contact div.more-width textarea{width:202px; display:block;}
	* html div#fields-contact div.more-width select, * html div#fields-contact div.more-width textarea{width:204px; display:block;}
		/*end formaulair*/
	.spacer20{clear:both; font-size:1px; height:20px;}
	.spacer10{clear:both; font-size:1px; height:10px;}	
	.button2 {border:1px #4d4948 solid; height: 20px; background:#574A22; color:#fff; font-weight:bold; font:11px/18px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; margin: 10px 10px 10px 145px}
	
	#rightPan2 h2{height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
	#rightPan2 ul li{}
	#rightPan2 ul li a{display:block; background:url(images/arrow3.gif) 12px 6px no-repeat #FFFCF4; color:#582902; font-size:13px; text-decoration:underline; padding:0 0 0 22px;}
	#rightPan2 ul li a:hover{background:url(images/arrow1.gif) 12px 6px no-repeat #FFFCF4; color:#574A22; font-size:13px; text-decoration:underline;}

.textfieldlabel {display:inline; padding:1px 5px 0 0; width:160px;}
.textfield  {display:inline; padding:1px 5px 0 0; width:280px; border: solid 1px #999999;}	

#leftPan h3{height:23px; background:#574A22; color:#fff; font:20px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px;}