body
	{
	background: #c6c6c6 url(images/bg.png) repeat-x top;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	}

form
	{
	margin: 0px;
	}
	
p
	{
	margin: 0px;
	margin-bottom: 10px;
	}
	
a
	{
	text-decoration: none;
	color: #005bad;
	}
	
	a img
		{
		border: 0px;
		}
	
	.container
		{
		margin: auto;
		width: 960px;
		text-align: left;
		}
		
		.header
			{
			float: left;
			width: 960px;
			height: 120px;
			background: #fff url(images/header.png) no-repeat;
			position: relative;
			}
			
			#logo
				{
				position: absolute;
				left: 20px;
				top: 22px;
				height: 90px;
				width: 131px;
				}
			
			.callus
				{
				position: absolute;
				right: 70px;
				top: 30px;
				font-weight: bold;
				font-size: 26px;
				letter-spacing: -1px;
				color: #f00;
				}
			
			.nav
				{
				position: absolute;
				top: 80px;
				left: 200px;
				height: 32px;
				float: left;
				}
				
				.nav a
					{
					float: left;
					display: block;
					height: 32px;
					background: url(images/nav.png) no-repeat;
					margin-right: 3px;
					}
					
					.nav a span
						{
						display: none;
						}
			
				#nav0 {width: 87px; background-position: 0px 0px;}
				#nav1 {width: 167px; background-position: -87px 0px;}
				#nav2 {width: 240px; background-position: -254px 0px;}
				#nav3 {width: 144px; background-position: -494px 0px;}

				#nav0:hover,#nav0.sel {background-position: 0px -32px;}
				#nav1:hover,#nav1.sel {background-position: -87px -32px;}
				#nav2:hover,#nav2.sel {background-position: -254px -32px;}
				#nav3:hover,#nav3.sel {background-position: -494px -32px;}


		.mtitle
			{
			float: left;
			height: 40px;
			width: 920px;
			padding: 20px;
			color: #fff;
			overflow: hidden;
			background:#fff url(images/mbg.png) repeat-x 0px -280px;			
			position: relative;
			}
		
		.mtitle h1
			{
			margin: 0px;
			font-family: "Myriad Pro",Arial;
			font-size: 40px;
			font-weight: bold;
			letter-spacing: -2px;
			}
		
		
		.mflash
			{
			float: left;
			height: 500px;
			width: 960px;
			overflow: hidden;
			background:#fff url(images/mbg.png) repeat-x;			
			position: relative;
			}
			
			.frames
				{
				display: block;
				height: 500px;
				width: 960px;
				position: absolute;
				background: url(images/load.gif) no-repeat 250px center;
				top: 0px;
				left: 0px;
				}
			
			.frames img
				{
				position: absolute;
				top: 0px;
				left: 0px;
				}	
			
			
			.vid
				{
				float: left;
				width: 320px;
				height: 239px;
				position: absolute;
				right: 10px;
				top: 20px;
				padding: 11px;
				overflow: hidden;
				background: url(images/vbg.jpg) no-repeat;
				}
				
				
			
			
		.body
			{
			float: left;
			width: 920px;
			min-height: 300px;
			background: #fff url(images/topbg.png) repeat-x;
			padding: 20px;
			border-top: 1px solid #fff;
			}
			
			.body h1
				{
				font-size: 30px;
				letter-spacing: -1px;
				margin: 0px;
				margin-bottom: 10px;
				color: #000;
				}
				
			.body h2
				{
				margin: 0px;
				margin-bottom: 10px;x
				font-size: 24px;
				letter-spacing: -1px;
				color: #000;
				}
				
			.content
				{
				float: left;
				width: 590px;
				}
				
				.prodpic
					{
					float: right;
					padding-top: 50px;
					width: 280px;
					}
					
				.proddesc
					{
					float: right;
					width: 310px;
					}
				
			.widgets
				{
				margin-left: 10px;
				float: left;
				width: 320px;
				}
				
				.witem
					{
					float: left;
					width: 320px;
					margin-bottom: 10px;
					position: relative;
					}
					
					.inquiry
						{
						background: url(images/qbg2.jpg) no-repeat top;
						height: 340px;
						}
			
			.testi
				{
				border-bottom: 1px dotted #ccc;
				padding-top: 10px;
				}
				
				.comment
					{
					font-size: 14px;
					font-family: Georgia;
					color: #444;
					}
					
				.person
					{
					color: #c00;
					}
							
			table.spectable
				{
				border: 3px solid #fff;
				background: #fff;
				}

			.spectable tr
				{
				vertical-align: top;
				}
				
				.spectable ul
					{
					margin: 0px;
					margin-bottom: 10px;
					}
				
				.spectable th
					{
					text-align: right;
					background: #e3f1ff;
					padding: 10px;
					color: #000;
					}
					
				.spectable td
					{
					background: #e3f1ff;
					padding: 10px;
					color: #333;
					}
					
					.erow td, .erow th
						{
						background: #f3f9ff;
						}
			
			
		.footer
			{
			float: left;
			width: 940px;
			padding: 10px;
			border-top: 1px solid #aaa;
			background: #fff url(images/footer.png) no-repeat bottom;
			}
			
/*form*/			

					.wform
						{
						position: absolute;
						top: 130px;
						left: 15px;
						width: 218px;
						} 

					.tb, .ta
						{
						border: 1px solid #ccc;
						padding: 2px;
						margin: 0px;
						margin-top: 2px;
						color: #444;
						float: left;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						}
						
						.ta { overflow: auto; }
						
					.hw
						{
						width: 95px;
						}
						
					.lhw
						{
						width: 101px;
						margin-right: 2px;
						}
					
					.fw
						{
						width: 204px;
						}			
			
.button
	{
	border:0px;
	background:none;
	padding:0px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	vertical-align: bottom;
	}

.button b
	{
	display: block;
	padding: 5px 24px;
	padding-right: 10px;
	height: 22px;
	background: url(images/btn.gif) no-repeat left top;
	font-size: 20px;
	font-family: "Myriad Pro",Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #fff;
	white-space: nowrap;
	}

.button span
	{
	display: block;
	cursor: pointer;
	background: url(images/btn.gif) no-repeat right -32px;
	padding-right: 14px;
	}