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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #8c806e; }
body { background: #fff url('../images/body-bg.gif') top center no-repeat; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.floatl { float: left; }
.floatr { float: right; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 779px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 779px; height: 242px; overflow: hidden; }
	#headerCntr h1 { padding-top: 52px; float: left; }
	#headerCntr h1 a { display: block; width: 150px; height: 100px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr h2 { padding: 55px 0px 0px 0px; float: right; display: block; width: 336px; height: 44px; text-indent: -9999px; background: url('../images/hardware-textbg.gif') bottom no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 36px; float: right; height: 54px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr li { float: left; border-right: 1px solid #fff; height: 54px; }
		#menuCntr li a { padding: 30px 10px 0px 9px; color: #fff; text-decoration: none; font-size: 16px; display: block; height: 24px; float: left; font-family: "Myriad Pro",Arial }
		#menuCntr li a:hover { background: url('../images/menu-bg.png') top left repeat-x; }
		#menuCntr li a.active { background: url('../images/menu-bg.png') top left repeat-x; } 
		#menuCntr li.last { border: none; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 15px 0px; overflow: hidden; width: 779px; }
	.contactBackground{background:url(../images/contactBackground.png) -95px 0px no-repeat; ; z-index:255; margin-bottom:-37px; height:409px;}
	.contact{background: url(../images/inputBackground.png) repeat; border: 1px solid #7f7f7f;  width:300px; padding-top:8px; padding-bottom:8px; font-size:11px; color:#515357;  padding-left:12px; margin-bottom:6px; display:block;}
	textarea{height:165px;}
	
	.send{background: url(../images/inputBackground.png) repeat; border: 1px solid #7f7f7f;  width:130px; text-align:center; padding-top:8px; padding-bottom:8px; font-size:11px; color:#515357;   margin-bottom:6px; display:block;}		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 779px; overflow: hidden; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 771px; }
			.textBox p { padding-bottom: 15px; color: #515357; line-height: 14px; text-align:justify }
			.textBox p a{color:#515357;text-decoration:none}
			.textBox p a:hover{text-decoration:underline}
			#floatRight{float:right; margin-top:-333px; margin-right:185px; }
			#floatRight p {line-height:12px;}
	
			.hardwareImage {background:url(../images/hardware.png) top right no-repeat;  }
			#hardwarePage {width:493px; height:207px; overflow:auto; padding-right:15px;}
			#hardwarePage p {line-height:13px;}
			#hardwarePage ul{list-style:disc;  }
			#hardwarePage ul li{margin-left:20px; color:#515357;}
	
			.communicationsImage{background:url(../images/communications.png) top right no-repeat; height:462px; margin-bottom:-30px;}
			#communicationsPage{width:473px; height:445px; overflow:auto; padding-right:15px}
			#communicationsPage p {line-height:13px;}
	
			.supportImage{background:url(../images/support.png) top left no-repeat; height:304px; margin-bottom:-30px;}
			#supportPage{width:420px; padding-left:348px; height:290px; padding-right:10px; overflow:auto}
			#supportPage p {line-height:13px; }
	
			.aboutImage{background:url(../images/about_us.png) top right no-repeat; height:332px; margin-bottom:-30px;}
			#aboutPage{width:315px; float:left; height:310px; overflow:auto; padding-right:10px;}
			#aboutPage p {line-height:13px;}
			#aboutRight{float:right; margin-right:42px;}
			#aboutRight p{color:#FFFFFF}		
	
	
			/* ### HARDWARE BOX ### */
			.hardwareBox { width: 386px; position: relative; background: url('../images/hardware-middlebg.gif') top left repeat-y; }
			.hardwareBox .top  { width: 386px; background: url('../images/hardware-topbg.gif') top left no-repeat; }
			.hardwareBox .bottom { padding: 7px; width: 372px; background: url('../images/hardware-bottombg.gif') bottom left no-repeat; }
			.hardwareBox a.link { padding-left: 12px; font-size: 22px; color: #fff; text-decoration: none; display: block; width: 227px; height: 33px; line-height: 33px; position: absolute; bottom: 45px; left: 4px; font-style: italic; background: url('../images/link-bg.png') top left no-repeat; }
			.hardwareBox a { color: #0c8cc0; text-decoration: none; }
			.hardwareBox a:hover { text-decoration: underline; }
			.hardwareBox p { color: #515357; line-height: 14px; }
				
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 0px 15px; color: #fff; overflow: hidden; width: 749px; height: 37px; background: url('../images/footer-bg.gif') top left no-repeat;  }
	#footerCntr ul { float: right; list-style: none; overflow: hidden; }
	#footerCntr li { padding: 0px 5px; line-height: 37px; float: left; background: url('../images/footer-sep.gif') right no-repeat; }
	#footerCntr li a { color: #fff; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.last {  padding-right: 0px; background: none; }
	#footerCntr p { padding-top: 7px; }
	#footerCntr img { position: relative; top: 4px; }