/*HTML Elements*/

	html {
		font: 12px Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;		
	}
	body {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		background: #363636 url('../images/body_bg.jpg') repeat-x top;
	}
	body#index {
		
	}
	table tr td{
		font: 12px Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;		
		color:#fff;
	}
	a {
		color: #FFF;
	}
		a:link, a:visited {
			text-decoration: none !important;
		}
		a:hover {
			text-decoration: underline;
		}
		a:visited {
		color: #FF3300;
		}
		a img {
			border: none
		}
	img {
		border: none!important;
	}
	map {
		border: none;
	}
	ul {
	
	}
	ul li {
		list-style: none;
		text-decoration: none;
	}
	ul li a {
		text-decoration: none;
	}
	ol {
	
	}
	ol li {
	
	}
	h1, h2, h3, h4, h5 {
		font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	h1 {
		font-size: 20px;
	}
	h2 {
		font-size: 17px;
	}
	h3 {
		font-size: 14px;
	}
	h4 {
		font-size: 12px;
	}
	h5 {
		font-size: 10px;
	}
	p {

	}
	.sIFR-replaced h1 {
		color: #3A990D;
	}
	.sIFR-alternate {
		position: relative;
			left: -9999px;
		display: none;
	}
/*DOM Specific*/
	#kontainer {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
		#content {
			position: relative;
			text-align: left;
			width: 852px;
			margin: 0 auto;
			padding-bottom: 60px;
		}
		
			div#header {
				background: url('../images/header.jpg') no-repeat scroll top left;
				margin: 10px 0px 0px 0px;
				width: 852px;
				height: 126px;
				z-index: 1;
			}
				h1#vi_logo {
					text-indent: -9999px;
					position: absolute;
						top: 14px;
						left: 14px;
					background: url('../images/logo.jpg') no-repeat scroll top left;
					width: 273px;
					height: 77px;
				}
				#franchise {
					text-indent: -9999px;
					position: absolute;
						top: 4px;
						right: 4px;
					background: url('../images/online_franchise_ordering.jpg') no-repeat scroll top left;
					width: 271px;
					height: 95px;
				}
				ul#navigation {
					position: absolute;
						top: 100px;
						right: 14px;
					margin: 0px;
					padding: 0px;
				}
					ul#navigation li {
						margin: 0px;
						float: left;
						/*float: right;*/
						list-style: none;
						margin: 0 2px;
						height: 34px;
						padding: 7px 0px 10px 15px;
						background:url('../images/left_tab.png') no-repeat left top;
					}
						ul#navigation li a {
							color: #000;
