/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Myriad Pro', arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff url('../images/bg.jpg') left top repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.bg { background: #fff url('../images/bodybg.jpg') left top repeat-x; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 976px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 976px; height: 370px; }
	#headerCntr.header { height: 228px; }
	#headerCntr h1 { position: absolute; top: 23px; left: 2px; }
	#headerCntr h1 a { display: block; width: 217px; height: 36px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox {  padding-top: 20px; width: 671px; height: 57px; float: right; background: url('../images/menubg.png') right bottom no-repeat; }
		.menuBox ul { padding-left: 61px; list-style: none; }
		.menuBox li {  float: left; position: relative; font-size: 16px; background: url('../images/lisprtor.jpg') right 25px no-repeat; }
		.menuBox li a { padding-left: 8px; color: #fff; margin-top: 6px; text-decoration: none; height: 57px; line-height: 60px; display: block;  }
		.menuBox li a span { padding: 0px 20px 0 12px; display: block; height: 57px; }
		.menuBox li a span span { padding: 0px 0px 0px 16px; display: block; height: auto; background: url('../images/arrow.png') left center no-repeat; }
		.menuBox li a:hover span span, .menuBox li.selected a span span, .menuBox li:hover a span span { background: url('../images/arrow.png') left center no-repeat; }
		.menuBox li a:hover, .menuBox li.selected a, .menuBox li:hover a { background: url('../images/lefthover.png') left top no-repeat; }
		.menuBox li a:hover span, .menuBox li.selected a span, .menuBox li:hover a span { background: url('../images/righthover.png') right top no-repeat }
		.menuBox li.last { background: none; }
		.menuBox li ul { padding: 0px 0 7px 0; width: 201px; display: none; background: url('../images/dropbg1.png') left bottom no-repeat; }
		.menuBox li li {  width: 199px; font-size: 14px; line-height: 29px; border-bottom: 1px solid #9fd9fc; background: none!important; }
		.menuBox li li.last { border: none; }
		.menuBox li li a { padding-left: 38px; margin: 0px;  color: #82a0c6; display: block; line-height: 29px; color: #fff; height: 29px; text-decoration: none; background:url('../images/arrow4.png') 20px center no-repeat!important; }
		.menuBox li li a:hover { text-decoration: none; background: #005485 url('../images/arrow4.png') 20px center no-repeat!important; }
		.menuBox li:hover ul { margin: 0px; overflow: hidden; display: block; position: absolute; left: 2px; top: 59px; }
		
		/* ### banner box ### */
		.bannerBox { width: 976px; overflow: hidden; float: left; background: url('../images/bannerbg1.jpg') left 6px no-repeat}
		.bannerBox .left { padding-top: 27px; width: 490px; float: left; }
		.bannerBox .right { padding: 15px 0 0 6px; margin-top: 31px; width: 460px; height: 234px; float: right; background: url('../images/bannerbg.png') left top no-repeat; }
		.bannerBox h1 { position: relative !important; top: 0px !important; left: 0px !important; padding-bottom: 14px; font-size: 36px; color: #fff; font-weight: normal; line-height: 36px; }
		.bannerBox p { padding-bottom: 18px; font-size: 14px; line-height: 18px; color: #fff; font-weight: normal; }
		.bannerBox p.last { padding-bottom: 39px }
		.bannerBox a { width: 220px; height: 38px; text-align: center; font-size: 16px; text-decoration: none; display: block; line-height: 38px; color: #fff; font-weight: bold; background: url('../images/bannerbutton.png') left top no-repeat; }
		.bannerBox a:hover { text-decoration: underline; }
		.bannerBox div.text { overflow: hidden; width: 490px; height: 215px; }
		
		/* ### hedding box ### */
		.heddingBox { width: 976px; float: left; overflow: hidden; }
		.heddingBox h1 { position: relative !important; top: 0px !important; left: 0px !important; font-size: 36px; color: #fff; font-weight: normal; line-height: 83px; }
		
		/* ### np box ### */
		.npBox {  width: 976px; overflow: hidden; float: left; }
		.npBox h3 { padding-right: 13px; line-height: 64px; font-family: Arial; font-size: 12px; color: #005485; font-weight: bold; float: left; }
		.npBox ul { list-style: none; float: left; }
		.npBox li { padding: 0 14px 0 19px; line-height: 64px; color: #ff7200; font-weight: bold; float: left; font-family: Arial; background: url('../images/arrow2.jpg') left center no-repeat; }
		.npBox li.last { }
		.npBox a { color: #32abf6; font-weight: normal; text-decoration: underline;  }
		.npBox a:hover { text-decoration: none; }

	/* ### content container ### */
	#contentCntr { width: 976px; }
	
		/* ### left container ### */
		#leftCntr { padding-bottom: 200px; margin: 21px 35px 0 0; float: left; width: 198px; background: url('../images/leftbg.jpg') right 24px no-repeat; }
		#leftCntr.bg { padding-bottom: 50px;  background: url('../images/leftbg1.jpg') right 24px no-repeat; }
		
			/* ### link box ### */
			.linkBox { width: 198px; }
			.linkBox ul { list-style: none; }
			.linkBox li { width: 196px; height: 38px; line-height: 38px; float: left; font-size: 16px; border-bottom: 1px solid #e5e5e5; }
			.linkBox a { padding-left: 21px; margin-right: -21px; color: #6e6e6e; text-decoration: none; font-weight: bold; display: block }
			.linkBox li a:hover,.linkBox li.selected a { color: #fff; background: url('../images/linkhover.png') left center no-repeat; }
			
			/* ### address box ### */
			.addressBox { padding: 13px 0 26px 20px; width: 178px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
			.addressBox.line { padding-top: 7px; border: none; }
			.addressBox h3 { font-family: Arial; font-size: 12px; color: #005485; font-weight: bold; line-height: 27px; }
			.addressBox address { line-height: 27px; font-style: normal; font-family: Arial; color: #000; }
			.addressBox span { padding: 5px 0 0 5px; width: 23px; float: left; }
			.addressBox a { padding-left: 26px; line-height: 27px; font-family: Arial; font-weight: normal; color: #35acf6; text-decoration: underline; background: url('../images/email.jpg') left center no-repeat; }
			.addressBox a:hover { text-decoration: none; }
			
		/* ### center container ### */
		#centerCntr { padding-top: 34px; float: left; width: 976px; }
		#centerCntr.first { padding-top: 23px; width: 560px; }
		#centerCntr.center { padding-top: 25px; width: 976px; }
		
			/* ### 0nze box ### */
			.onzeBox { padding-bottom: 65px; width: 976px; overflow: hidden; }
			.onzeBox .left { padding-right: 23px; width: 310px; float: left; overflow: hidden; }
			.onzeBox .center { width: 310px; float: left; overflow: hidden; }
			.onzeBox .right {  width: 312px; float: right; }
			.onzeBox h2 { padding-bottom: 13px; font-size: 24px; color: #005485; border-bottom: 1px solid #bfbfbf; font-weight: normal; }
			.onzeBox ul { padding-top: 20px; list-style: none; overflow: hidden; }
			.onzeBox li { padding-bottom: 22px; float: left; }
			.onzeBox .left1 { width: 44px; float: left; overflow: hidden; }
			.onzeBox .right1 { width: 238px; float: left; }
			.onzeBox h3 { color: #ff5a00; line-height: 18px; font-size: 12px; font-family: Arial; }
			.onzeBox span { color: #454545; line-height: 18px; font-size: 11px; font-family: Arial; }
			.onzeBox p { padding-top: 14px; font-family: Arial; font-size: 12px; color: #454545; line-height: 20px; }
			.onzeBox p.last { padding-top: 20px; }
			.onzeBox ul.text { padding-top: 1px; list-style: none; }
			.onzeBox ul.text li { padding: 0 0 0 23px; color: #454545; line-height: 24px; font-family: Arial; font-weight: bold; float: none; background: url('../images/arrow1.jpg') left center no-repeat; }
			.onzeBox ul.image { padding: 0px; list-style: none; overflow: hidden; }
			.onzeBox ul.image li { padding: 11px 0 15px 0; width: 156px; height: 83px; float: left; border-bottom: 1px solid #bfbfbf; background: url('../images/line.jpg') right top no-repeat; }
			.onzeBox ul.image li a { padding: 0px; margin: 0px; background: none; }
			.onzeBox a { padding-left: 11px; margin-top: 17px; display: block; font-size: 14px; color: #33abf6; text-decoration: underline; background: url('../images/arrwo2.jpg') left center no-repeat; }
			.onzeBox ul.image li.bg { background: none; }
			.onzeBox a:hover  { text-decoration: none; }
			
			/* ### text box ### */
			.textBox { width: 553px; float: left; }
			.textBox h2 { padding: 9px 0 36px 0; color: #005485; line-height: 18px; font-size: 30px; font-weight: normal; }
			.textBox h3 { padding-bottom: 18px; font-size: 14px; font-weight: bold; font-family: arial; color: #454545; }
			.textBox p { padding-bottom: 18px; line-height: 18px; color: #454545; font-weight: normal; font-family: arial; }
			.textBox p.text { width: 370px; }
			.textBox  p.text1 { width: 349px; }
			.textBox p.text2 { padding: 0px; width: 272px; float: left; }
			.textBox a { color: #35acf6; font-weight: normal; line-height: 18px; text-decoration: underline; }
			.textBox a:hover { text-decoration: none; }
			.textBox img { float: right; margin-top: -21px; }
			
			/* ### sea box ### */
			.seaBox { width: 553px; float: left; }
			.seaBox h2 { padding: 9px 0 14px 0; margin-top: -9px; color: #005485; line-height: 18px; line-height: 33px; font-size: 30px; font-weight: normal; }
			.seaBox p { padding-bottom: 18px; line-height: 18px; color: #454545; font-weight: normal; font-family: arial; }
			.seaBox h3 { padding-bottom: 4px; font-size: 12px; font-weight: bold; font-family: arial; color: #454545; }
			.seaBox ul { padding: 0 0 15px 11px; list-style: none; float: left }
			.seaBox li { padding-left: 26px; line-height: 24px; color: #454545; font-family: arial; background: url('../images/arrow1.jpg') left center no-repeat; }
			.seaBox p.text { padding: 0px; width: 330px; float: left; }
			.seaBox img { float: right; margin: -119px -4px 0 0px; }
			.seaBox a { color: #35acf6; font-weight: normal; line-height: 18px; text-decoration: underline; }
			.seaBox a:hover { text-decoration: none; }
			.seaBox p.last { padding-bottom: 22px; }
			
			/* ### adsense box ### */
			.adsenseBox { width: 553px; float: left; }
			.adsenseBox h2 { padding: 9px 0 16px 0; margin-top: -9px; color: #005485; line-height: 18px; line-height: 33px; font-size: 30px; font-weight: normal; }
			.adsenseBox p { padding-bottom:18px; line-height: 18px; float: left; color: #454545; font-weight: normal; font-family: arial; }
			.adsenseBox h3 { padding-bottom: 5px; font-size: 12px; font-weight: bold; font-family: arial; color: #454545; }
			.adsenseBox ul { padding: 0 0 17px 4px; list-style: none; float: left; overflow: hidden; }
			.adsenseBox li { padding-left: 32px; line-height: 24px; color: #454545; font-family: arial; background: url('../images/arrow1.jpg') left center no-repeat; }
			.adsenseBox img { float: right; margin: -7px 16px 0 0; }
			.adsenseBox a { color: #35acf6; font-weight: normal; line-height: 18px; text-decoration: underline; }
			.adsenseBox a:hover { text-decoration: none; }
			.adsenseBox p.last { padding-bottom: 20px; }
			
			/* ### conversie box ### */
			.conversieBox { width: 553px; float: left; }
			.conversieBox h2 { padding-bottom: 14px; color: #005485; line-height: 18px; line-height: 33px; font-size: 30px; font-weight: normal; }
			.conversieBox p { padding-bottom: 18px; line-height: 18px; float: left; color: #454545; font-weight: normal; font-family: arial; }
			.conversieBox a { color: #35acf6; font-weight: normal; line-height: 18px; text-decoration: underline; }
			.conversieBox a:hover { text-decoration: none; }
			.conversieBox p.text { width: 350px; float: left; }
			.conversieBox img { float: right; margin: -68px 24px 0 0; }

			/* ### usability box ### */
			.usabilityBox {  width: 550px; float: left; } 
			.usabilityBox h2 { padding: 9px 0 15px 0; margin-top: -9px; color: #005485; line-height: 18px; line-height: 33px; font-size: 30px; font-weight: normal; }
			.usabilityBox p { padding-bottom: 18px; line-height: 18px; float: left; color: #454545; font-weight: normal; font-family: arial; }
			.usabilityBox a { color: #35acf6; font-weight: normal; line-height: 18px; text-decoration: underline; }
			.usabilityBox a:hover { text-decoration: none; }
			.usabilityBox img { float: right; margin: -99px -26px 0 0; }
			
			/* ### contact box ### */
			.contactBox { width: 546px; float: left;}
			.contactBox h2 { padding: 9px 0 15px 0; margin-top: -9px; color: #005485; line-height: 18px; line-height: 33px; font-size: 30px; font-weight: normal; }
			.contactBox h3 { padding: 0 0px 28px 4px; line-height: 24px; font-size: 12px; color: #454545; font-weight: normal; font-family: arial; }
			.contactBox fieldset { padding-left: 8px; border: none; }
			.contactBox label { width: 127px; line-height: 33px; float: left; font-size: 12px; font-weight: bold; color: #6b6b6b; font-family: arial; }
			.contactBox input.field { padding-left: 6px; float: left; color: #000; width: 214px; border: none; height: 32px; line-height: 30px; background: url('../images/input.jpg') left top no-repeat;  }
			.contactBox p { padding-bottom: 8px; overflow: hidden }
			.contactBox textarea { padding-left: 8px; width: 402px; height: 102px; border: none; float: left; background: url('../images/texbg.jpg') left top no-repeat; }
			.contactBox input.button { width: 121px; height: 38px; float: right; cursor: pointer; color: #fff; font-size: 16px; font-weight: bold; line-height: 38px; border: none; background: url('../images/button.png') left top no-repeat; }
			
			/* ### Portfolio box ### */
			.portfolioBox { width: 976px; float: left; }
			.portfolioBox ul { list-style: none; }
			.portfolioBox li { width: 976px; padding-bottom: 40px; float: left; }
			.portfolioBox li.last { padding-bottom: 32px; }
			.portfolioBox .left { width: 474px; float: left; }
			.portfolioBox .right { width: 474px; float: right; }
			.portfolioBox  img { padding: 3px; border: 1px solid #d1d1d1; }
			.portfolioBox h3 { padding: 4px 0; font-size: 24px; color: #005485; line-height: 36px; }
			.portfolioBox p { padding-bottom: 19px; font-size: 14px; color: #808080; line-height: 24px; }
			.portfolioBox a { padding-left: 11px; line-height: 14px; font-size: 14px; color: #33abf6; text-decoration: underline; background: url('../images/arrwo2.jpg') left center no-repeat }
			.portfolioBox a:hover { text-decoration: none; }

		/* ### right container ### */
		#rightCntr { padding-top: 24px; float: right; width: 156px; }
		
			/* ### blog box ### */
			.blogBox { padding-bottom: 65px; width: 156px; float: right; }
			.blogBox ul { list-style: none; }
			.blogBox li { padding: 11px 0 15px 0; width: 155px; height: 83px; float: left; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
			.blogBox li.last {border-bottom: none; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; min-height: 223px; background: #005485 url('../images/footerbg.jpg') left top repeat-x; }
	#footerCntr #center { width: 976px; margin: 0 auto; }
	
		/* ### footer box ### */
		.footerBox { padding-top: 10px; width: 976px; }
		.footerBox .link { width: 976px; height: 74px; background: url('../images/line2.jpg') left bottom repeat-x; }
		.footerBox .left  { padding-top: 15px; width: 413px; float: left; }
		.footerBox .right  { padding-top: 15px; width: 345px; float: right; }
		.footerBox ul { list-style: none; float: left; }
		.footerBox li { padding: 0 21px; float: left; font-family: Arial; line-height: 72px; background: url('../images/lisprter.jpg') right center no-repeat; }
		.footerBox li a { font-size: 14px; color: #fff; display: block; text-decoration: none; }
		.footerBox li.first { padding-left: 0px; }
		.footerBox li.last { background: none; }
		.footerBox a:hover, .footerBox li.selected a { text-decoration: underline }
		.footerBox p { font-size: 14px; color: #fff; float: right; line-height: 72px; font-weight: normal; font-family: Arial;  }
		.footerBox span { font-weight: bold; color: #ff6f00; }
		.footerBox h3 { font-size: 12px; color: #fff; font-weight: bold; font-family: Arial; line-height: 27px; }
		.footerBox ul.nav { list-style: none; }
		.footerBox ul.nav li { padding: 0 0 0 13px; width: 189px; float: left; line-height: 27px; background: url('../images/arrow3.jpg') left center no-repeat; }
		.footerBox ul.nav a { font-size: 12px; color: #fff; text-decoration: none; }
		.footerBox ul.nav a:hover { text-decoration: underline; }
		.footerBox ul.blog { list-style: none; float: right; }
		.footerBox ul.blog li { padding: 0 17px 0 23px; float: left; line-height: 27px; background: url('../images/tweeter.jpg') left center no-repeat; }
		.footerBox ul.blog a { font-size: 12px; color: #fff; text-decoration: none; }
		.footerBox ul.blog li.bg { background: url('../images/tweeter2.jpg') left center no-repeat; }
		.footerBox ul.blog li.bg1 { padding-right: 0px; background: url('../images/tweeter3.jpg') left center no-repeat; }
		.footerBox ul.blog a:hover { text-decoration: underline; }
		.footerBox h4 { padding-right: 10px; font-size: 12px; color: #fff; float: left; font-family: Arial; line-height: 27px; }