/* ################################################## */
/*  Made by: www.VOORDEELWEBSITE.nl                  */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Conv_ARIALN_1'; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: 'Conv_ARIALN_1'; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }
.center { margin: 0 auto; width: 1004px; position: relative; }

/* ### slider box ### */
.sliderBox { overflow: hidden; width: 100%; height: 657px; position: absolute; top: 0; left: 0; }
.sliderBox ul { list-style: none; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 657px; }
.sliderBox li { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: relative; }
.sliderBox li img { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; }
.sliderBox li .content { width: 1004px; position: absolute; top: 329px; left: 50%; margin-left: -502px; z-index: 200; }
.sliderBox li a.price { display: block; text-decoration: none; float: right; margin-right: 40px; padding: 12px 162px 0 35px; height: 114px; color: #279f66; font-size: 46px; background: url(../images/heading_bg.png) no-repeat right 0; line-height: 55px; }
.sliderBox li a.price small { font-size: 26px; line-height: 31px; display: block; } 
.sliderBox .nav { width: 1004px; position: absolute; top: 482px; left: 50%; margin-left: -502px; z-index: 200; }
.sliderBox .nav a { float: right; margin-left: 9px; text-indent: -9999px; background: url(../images/paging_bg.png) no-repeat; width: 17px; }
.sliderBox .nav a:hover, .sliderBox .nav a.activeSlide { background-position: 0 -17px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; background: url(../images/wrapper_bg.png) repeat-x; height: 162px; z-index: 300; margin-bottom: 380px; }
	#headerCntr.sub { margin-bottom: 60px; z-index: 500; }
	#headerCntr a.logo { position: absolute; top: 0; left: 0; display: block; width: 261px; height: 130px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }
	
		/* ### more box ### */
		.moreBox { position: absolute; top: 0; right: 3px; width: 460px; height: 28px; background: #4d75b1; overflow: hidden; padding: 0 15px 0 10px }
		.moreBox p { float: left; line-height: 28px; color: #fff; font-size: 14px; }
		.moreBox ul { list-style: none; float: right; padding-top: 5px; overflow: hidden; }
		.moreBox li { float: left; margin-left: 9px; }
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 126px; left: 2px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; font-size: 16px; position: relative; }
		.menuBox li a { line-height: 35px; padding: 0 11px; color: #fff; display: block; text-decoration: none; }
		.menuBox li a:hover, .menuBox li.active a, .menuBox li:hover > a { background: url(../images/menu_hover.png) repeat-x; }
		.menuBox li ul { position: absolute; top: 36px; left: 0; width: 145px; display: none; }
		.menuBox li li { float: none; border-bottom: 1px solid #fff; }
		.menuBox li li a { line-height: 34px; padding: 0 0 0 18px; background: url(../images/drop_bg.png) repeat-x; }
		.menuBox li li a:hover { background: url(../images/drop_hover.png) repeat-x; }
		.menuBox li:hover ul { display: block; } 
		
		/* ### social box ### */
		.socialBox { position: absolute; top: 121px; right: 3px; }
		.socialBox ul { list-style: none; overflow: hidden; }
		.socialBox li { float: left; margin-left: 1px; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 100%; }
	
		/* ### welcome box ### */
		.welcomeBox { width: 1003px; background: url(../images/welcome_bg.png) no-repeat; padding: 12px 0 0 20px; position: relative; z-index: 200; }
		.welcomeBox .top { padding-bottom: 10px; width: 934px; }
		.welcomeBox .top h3 { color: #da9232; font-size: 27px; padding-bottom: 8px; font-weight: normal; }
		.welcomeBox .top p { color: #000; font-size: 14px; line-height: 14px; font-family: 'Conv_helvitica regular_0'; padding-bottom: 10px; }
		.welcomeBox .top p span { font-family: 'Conv_MyriadPro-It';  }
		.welcomeBox ul { list-style: none; overflow: hidden; padding-bottom: 30px; }
		.welcomeBox li { float: left; margin-right: 35px; border: 1px solid #da9233; padding: 4px; width: 288px; min-height: 332px; background: #fff; }
		.welcomeBox li.last { margin-right: 0; }
		.welcomeBox li img.big { margin-bottom: 6px; }
		.welcomeBox li h4 { color: #d99232; font-weight: normal; font-family: 'Conv_ARIALNI_1'; padding-bottom: 5px; font-size: 21px; }
		.welcomeBox li p { color: #000; font-size: 13px; line-height: 15px; padding-bottom: 6px; }
		.welcomeBox li .bot { overflow: hidden; }
		.welcomeBox li span { float: left; line-height: 28px; color: #279f66; font-size: 18px; font-family: 'Conv_ARIALNI_1'; }
		.welcomeBox li a.more { float: right; color: #fff; font-size: 14px; text-decoration: none; padding: 0 8px 0 13px; background: #4d75b1; }
		.welcomeBox li a.more img { display: inline; vertical-align: middle; margin-left: 7px; }
		.welcomeBox li:hover a.more { background: #289f66; }
		
		/* ### left container ### */
		#leftCntr { float: left; width: 250px; border: 1px solid #90aace; background: #fff; padding-top: 13px; min-height: 1080px; position: relative; z-index: 300; }
		
			/* ### links box ### */
			.linksBox { padding-left: 30px; }
			.linksBox h3 { color: #d99232; font-size: 18px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px dotted #4d75b1; margin-bottom: 6px; width: 204px; }
			.linksBox ul { list-style: none; padding-bottom: 8px; }
			.linksBox li { line-height: 18px; font-size: 15px; }
			.linksBox li a { color: #333; text-decoration: none; }
			.linksBox li a:hover, .linksBox li.active a { color: #da9232; } 
		
		/* ### right container ### */
		#rightCntr { float: right; width: 724px; border: 1px solid #90aace; background: #fff; }
		
			/* ### possibe box ### */
			.possibeBox { padding: 13px 0 16px 20px; }
			.possibeBox h4 { color: #d99232; font-size: 18px; font-weight: normal; padding-bottom: 20px; }
			.possibeBox .col { overflow: hidden; border: 1px solid #da9233; padding: 4px; margin-bottom: 16px; width: 673px; }
			.possibeBox .col.last { margin-bottom: 38px; }
			.possibeBox img.big { float: left; margin-right: 16px; }
			.possibeBox .text { float: left; width: 367px; overflow: hidden; }
			.possibeBox h3 { color: #d99232; font-size: 22px; font-weight: normal; font-family: 'Conv_ARIALNI_1'; padding-bottom: 2px; }
			.possibeBox p { color: #000; line-height: 14px; font-family: 'Conv_helvitica regular_0'; padding-bottom: 5px; }
			.possibeBox .text ul { list-style: none; margin-bottom: 7px; }
			.possibeBox .text li { line-height: 26px; padding: 0 15px 0 6px; width: 346px; color: #da9131; background: #e3e3e3; font-size: 17px; }
			.possibeBox .text li.alt { background: #f6f6f6; } 
			.possibeBox .text li span { float: right; text-align: right; color: #5079b7; }
			.possibeBox a.button { float: right; color: #fff; font-size: 14px; line-height: 28px; background: #4f78b5; padding: 0 16px 0 8px; display: block; text-decoration: none; } 
			.possibeBox a.button img { display: inline; vertical-align: middle; margin-left: 6px; }
			.possibeBox .col:hover a.button { background: #289f66; }
			.possibeBox ul.controls { overflow: hidden; list-style: none; }
			.possibeBox ul.controls li { float: left; margin-right: 1px; font-size: 17px; line-height: 28px; color: #d89131; }
			.possibeBox ul.controls li a { display: block; line-height: 28px; padding: 0 10px; background: #4f78b5; color: #fff; font-size: 22px; text-decoration: none; }
			.possibeBox ul.controls li a:hover, .possibeBox ul.controls li.active a { background: #289f66; }
			.possibeBox ul.controls li.gap { margin-right: 8px; }
			
			/* ### popular box ### */
			.popularBox { width: 717px; padding: 14px 0 24px 6px; overflow: hidden; }
			.popularBox h4 { color: #d89232; font-size: 18px; font-weight: normal; padding-bottom: 10px; }
			.popularBox .left { float: left; width: 453px; }
			.popularBox .right { float: right; width: 256px; }
			.popularBox .slider { width: 453px; height: 258px; margin-bottom: 15px; }
			.popularBox .slider { list-style: none; width: 453px; height: 258px; }
			.popularBox .slider li { float: left; width: 453px; height: 258px; }
			.popularBox h3 { color: #d99232; font-size: 21px; font-weight: normal; padding-bottom: 4px; font-style: italic; }
			.popularBox p { color: #333; font-size: 14px; font-family: 'Conv_MyriadPro-Regular'; line-height: 16px; padding-bottom: 15px; }
			.popularBox ul.text { list-style: none; margin-bottom: 15px; }
			.popularBox ul.text li { line-height: 26px; width: 416px; padding: 0 30px 0 7px; color: #da9131; font-size: 17px; background: #e3e3e3; }
			.popularBox ul.text li span { color: #5079b7; float: right; text-align: center; }
			.popularBox ul.text li.alt { background: #f6f6f6; }
			.popularBox .nav { width: 256px; overflow: hidden; }
			.popularBox .nav a img { margin: 0 8px 10px 0; float: left; }
			.popularBox .contact { width: 672px; }
			.popularBox .contact fieldset { border: 0; }
			.popularBox .contact .row { overflow: hidden; margin-bottom: 12px; }
			.popularBox .contact label { float: left; font-size: 14px; line-height: 20px; width: 56px; margin-right: 15px; text-align: right; color: #333; }
			.popularBox .contact input.field { border: 1px solid #333; background: #fff; width: 185px; height: 20px; padding: 0 10px; color: #333; float: left; }
			.popularBox .contact textarea { border: 1px solid #333; background: #fff; width: 455px; height: 101px; padding: 6px 10px; color: #333; float: left; }
			.popularBox .contact input.button { border: 0; background: url(../images/button1.jpg) no-repeat; width: 62px; height: 26px; cursor: pointer; float: left; }
	
	/* ### footer container ### */
	#footerCntr { width: 100%; background: url(../images/footer_bg.png) repeat-x; margin-top: 20px; }
	#footerCntr .center { width: 966px; height: 236px; padding: 30px 0 0 38px; position: relative;}
	#footerCntr img.big { position: absolute; top: -211px; left: -200px; z-index: 100; }
	#footerCntr .col1 { float: left; width: 282px; z-index: 200; position: relative; }
	#footerCntr .col2 { float: left; width: 230px; }
	#footerCntr .col3 { float: left; width: 248px; }
	#footerCntr .col4 { float: left; width: 180px; }
	#footerCntr h3 { color: #fff; font-size: 26px; font-weight: normal; padding-bottom: 6px; }
	#footerCntr ul { list-style: none; }
	#footerCntr li { line-height: 19px; font-size: 16px; }
	#footerCntr li a { color: #000; text-decoration: none; }
	#footerCntr li a:hover { color: #fff; }
	#footerCntr p { color: #ae7224; margin-top: -6px; z-index: 100; position: relative; } 
		#footerCntr a { color: #ae7224; }