@charset "UTF-8";

* {	margin: 0; padding: 0; }
img { border: none; }

body { text-align: center; background: #ccc; font-family: Arial, Helvetica, sans-serif; }

#main {  width: 1000px; margin: 10px auto; /*border-left: 1px solid #fff; border-right: 1px solid #fff;*/ background: #fff; text-align: left; }

#header { background: #fff; }
	.logo { padding: 20px 0 0 20px; float: left; }
	.contactDetails { float: right; margin: 30px 20px 0 0; font-size: 14px; color: #625F5D; }
	.contactDetails ul li { display: inline; list-style-type: none; line-height: 200%; }
	.icons { margin: -5px 5px -5px 0; }
	

#menu { clear: both;  padding: 20px 0 0 0; }
	.navBar { background: #406AB0; width: 1000px; height: 50px; list-style-type: none;}
	.navBar li { display: inline; list-style-type: none; }
	.navBar li a { color: #fff; padding: 15px 30px 0 30px; display: block; float: left; background: #406AB0; height: 35px; }
	.navBar li a:hover { background: #625F5D; transform: perspective(500px) rotateY(30deg); }


#banner { clear: both; }
	.bannerImg { margin: 0; }

#columns { clear: both; margin: 10px 0 50px 0; padding-bottom: 100px; }
	#left { width: 650px; float: left; }
		.colContainer { display: block; padding: 10px; margin: 20px; border: 1px solid #C1C1C1; }
			.titleBar { padding: 10px 0; border-bottom: 2px solid #C1C1C1; }
			.tImg { float: left; margin: 0 5px 0 0; }
			h1 { font-size: 22px; color: #625F5D; }
			h1 b { color: #406AB0; }
			h1 i { font-size: 18px; font-style: normal; text-decoration: underline; }
			h2 { margin: 10px 0 0 0; clear: both; font-size: 14px; font-weight: normal; color: #625F5D; text-align: justify; }
			h2 li { text-align: left; list-style-type: square; margin: 0 0 0 20px\9; }
			h3 { font-size: 16px; color: #625F5D; text-align: justify; font-weight: normal; }
			.more { text-align: right; }
			
			.titlePara { clear: both; margin: 10px 0 0 0; }
		.productCol { clear: both; background: #006699; }
			.pImg { float: left; width: 300px; height: 200px; margin: 10px 0; background:  #615d5a; }
			.pTxt { width: 595px; height: 160px; float: left; background:  #615d5a; margin: 10px 0 0 0; padding: 20px;}
				.pTxt h1 i, .pTxt h2 { color: #fff; }
	
	#right { width: 350px; float: right; }
		.brochure { margin: 20px 0 0 0; border: 1px solid #C1C1C1; }
	
	#center { clear: both; width: 1000px; }
		.products {}
			 .products img { width: 125px; height: 105px; margin: 10px 5px 20px 0; }
		 
	
	#tab { clear: both; background: #fff; }
		.tabs { padding: 20px 0 0 20px; width: 960px; }
		.quote { width: 480px; background: #625F5D; padding: 10px 0; float: left; text-align: center; }
		.cont { width: 480px; background: #406AB0; background: #355ea7\9; padding: 10px 0; float: left; text-align: center; }
		.tabs li { list-style:none; display:inline; margin: 0 auto; }
		
		#quotation { margin: 0 0 -100px 20px; width: 960px; }
			.formQ { padding: 20px; background: #625F5D;} 
			
			.formC { padding: 20px; background: #406AB0;}
			.btnC { padding: 15px 20px; margin: 0 20px 0 0; margin: 0 20px 0 0\9; width: 440px; font-size: 22px; color: #fff; background: #406AB0; border: 2px solid #fff; }
				.btnC:hover { color: #406AB0; background: #fff; border: 2px solid #406AB0; }
			
			
			
				input[type=text] { margin-right: 10px; width: 420px; font-size: 14px; color: #625F5D; padding: 20px 0 0 20px\9; }
				.inline { clear: both; margin: 0 0 20px 0; }
				.txtBar { width: 250px; height: 40px; padding: 0 0 0 20px; margin-right: 10px; }
				.msgBar { width: 860px; padding: 20px; border: none; color: #625F5D; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
				.captcha { width: 450px; display: inline; float: left\9; }
				.btnCls { text-align: right; }
				.btn { padding: 15px 20px; margin: 0 20px 0 0; margin: 0 20px 0 0\9; width: 440px; font-size: 22px; color: #fff; background: #625F5D; border: 2px solid #fff; }
				.btn:hover { color: #625F5D; background: #fff; border: 2px solid #625F5D; }
		
		
	
	#footer { clear: both; background: #fff; margin: -30px 0 0 0; }
		.menus { margin: 10px 0; background: #00CC00; }
			.menuBar { float: left; margin: 10px 45px 80px 45px; }
				.menuTitle { font-size: 18px; font-weight: bold; border-bottom: 1px solid #625F5D; margin-bottom: 5px; color: #625F5D; }
					.menuTitle b { color: #406AB0; }
					.menuBar li { list-style-type: none; margin-bottom: 5px; font-size: 14px; color: #625F5D; text-decoration: none; }
						.menuBar li a {  font-size: 14px; color: #625F5D; text-decoration: none; }
							.menuBar li a:hover { color: #406AB0; text-decoration:underline; }
							.menuBar li img { margin: 5px 3px -3px 0; }
							
						.tiny { font-size: 12px; font-style: italic; color: #625F5D; margin-bottom: 3px; }
		
		.copyrights { clear: both; color: #fff; background: #625F5D; margin-bottom: 20px;}
			.cText { font-size: 14px; padding: 30px 0 0 50px; width: 650px; float: left; }
				.cText a { color: #fff; border-bottom: 1px dashed #fff; text-decoration: none; }
					.cText a:hover { color: #C1C1C1; border-bottom: 1px dashed #C1C1C1; text-decoration: none; }
			.cLogo img { margin: -21px 0 0 110px; }