/*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: 85px;
		}
		
			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 a {
					text-indent: -9999px;
					display: block;
					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: 23px;
						padding: 0px 0px 10px 0px;
						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: 5px 15px 0px 15px;
							text-decoration: none!important;
							display: block;
							list-style: none;
							font-weight: bold;
							background: 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: 844px;
				height: 325px;
				position: relative;
					top: -2px;
					left: 3px;
				text-align: center;
				
				z-index: 2;
				overflow: hidden;
			}
				body.subpage div#banner {
					height: 132px;
					overflow: hidden;
				}
				#banner img {
					margin: 0px 3px;
				}
				
				#banner #banner_fader {
					margin: 0;
					padding: 0;
					position: relative;
					height: 326px;
					left: 0px;
					list-style: none;
				}
					#banner_fader li {
						width: 845px;
						height: 326px;
						position: absolute;
						background-position: center center;
						background-repeat: no-repeat;
						display: none;
						-webkit-border-bottom-right-radius: 25px;
						-webkit-border-bottom-left-radius: 30px;
						-moz-border-radius-bottomright: 25px;
						-moz-border-radius-bottomleft: 30px;
						border-bottom-right-radius: 25px;
						border-bottom-left-radius: 30px;
					}
						#banner_fader li img {
							-webkit-border-bottom-right-radius: 25px;
							-webkit-border-bottom-left-radius: 30px;
							-moz-border-radius-bottomright: 25px;
							-moz-border-radius-bottomleft: 30px;
							border-bottom-right-radius: 25px;
							border-bottom-left-radius: 30px;							
						}
					#banner_fader li.active {
						display: block;
						z-index: 3;
					}
					#banner_fader li.next {
						display: block;
						z-index: 2;
					}
				
			#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;
					
				}
				.slim_column a#facebook_button, .slim_column a#twitter_button {
					display: block;
					padding: 20px 0 20px 75px;
					margin: 15px 0 0 20px;
					color: #fff;
					background-repeat: no-repeat;
					background-position: left center;
					background-image: url('../images/facebook.png');
					font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
					font-weight: bold;
				}
					.slim_column a#twitter_button {
						background-image: url('../images/twitter.png');
					}
				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;
					}
	
	#news #left_column span {
		position: static;
	}
		#news #newslist {
			margin: 5px 10px 10px 15px;
		}
		#news #newslist .news {
			padding: 10px 5px;
			border-bottom: 1px solid #555;
		}
		#news #newslist .news h4 a {
			color: #F30;
			font-size: 18px;
			line-height: 1.2em;
		}
		#news .date {
			color: #999;
			font-variant: normal;
		}
			#news #story .date {
				margin-left: 20px;
			}
			#news #story .news_content p {
				margin: 15px 20px;
				padding: 0;
			}
	#testimonials .testimonial {
		padding: 10px 0;
		border-bottom: 1px solid #555;
	}
	#testimonials .testimonial_author {
		margin-left: 20px;
		font-weight: bold;
		font-size: 12px;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	
					
					
	#index .news {
		
	}
	#index .news h2, #index .testimonials h2 {
		border-bottom: 1px solid #999;
		padding: 10px 0 0;
		margin: 0px 20px 10px;
	}
		#index .news h2 small, #index .testimonials h2 small {
			font-size: 10px;
			font-weight: normal;
		}
			#index .news h2 small a, #index .testimonials h2 small a {
				color: #F30;
			}
		#index .news ul {
			margin-left: 0;
			padding-left: 20px;
		}
		#index .news li {
			margin: 5px 0;
		}
			#index .news li .date {
				color: #999;
			}
			#index .news li a {
				color: #ddd;
				text-decoration: underline !important;
			}
				#index .news li a:hover {
					color: #fff;
				}
	#index .testimonials {
		font-style: italic;
	}
		#index .testimonials h2 {
			font-style: normal;
		}
		#index .testimonials p {
			padding: 0;
			margin: 15px 10px 10px 20px;
		}
		#index .testimonials .author {
			font-weight: bold;
			font-style: normal;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			margin: -5px 10px 10px 20px;
		}
			#index .testimonials .author small {
				font-size: 11px;
			}
					
					
	#footer {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 65px;
		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;
			padding: 0px;
			margin-bottom: 10px;
			height: 15px;
			width: 846px;
		}
			#footer p span {
				margin: 0 15px;
			}
			
		.portfolio h2{
 			font-size: 16px;
		}
div#gw {
	margin-top: 20px;
}
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;
}