/* CSS Document */

	body, html{
					width: 100%;
					margin: 0;
					padding: 0;
					background-color: #ffffff;
					font-family: arial, helvetica, sans-serif;
					font-size: 12px;
					color: #505050;
	}

	img{
					border: 0;
	}


	a{color: #09267E;}

	h3{
					margin-top: 0;
					padding-top: 0;
					font-family: arial-narrow, arial, helvetica, sans-serif;;
					font-size: 20px;
					font-weight: bold;
					color: #09267E;
	}

	div#wrapper{
					width: 1000px;
					margin-left: auto;
					margin-right: auto;
					height: 800px;
	}



	div#main{
					margin-left: auto;
					margin-right: auto;
					width: 920px;
					/*background: url('img/bg-main.png') center top no-repeat;*/

	}
	div#headl{
					position: relative;
					float: left;
					width: 305px;
					height: 398px;
					background: url('img/bg-headl.png') center no-repeat;

	}
	div#head-sub{
					position: absolute;
					top: 0px;
					left: 23px;
					width: 871px;
					height: 112px;
					background: url('img/head-sub.jpg') center top;
	}

	div#headl-sub{
					position: relative;
					float: left;
					width: 305px;
					height: 160px;
					background: url('img/bg-headl.png') top no-repeat;

	}

	div#headl-logos{
					position: absolute;
					left: 27px;
					top: 38px;
	}

	div#headl-content{
					position: absolute;
					left: 17px;
					top: 169px;
					width: 270px;
					height: 202px;
					background: url('img/headl.jpg') center no-repeat;
	}

	img#logo{
	}

	img#logo-tel{
	}


	div#headr{
					position: relative;
					float: left;
					width: 611px;
					height: 398px;
					background: url('img/bg-headr.png') center no-repeat;

	}

	div#headr-sub{
					position: relative;
					float: left;
					width: 611px;
					height: 160px;
					background: url('img/bg-headr.png') top no-repeat;

	}

	div#head-bottom{
					position: relative;
					width: 920px;
		 			height: 156px;
					background: url('img/bg-sub.png') top center no-repeat;
	}

	img#tagline{
					position: absolute;
					top: 35px;
					left: 13px;
	}

	div#menu{
					position: absolute;
					top: 120px;
					left: 15px;
					width: 400px;
					height: 34px;
					z-index: 4;
					 
	}

	div#headr-content{
					position: absolute;
					left: 15px;
					top: 169px;
					width: 572px;
					height: 202px;
					background: url('img/headr.jpg') left no-repeat;
	}

	img#mistabombastik{
					position: absolute;
					top: 58px;
					right: -21px;
					z-index: 3;
	}

	div.content{
					padding: 10px;
					font-size: 12px;
					font-family: arial black, arial, helvetica, sans-serif;
					color: white;
					z-index: 2;
							
	}

	div#bottom{
					margin-left: auto;
	  				margin-right: auto;
					width: 916px;
				 	height: 365px;
				 	padding-top: 20px;
				 	background: url('img/bg-bottom.png') center bottom no-repeat;

	}

	div#bottom-lcol{
					position: relative;
					float: left;
					width: 245px;
					height: 400px;
					margin-left: 40px;
	}

	div#bottom-rcol{
					position: relative;
					float: left;
					width: 541px;
					margin-left: 40px;
	}

	div#box1{
					float: left;
					margin-left: 30px;
					width: 192px;
					height: 315px;

	}

	div#box2{
					float: left;
					margin-left: 30px;
					width: 192px;
					height: 315px;

	}

	div#box3{
					float: left;
					margin-left: 30px;
					width: 192px;
					height: 315px;

	}

	div#box4{
					position: relative;
					float: left;
					margin-left: 30px;
					width: 192px;
					height: 315px;
	}

	div.clearer{
					clear: both;
					height: 1px;
	}


	td.label{
					font-weight: bold;
					text-align: right;
	}


	textarea{
					font-family: arial, helvetica, sans-serif;
					font-size: 13px;
	}



	/* ========================= mobile =========================== */
	@media screen 
		and (min-device-width: 370px)
		and (max-device-width: 480px)

		{


		body
		{

					font-size: 14px;
		}


		div#headl-logos{
					width: 200px !important;
					position: relative !important;
					margin-left: auto !important;
					margin-right: auto !important;;
		}

		div#wrapper{
					width: 375px;
					margin-left: auto;
					margin-right: auto;
					height: 800px;
		}


		div#main{
					margin-left: auto;
					margin-right: auto;
					width: 375px;
					/*background: url('img/bg-main.png') center top no-repeat;*/
		}				
		
		div#headl{
					position: relative;
					float: none;
					width: 375px;
					height: 398px;
					background: url('img/bg-headl.png') center no-repeat;

		}
		div#head-sub{
					position: absolute;
					top: 0px;
					left: 23px;
					width: 375px;
					height: 112px;
					background: url('img/head-sub.jpg') center top;
		}

		div#headl-sub{
					position: relative;
					float: left;
					width: 375px;
					height: 160px;
					background: url('img/bg-headl.png') top no-repeat;

		}			


		div#headl-content{
					position: absolute;
					left: 17px;
					top: 169px;
					width: 350px;
					height: 202px;
					background: url('img/headl.jpg') center;
		}


		div#headr{
						position: relative;
						float: left;
						width: 611px;
						height: 398px;
						background: url('img/bg-headr.png') center no-repeat;

		}

		div#headr-sub{
						position: relative;
						float: left;
						width: 611px;
						height: 160px;
						background: url('img/bg-headr.png') top no-repeat;

		}

		div#headr-content div.content{
						width:350px;
		}


		div#head-bottom{
						position: relative;
						width: 390px;
			 			height: 156px;
						background: url('img/bg-sub.png') top center no-repeat;
		}


		div#bottom{
						margin-left: auto;
		  				margin-right: auto;
						width: 390px;
					 	height: 365px;
					 	padding-top: 20px;
					 	background: url('img/bg-bottom.png') center bottom no-repeat;

		}

		div#bottom-lcol{
						position: relative;
						float: left;
						width: 245px;
						height: 400px;
						margin-left: 40px;
		}

		div#bottom-rcol{
						position: relative;
						float: left;
						width: 541px;
						margin-left: 40px;
		}


		div#box-5{
						width: 85% !important;
		}		

		div#bottom{
						height: auto !important;
		}

		div#box1{
						width: 250px !important;
						margin-left: auto !important;
						margin-right: auto !important;
						text-align: center !important;
						float: none !important;
						height: auto;
						margin-bottom: 30px;
		}


		div#box2 {
						width: 250px !important;
						margin-left: auto !important;
						margin-right: auto !important;
						text-align: center !important;
						float: none !important;
						height: auto;
						margin-bottom: 30px;						
		}

		div#box3 {
						width: 250px !important;
						margin-left: auto !important;
						margin-right: auto !important;
						text-align: center !important;
						float: none !important;
						height: auto;
						margin-bottom: 30px;						
		}

		div#box4 {
						width: 250px !important;
						margin-left: auto !important;
						margin-right: auto !important;
						text-align: center !important;
						float: none !important;
						height: auto;
						margin-bottom: 30px;						
		}						

		div#box4 a img{
						position: relative !important;
		}

	}




	/* end mobile */