/*							letter-spacing: .5px;*/
							font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
							font-size: 11px;
							margin-left: 0px;
							font-weight: bold;
							text-transform: uppercase;
							padding: 0px 15px 0px 0px;
							text-decoration: none!important;
							display: block;
							list-style: none;
							font-weight: bold;
							background: #fff url('../images/right_tab.png') no-repeat right top 0;
						}
							body#news a.news, body#contact a.contactus, body#about a.aboutus, body#product a.products, body#index a.home, body#upload a.upload {
								color: #F00;
							}
							ul#navigation li a:hover {
								color: #F00;
							}
			#banner {
				width: 845px;
				height: 322px;
				position: relative;
					top: -2px;
					left: 3px;
				text-align: center;
				background: transparent url('../images/banner_borders.gif') repeat-y;
				z-index: 2;
			}
				body.subpage div#banner {
					height: 132px;
					overflow: hidden;
				}
				#banner img {
					margin: 0px 3px;
				}
			#maincontent {
				width: 848px;
				position: relative;
				left: 3px;
				font-family: 'Lucida Bright', Georgia, sans-serif;
				line-height: 24px;
				color: #FFF;
			}
				#maincontent h2 {
					padding-top: 20px;
					padding-left: 20px;
					font-size: 15px;
					text-transform: uppercase;
					font-weight: bold;
				}
				#maincontent p {
					padding-top:20px;
					padding-left: 20px;
					padding-right: 20px;
				}
					span.portable{
						top:0px;
					}
				div#left_column {
					float: left;
					position: relative;
				}
				body#index div#left_column {
					float: left;
					position: relative;
					margin-top:-7px;
				}
				a#free_quote {
					background: url('../images/free_quote.gif') no-repeat scroll top left;
					text-indent: -9999px;
					display: block;
					float: right;
					position: absolute;
						top: 140px;
						right: 20px;
					width: 111px;
					height: 51px;
				}
					a#free_quote:hover {
						background: url('../images/free_quote_hover.gif') no-repeat scroll top left;
					}
					div#left_column span {
						font-size: 10px;
						font-family: Arial, "MS Trebuchet", sans-serif;
						font-variant: small-caps;
						position: absolute;
					}
				#collage {
					position: absolute;
					top: 20px;
					left: 15px;
				}
				div#right_column {
					position: relative;
					float: right;
				}
				div.top {
					height: 204px;
				}
				div.top.wide_column {
					line-height: 30px;
				}
				div.bottom {
					height: 295px;
				}
				div.wide_column {
					position: relative;
					margin: 5px 0px 0px 0px;
					width: 516px;
					padding-bottom: 10px;
					background: #252525 url('../images/left_shadow.jpg') no-repeat bottom right;
					
				}
				div.slim_column {
					position: relative;
					margin: 5px 0px 0px 0px;
					padding-bottom: 10px;
					width: 326px;
					background: #252525 url('../images/right_shadow.jpg') no-repeat bottom right;
				}
					div.slim_column ul {
						font-family: Arial, "MS Trebuchet", sans-serif;
						font-size: 14px;
						margin: 20px 0px 0px 0px;
						padding: 0px;
					}
						div.slim_column ul li {
							background: transparent url('../images/bullet.gif') no-repeat left center;							
							margin: 0px;
							padding: 0px;
							padding-left: 8px;
						}
						div.slim_column ul.left {
							margin-left: 25px;
						}
						div.slim_column ul.right {
							margin-right: 25px;
						}
					div.example {
						text-align: right;
						float: left;
						width: 86px;
						margin: 8px 0px 0px 16px;
					}
						div.example a {
							font-size: 10px;
							color: #666;
							text-decoration: underline!important;
							font-family: Arial, "MS Trebuchet", sans-serif;
						}
							div.example a:hover {
								color: #FFF;
							}
					a#create_account {
						position: absolute;
							bottom: 18px;
							right: 18px;
						display: block;
						text-indent: -9999px;
						background: url('../images/create_account.jpg') no-repeat scroll top left;
						width: 139px;
						height: 32px;
					}
					a#upload_file {
						position: absolute;
							bottom: 18px;
							left: 15px;
						display: block;
						text-indent: -9999px;
						background: url('../images/upload_file.jpg') no-repeat scroll top left;
						width: 140px;
						height: 32px;
					}
					
	#footer {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 45px;
		z-index: 999;
		padding: 0px 0px 10px 0px;
		margin: 0px;
		background: transparent;
		color: #FFF;
		text-align: center;
		line-height: 45px;
		font-size: 12px;
	}
		#footer p {
			font-size: 9px;
			text-align: center;
			margin: 0 auto;
			background-color: 252525;
			padding: 0px;
			margin-bottom: 10px;
			height: 44px;
			width: 846px;
		}
			#footer p span {
				margin: 0 15px;
			}
			
		.portfolio h2{
 			font-size: 16px;
		}
div#footer div#gw a:hover, div#footer div#gw a:active {
background:#74B71B none repeat scroll 0% 0%;
color:#FFFFFF;
padding:5px;
}
	div#footer div#gw a:hover, div#footer div#gw a:active span{
		font-weight:bold;
	}
div#gw a {
	color:#FFF !important;
}	
	
/* global */

.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.cleft {
	clear: left;
}
.crite {
	clear: right;
}
.red{
	color:#FF0000;
	font-weight: bold;
}