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

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

/* ### global classes ### */
.clear { clear: both; height: 0; }
body.sub { background: #1d6a7e url('/images/body_bg1.png') repeat-x; }
body.sub #wrapper { background: none; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('/images/wrapper_bg.png') repeat-x; }

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

	/* ### header container ### */
	#headerCntr { position: relative; width: 1046px; height: 130px; }
	#headerCntr a.logo { position: absolute; top: 15px; left: 0; display: block; width: 164px; height: 38px; text-indent: -9999px; background: url('/images/logo.png') no-repeat; }
	#headerCntr h1 { color: #fff; font-size: 21px; position: absolute; top: 24px; left: 205px; padding-left: 30px; background: url('/images/border.png') no-repeat 0 6px; font-family: 'AmericanTypewriter'; font-weight: normal; }
	#headerCntr a.twitter { position: absolute; top: 84px; right: 0; font-style: italic; text-decoration: none; color: #000; font-size: 15px; }
	#headerCntr a.twitter img { display: inline; vertical-align: middle; margin-right: 10px; }
	#headerCntr a.twitter:hover { color: #616161; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 76px; left: 0px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; font-size: 25px; text-transform: uppercase; background: url('/images/menu_sep.png') no-repeat right -2px; margin-left: -1px; }
		.menuBox li.last { background: none; }
		.menuBox li a { display: block; padding: 0 25px 0 20px; line-height: 49px; min-height: 49px; font-family: 'MyriadProCondItalic'; color: #616161; text-decoration: none; }
		.menuBox li a:hover { color: #000; }
		.menuBox li.active a { color: #000; background: url('/images/menu_bg.png') no-repeat right 0; font-family: 'MyriadProCondBoldItalic'; }
	
	/* ### banner container ### */
	#bannerCntr { height: 444px; position: relative; }
	#bannerCntr .text { float: left; width: 630px; padding-top: 70px; }
	#bannerCntr .photo { float: right; padding-top: 35px; } 
	#bannerCntr h3 { font-size: 45px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 30px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
	#bannerCntr ul { list-style: none; }
	#bannerCntr li { padding-left: 50px; background: url('/images/arrow.png') no-repeat 0 3px; font-size: 22px; text-shadow: 0px 2px 1px rgba(0,0,0,0.9); font-family: 'AmericanTypewriter'; color: #fff; margin-bottom: 10px; }
	#bannerCntr a.button { width: 206px; height: 42px; padding: 0 10px 13px 0; display: block; line-height: 42px; text-align: center; color: #000; text-transform: uppercase; text-decoration: none; font-family: 'MyriadProCondBoldItalic'; background: url('/images/button1.png') no-repeat; font-size: 21px; margin: 30px 0 0 55px; }
	#bannerCntr a.button:hover { color: #fff; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1046px; }
	
		/* ### possible container ### */
		#possibleCntr { overflow: hidden; padding: 70px 0 40px; }
		#possibleCntr h3 { font-size: 33px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 30px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
		#possibleCntr .left { float: left; width: 730px; }
		#possibleCntr .right { float: left; width: 314px; text-align: center; }
		#possibleCntr .right img { display: inline; }
		#possibleCntr ul { list-style: none; overflow: hidden; }
		#possibleCntr li { margin-bottom: 10px; background: #000 url('/images/bg2.png') repeat-x; overflow: hidden; }
		#possibleCntr h4 { float: left; font-family: 'AmericanTypewriter'; text-shadow: 0px 2px 1px rgba(0,0,0,0.9); font-size: 26px; line-height: 36px; font-weight: normal; color: #fff; padding: 0 15px; }
		#possibleCntr .title { overflow: hidden; }
		#possibleCntr a.price { display: block; width: 125px; height: 37px; line-height: 35px; padding: 0 18px; color: #fff; text-shadow: 0px 2px 1px rgba(0,0,0,0.7); font-size: 20px; font-family: 'MyriadProCondBoldItalic'; float: right; background: url('/images/price_bg.png') no-repeat; text-decoration: none; margin: 2px 3px 0 0; }
		#possibleCntr p { color: #f7c51b; line-height: 33px; font-size: 16px; font-style: italic; padding: 0 5px; }
		#possibleCntr a.button {  display: block; width: 117px; height: 42px; padding: 0 10px 12px 0; background: url('/images/button3.png') no-repeat; line-height: 42px; text-align: center; color: #000; margin-top: 15px; text-decoration: none; font-family: 'MyriadProCondBoldItalic'; font-size: 21px; }
		#possibleCntr a.button:hover { color: #fff; }
		
		/* ### details container ### */
		#detailsCntr { overflow: hidden; padding: 70px 0 40px; }
		#detailsCntr h3 { font-size: 33px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 5px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
		#detailsCntr .left { float: left; width: 730px; }
		#detailsCntr .right { float: left; width: 314px; }
		#detailsCntr .right img { display: inline; float: right; } 
		#detailsCntr .para { background: #000; padding: 10px; }
		#detailsCntr p { color: #fff; font-size: 13px; padding-bottom: 15px; }
		#detailsCntr a.link { color: #f7c51b; text-decoration: none; font-size: 13px; }
		#detailsCntr a.link:hover { text-decoration: underline; }
		#detailsCntr ul { list-style: none; background: url('/images/bg2.png') repeat; padding: 15px; overflow: hidden; float: left; }
		#detailsCntr li { float: left; padding-left: 12px; }
		#detailsCntr li:first-child { padding-left: 0; }
		
		/* ### demo container ### */
		#demoCntr { overflow: hidden; padding: 70px 0 40px; }
		#demoCntr h3 { font-size: 33px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 10px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
		#demoCntr .left { float: left; width: 730px; }
		#demoCntr .right { float: left; width: 314px; padding-top: 100px; }
		#demoCntr .right img { display: inline; float: right; } 
		#demoCntr .part { overflow: hidden; padding-bottom: 25px; }
		#demoCntr h4 { font-family: 'Tahoma'; color: #fff; line-height: 32px; min-height: 32px; font-weight: normal; font-size: 14px; }
		#demoCntr h4 a { display: inline-block; line-height: 32px; min-height: 32px; background: url('/images/bg2.png') repeat; padding: 0 25px 0 15px; color: #f7c51b; margin-left: 10px; }
		#demoCntr h4 a:hover { text-decoration: none; }
		#demoCntr p { background: #000; padding: 17px 65px; color: #fff; font-size: 15px; line-height: 19px; }
		#demoCntr fieldset { float: left; width: 346px; background: url('/images/bg2.png') repeat; padding: 35px 40px 15px 80px; border: none; } 
		#demoCntr .row { overflow: hidden; display: block; padding-bottom: 10px; }
		#demoCntr label { float: left; width: 135px; font-size: 15px; font-style: italic; font-weight: bold; color: #fff; } 
		#demoCntr input.field { float: left; font-size: 15px; width: 190px; height: 26px; background: #fff; padding: 0 10px; line-height: 26px; border: none; font-style: italic; color: #000; }
		#demoCntr a.button { width: 83px; height: 42px; padding: 0 10px 13px 0; display: block; line-height: 42px; text-align: center; color: #000; text-decoration: none; font-family: 'MyriadProCondBoldItalic'; background: url('/images/button4.png') no-repeat; font-size: 21px; margin: 5px -10px 0 0; float: right; }
		#demoCntr a.button:hover { color: #fff; }
		#demoCntr p.small { float: left; padding: 30px 40px 12px 30px; min-height: 140px; width: 180px; }
		
		/* ### contact container ### */
		#contactCntr { overflow: hidden; padding: 50px 0 40px; }
		#contactCntr h3 { font-size: 33px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 10px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
		#contactCntr .left { float: left; width: 730px; }
		#contactCntr .right { float: left; width: 314px; padding-top: 100px; }
		#contactCntr .right img { display: inline; float: right; } 
		#contactCntr h4 { color: #f7c51b; font-size: 15px; padding: 10px 15px; font-weight: normal; background: url('/images/bg2.png') repeat; }
		#contactCntr p { color: #fff; font-size: 16px; padding: 10px 15px; line-height: 19px; background: #000; font-style: italic; }
		#contactCntr p a { color: #f7c51b; }
		#contactCntr p a:hover { text-decoration: none; }
		#contactCntr fieldset { overflow: hidden; border: none; }
		#contactCntr span { display: block; overflow: hidden; }
		#contactCntr label { float: left; padding: 9px 0 9px 10px; width: 118px; font-size: 15px; font-style: italic; font-weight: bold; color: #fff; background: #000; }
		#contactCntr input.field { float: left; width: 190px; line-height: 26px; min-height: 26px; border: 1px solid #000; background: #fff; margin: 8px 0 0px 12px; padding: 0 10px; color: #000; }
		#contactCntr input.field.long { width: 440px; }
		#contactCntr textarea { float: left; width: 440px; min-height: 120px; border: 1px solid #000; background: #fff; margin: 8px 0 0px 12px; padding: 10px; color: #000; }
		#contactCntr input.button:hover{ color: #fff; }

		#contactCntr input.button { width: 125px; height: 45px; padding: 0 10px 13px 0; display: block; line-height: 45px; text-align: center; color: #000; text-decoration: none; font-family: 'MyriadProCondBoldItalic'; background: url('/images/button5.png') no-repeat; border: 0px; font-size: 21px; margin: 20px 125px 0 0; float: right; }
	  
	/* ### bottom container ### */
	#bottomCntr { width: 100%; border-top: 5px solid #f7c51b; background: url('/images/bg1.png') repeat; padding: 15px 0; }
	#bottomCntr .inner { width: 1046px; margin: 0 auto; overflow: hidden; }
	
		/* ### what box ### */
		.whatBox { width: 620px; float: left; padding-top: 10px; }
		.whatBox h3 { font-size: 33px; color: #fff; font-family: 'DINBlackRegular'; padding-bottom: 15px; font-weight: normal; text-shadow: 0px 3px 1px rgba(0,0,0,0.9); }
		.whatBox p { line-height: 18px; font-size: 14px; padding-bottom: 20px; color: #fff; font-family: 'Tahoma'; }
		.whatBox a.button { width: 178px; height: 33px; display: block; padding: 0 10px 12px 0; background: url('/images/button2.png') no-repeat; font-family: 'MyriadProCondBoldItalic'; text-align: center; line-height: 33px; color: #000; font-size: 18px; text-decoration: none; }
		.whatBox a.button:hover { color: #fff; }
		
		/* ### possible box ### */
		.possibleBox { background: #000; padding: 25px; float: right; width: 345px; }
		.possibleBox h3 { color: #f7c51b; font-size: 28px; font-family: 'DINBlackRegular'; padding-bottom: 15px; font-weight: normal; }
		.possibleBox ul { list-style: none; }
		.possibleBox li { overflow: hidden; line-height: 20px; color: #f7c51b; text-align: right; font-family: 'AmericanTypewriter'; font-size: 18px; }
		.possibleBox li span { float: left; text-align: left; width: 250px; border-bottom: 1px solid #fff; color: #fff; padding: 5px 0; }
		.possibleBox li.last span { border: 0; }
		.possibleBox li span small { color: #f7c51b; font-size: 14px; font-family: 'Tahoma'; }
		
		/* ### link box ### */
		.linkBox { width: 900px; background: #0d0d0d; padding: 20px; overflow: hidden; margin: 30px 0; }
		.linkBox .link { float: left; width: 170px; }
		.linkBox ul { list-style: none; }
		.linkBox li { line-height: 23px; font-family: 'Tahoma'; font-size: 14px; }
		.linkBox li a { color: #fff; text-decoration: none; }
		.linkBox li a:hover { text-decoration: underline; }
		.linkBox li.heading a { font-weight: bold; color: #f7c51b; text-decoration: underline; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: url('/images/footer_bg.png') repeat-x; height: 32px; }
	#footerCntr .inner { width: 1046px; margin: 0 auto; overflow: hidden; }
	#footerCntr p { color: #fff; font-size: 15px; text-align: center; line-height: 32px; }
	#footerCntr p a { color: #f7c51b; }
	#footerCntr p a:hover { text-decoration: none; }