@charset "utf-8";
/* CSS Document */

body
	{
	background: url(images/bg.gif) #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
a
	{
	color: #FFFF33;
	text-decoration: none;	
	}

form
	{
	margin: 0px;
	}

h1
	{
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	color:#fff;
	}

p, h1
	{
	margin: 0px;
	margin-bottom: 10px;
	}
	
.logo span, .chat span
{
	display: none;
}
	
.container
	{
	margin: auto;
	margin-top: 20px;
	width: 760px;
	text-align: left;
	}
	
	.subcontainer
		{
		float: left;
		width: 740px;
		padding: 10px;
		background: #fff;
		}
	
	.main
		{
		width: 740px;
		background: #757575 url(images/leftbg.png) repeat-y left;
		margin: 0px 0px;
		position: relative;
		}
		
		.leftpanel
			{
			float: left;
			width: 240px;
			background: #757575 url(images/leftbg.png) repeat-y left;
			}
		
			.logo
				{
				position: relative;
				top: -21px;
				float: left;
				height: 153px;
				width: 240px;
				background: url(images/logo.png) no-repeat;
				margin-bottom: -21px;				
				}
				
			.vflash
				{
				background: #363636 url(images/vfbg.png) repeat-y;
				padding: 0px 10px;
				height: 201px;
				float: left;
				width: 220px;
				}
				
				a.preview
					{
					height: 165px;
					width: 220px;
					display: block;
					float: left;
					background: url(images/2.jpg) no-repeat;
					}
				
			a.chat
				{
				background: url(images/call.jpg) no-repeat;
				width: 220px;
				height: 70px;
				float: left;
				margin: 10px;
				}
		
			.widget
				{
				width: 220px;
				padding: 10px;
				}
				
				.widget.search
					{
					background: url(images/searchbg.png) no-repeat bottom;
					padding-bottom: 30px;
					}
				
				.widget h2, .content h2
					{
					margin: 0px;
					color: #ccc;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: -1px;
					margin-bottom: 10px;
					}
					
					.button, .button2
						{
						border: 0px;
						background: url(images/button.png) no-repeat;
						width: 90px;
						padding: 0px;
						height: 24px;
						margin: 3px;
						color: #fff;
						cursor: pointer;
						font-size: 12px;
						vertical-align: middle;
						}
					
						.button2
							{
							background: url(images/button2.png) no-repeat;
							}
							
						.button3
							{
							background-position: left -24px;
							}
					
					.widget .tb
						{
						border: 0px;
						background: #333;
						padding: 3px;
						width: 214px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #eee;
						}
						
						.widget .hf
							{
							width: 104px;
							margin-top: 1px;
							}
							
							.widget .phone
								{
								width: 103px;
								margin-left: 1px;
								}
					
					.search h2
						{
						color: #e0ac23;
						}
					
					.sbox
						{
						background: url(images/sbox.png) no-repeat bottom;
						padding: 10px;
						padding-bottom: 10px;
						padding-top: 0px;
						}
					
						#trac
							{
							width: 160px;
							border: 0px;
							padding: 5px 2px;
							padding-left: 25px;
							padding-right: 7px;
							background: url(images/magnify.png) no-repeat 5px center;
							margin-top: 5px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #aaa;
							}
							
							#trac.load
								{
								background: url(images/load.gif) no-repeat 5px center;
								}
								
								.content .response
									{
									padding-top: 30px;
									}
								
								div.load
									{
									padding-left: 20px;
									background: url(images/load2.gif) no-repeat left 0px;
									}
									
								.leftpanel div.load
									{
									background: url(images/load3.gif) no-repeat left 0px;
									}
							
						ul.check
							{
							margin: 0px;
							padding: 0px;
							list-style: none;
							margin-bottom: -10px;
							}
							
							.mlist
								{
								width: 200px;
								padding: 10px;
								}
								
								.mlist table
									{
									width: 200px;
									}
							
							.mlist td
								{
								padding: 3px;
								margin-bottom: 1px;
								background: #444;
								}
								
								.mlist .tracname td
									{
									padding: 3px;
									background: #c00 url(images/redbg.png) no-repeat center;
									text-align: center;
									font-weight: bold;
									}
					
							li.even
								{
								background-color: #4a4a4a;
								}
					
					.commenter
						{
						padding-left: 16px;
						background: url(images/comment.png) no-repeat left top;
						float: left;
						}
					
					.comment
						{
						clear: both;
						font-style: italic;
						font-family: Georgia, "Times New Roman", Times, serif;
						margin: 0px;
						margin-bottom: 10px;
						color: #ccc;
						}
		
		.rightpanel
			{
			float: left;
			width: 500px;
			background: #777;
			}
			
			#main
				{
				background: url(images/main.jpg) no-repeat; 
				}

			.mainflash
				{
				width: 500px;
				float: left;
				}
			
			.content
				{
				clear: both;
				width: 480px;
				float: left;
				padding: 10px;
				padding-top: 20px;
				background: #777 url(images/callbg.png) repeat-x left top;
				margin-top: 1px;
				}
				
				.content h1
					{
					color: #ebb529;
					}
				
				.content a
					{
					}
				
				.specs
					{
					}
				
				.specs td
					{
					background: #555;
					padding: 3px;
					text-align: center;
					cursor: pointer;
					}
					
				.specs th
					{
					padding: 3px;
					padding-right: 10px;
					text-align: right;
					font-weight: normal;
					}
					
					.specs td.clite
						{
						background: #444;
						}
					
					.specs td.hlite
						{
						background: #5e5e5e;
						}
						
					.specs tr.on th
						{
						}
						
					.specs tr.on td, .specs tr.on th
						{
						background: #e0ac23;
						color: #222;
						}

	.modelname td, .modelname td.hlite, tr.modelname.on td
		{
		background: #c00 url(images/redbg.png) repeat-x left -10px !important;
		font-size: 36px;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #fff;
		cursor: pointer;
		}
		
		.modelname th
			{
			background: #777 !important;
			color: #fff !important;
			}

	.price td
		{
		background: #FF9900 !important;
		color: #000 !important;
		font-size: 24px;
		}		
			
			.tabs
				{
				float: left;
				width: 480px;
				padding-bottom: 21px;
				background: url(images/tabbg.png) no-repeat bottom;
				}
			
				.tabs a
					{
					float: left;
					padding: 10px 20px;
					margin: 1px;
					margin-bottom: 0px;
					margin-right: 2px;
					color: #ccc;
					font-weight: bold;
					}
					
					.tabs a:hover, .tabs a.sel
					{
					color: #fff;
					margin: 0px;
					margin-right: 1px;
					border: 1px solid #aeaeae;
					border-bottom: 1px solid #777;
					background: #777;
					background: url(images/callbg.png) repeat-x left -20px #777;
					}
			
			
					
			.pane
				{
				float: left;
				width: 480px;
				display: none;
				background: #777;
				}
				
				.sidepanel
					{
					float: right;
					width: 180px;
					}
				
				.confidence, .commentbox
					{
					float: right;
					width: 160px;
					padding: 10px;
					padding-top: 0px;
					}
					
					.sidepanel h2, .content h2
						{
						color: orange;
						letter-spacing: -1px;
						}
					
					.confidence a
						{
						display: block;
						float: left;
						margin-right: 5px;
						margin-bottom: 5px;
						}
						
						.confidence img
							{
							border: 0px;
							}
							
							#c
								{
								float: left;
								width: 160px;
								}
									
			
			.callus
				{
				background: url(images/callbg.png) repeat-x left 1px;
				height: 42px;
				font-weight: bold;
				padding: 5px;
				padding-left: 335px;
				}
				
				.callus span
					{
					font-size: 14px;
					color: #ccc;
					}
				
				.callus div
					{
					font-size: 24px;
					font-weight: bold;
					letter-spacing: -1px;
					margin-top: -5px;
					}
			
			.navmenu
				{
				float: left;
				width: 500px;
				}
				
				.navmenu a
					{
					float: left;
					height: 40px;
					position: relative;
					overflow: hidden;
					}
					
					.navmenu span
						{
						display: block;
						float: left;
						height: 80px;
						background: url(images/nav1.png) repeat left top;
						position: relative;
						cursor: pointer;
						}
					
					a.home span
						{
						width: 72px;
						background-position: 3px top;
						}
					a.about span
						{
						width: 100px;
						background-position: -61px top;
						}
					a.contact span
						{
						width: 108px;
						background-position: -157px top;
						}
					a.order span
						{
						width: 100px;
						background-position: -263px top;
						}
					a.testimonials span
						{
						width: 120px;
						background-position: -361px top;
						}

					.navmenu a.sel span
						{
						top: -40px !important;
						}

		.copyright
			{
			clear: both;
			padding: 20px;
			padding-top: 10px;
			}
			
		textarea.tb
			{
			overflow: auto;
			}
		
		.minheight
			{
			float: left;
			height: 500px;
			width: 0px;
			}
	

.modopt
	{
	width: 300px;
	}
	
.modopt span
	{
	background: url(images/redbg.png) no-repeat left 0px;
	margin-right: 10px;
	float: left;
	display: block;
	width: 80px;
	height: 91px;
	text-align: center;
	font-size: 48px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	padding-bottom: 5px;
	cursor: pointer;
	color: #fefefe;
	}
	
	.modopt span.over
		{
		background-position: left 5px;
		padding-top: 15px;
		padding-bottom: 0px;
		}

.gallery
	{
	}
	
	.gallery a, .gal a
		{
		float: left;
		background: #333;
		position: relative;
		margin-bottom: 10px;
		margin-right: 10px;
		}
	
	.gallery img, .gal a img
		{
		position: relative;
		top: -1px;
		left: -1px;
		border: 0px;
		padding: 5px;
		background: #fff;
		float: left;
		}
		
		.gallery a:hover img
			{
			left: -3px;
			top: -3px;
			}
	
	.pane2
		{
		width: 300px;
		overflow: hidden;
		}
		
	.status
		{
		width: 170px;
		float: left;
		padding-bottom: 10px;
		}
		
	.status .confidence
		{
		padding: 0px;
		float: left;
		}
		
		
/* order page */		

				.fitem
					{
					float: left;
					width: 300px;
					margin-bottom: 5px;
					background: none;
					}
					
					.fitem label
						{
						float: left;
						width: 100px;
						font-weight: bold;
						color: #eee;
						}
						
						.tb
							{
							width: 170px;
							padding: 3px;
							border: 0px solid #777;
							background: #555;
							font-family: Arial, Helvetica, sans-serif;
							color: #fff;
							}
							
							.w1
								{
								width: 50px;
								}
								
							.w2
								{
								width: 88px;
								}
								
							.w3
								{
								width: 50px;
								}
							
							label.midlabel
								{
								float: none;
								vertical-align: top;
								}
								
								.creditcards
									{
									float: left;
									width: 120px;
									}
								
								.creditcards a
									{
									float: left;
									width: 30px;
									height: 19px;
									border: 1px solid #555;
									margin-left: 0px;
									margin-right: 0px;
									margin-bottom: 3px;
									}
									
									.visa {background-image: url(images/visa.gif)}
									.amex {background-image: url(images/amex.gif)}
									.mcrd {background-image: url(images/mcard.gif)}
									.dscy {background-image: url(images/discover.gif)}
									
								.creditcards input
									{
									float: left;
									}
									
							label.copyabove
								{
								font-weight: normal;
								font-size: 12px;
								}
								
							#cprice
								{
								float: left;
								padding: 5px;
								background: #FFCC00;
								color: #000;
								font-size: 30px;
								font-weight: bold;
								position: relative;
								margin-bottom: 10px;
								}								
								
.padded
	{
	background: #fff;
	padding: 10px;
	}
	
.googleform
	{
	display:none;
	}
	
.note
	{
	padding: 10px;
	background: #888;
	margin-top: 20px;
	margin-right: 20px;
	border: 0px solid #eee;
	clear: both;
	}
	
	.status
		{
		}