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

@import url("pngfix.css");

body {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #9c7f51;
	background: #a38656 url(../images/bg_lines.gif) repeat-x;
}

a:link, a:visited, a:active {
	color: #FFFFFF;
}

a:hover {
	cursor: pointer;
	color:#FFFF00;
	text-decoration: none;
}

.space10, .space20, .space30, .space40 { display: block; clear: both; }
	.space10 { height: 10px; font-size: 1px; line-height: 1px; }
	.space20 { height: 20px; }
	.space30 { height: 30px; }
	.space40 { height: 40px; }

.clear { 
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.separator-line {
	width: 740px;
	height: 10px;
	font-size: 1px;
}

.required { color: #FF0000; }

.float-left { float: left; }
.float-right { float: right; }

.letter-space {
	letter-spacing: 1px;
	word-spacing: 2px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
}



/*--------------
	Layout
--------------*/

#wrapper {
	width: 835px;
	margin: 10px auto;
	position: relative;
}

#header {
	width: 835px;
	height: 42px;
	background: url(../images/header_bg.png) no-repeat;
}

#container {
	width: 835px;
	background: url(../images/container_bg.png) repeat-y;
}

	#container .container-footer {
		width: 835px;
		background: url(../images/container_bottom_bg.png) no-repeat left bottom;
	}

		.container-footer div.content {
			padding: 20px 10px 20px 30px;
		}
		
		.scroll {
			width: 776px;
			padding-right: 10px;
			height: 200px;
			overflow: auto
		}
		
		.paragraph_line {
			background: url(../images/paragraph_start_line.gif) no-repeat 130px 10px;
			padding-right: 20px;
		}
		
		
/*------------------------------
	Start Custom Scroll Bar 
------------------------------*/

	/* Scroll Bar Master Styling Starts Here */
	/* All comments can be freely removed from the css */
	
	/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
	.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
	
	.vscrollerbar {
		width: 14px;
		background: #886c43 url(../images/scrollbar.png) repeat-y;
	}
	/*
	.vscrollerbarbeg {
		height: 24px !important;
		width: 14px;
		background: url(scrollbar.png) -108px -32px no-repeat;
	}
	.vscrollerbarend {
		height: 24px;
		width: 14px;
		background: url(scrollbar.png) -108px 0px no-repeat;
	}
	*/
	.vscrollerbase {
		width: 14px;
		background: #8f5700 url(../images/scrollbar_base.png) repeat-y;
	}
	.vscrollerbasebeg {
		width: 14px;
		height: 10px !important;
		background: url(../images/scrollbar_base_beg.png) no-repeat;
	}
	.vscrollerbaseend {
		width: 14px;
		height: 10px;
		background: url(../images/scrollbar_base_end.png) no-repeat;
	}
	.hscrollerbase {
		height: 16px;
		background-color: white;
	}
	.hscrollerbar {
		height: 16px;
		background-color: black;
	}
	.vscrollerbar, .hscrollerbar {
		padding: 14px 0;
		z-index: 2;
	}
	.scrollerjogbox {
		width: 14px;
		height: 16px;
		top: auto;
		left: auto;
		bottom: 0px;
		right: 0px;
		background: #37917A;
	}
	
	/* Scroll Bar Master Styling Ends Here */
	
	/*Page related styles for you to view*/
	#mycustomscroll {
		/* Typical fixed height and fixed width example */
		width: 770px;
		height: 200px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
		padding-right: 15px;
	}

/*------------------------------
	End Custom Scroll Bar 
------------------------------*/



#footer{
	width: 835px;
	height: 48px;
	background: url(../images/footer_bg.png) no-repeat;
}

.footer-links {
	margin: 0 auto;
	width: 818px;
	height: 22px;
	background: url(../images/footer_links.png) no-repeat;	
}

.footer-links ul li {
	float: left;
}


.footer-links ul li.first {
	padding-left: 30px;
}

.footer-links a, .footer-links a:link, .footer-links a:visited, .footer-links a:active {
	display: block;
	float: left;
	padding: 0 20px;
	font-size: 12px;
	color: #E8E8E8;
}
	
	.footer-links a:hover {
		color: #FFFFFF;
	}



.flash {
	width: 816px;
	height: 180px;
	padding-left: 10px;
}

.space-after-flash {
	width: 816px;
	height: 20px;
	padding-left: 10px;
	background: url(../images/space_after_flash.gif) no-repeat right top;
}

/*===============
	Header
===============*/

#header {
	float: left;
	width: 215px;
	padding-left: 620px;
	padding-top: 16px;
	height: 26px;
}

	#imvotech {
		width: 190px;
		height: 20px;
		background: url(../images/imvotech.png) no-repeat;
	}

	.menu {
		width: 835px;
		float: left;
		height: 36px;
	}
	
	.menu li {
		float: left;
		height: 36px;
	}
			
	.menu li.left {
		display: block;
		float: left;
		width: 10px;
		background: url(../images/menu_left.png) no-repeat;
	}
	
	.menu li.last {
		display: block;
		float: left;
		width: 56px;
		background: url(../images/menu_last.gif) no-repeat;
	}
	
	.menu li.right {
		display: block;
		float: left;
		width: 9px;
		background: url(../images/menu_right.png) no-repeat;
	}
	
	
		.menu li a {
			display: block;
			float: left;
			height: 36px;
		}
				
		.menu li a.home {
			display: block;
			float: left;
			width: 75px;
			background: url(../images/menu_home.gif) no-repeat;
		}
		
		.menu li a.products {
			display: block;
			float: left;
			width: 82px;
			background: url(../images/menu_products.gif) no-repeat;
		}
		
		.menu li a.services {
			display: block;
			float: left;
			width: 181px;
			background: url(../images/menu_services_solutions.gif) no-repeat;
		}
		
		.menu li a.technology {
			display: block;
			float: left;
			width: 153px;
			background: url(../images/menu_technology_partners.gif) no-repeat;
		}
		
		.menu li a.news {
			display: block;
			float: left;
			width: 80px;
			background: url(../images/menu_news.gif) no-repeat;
		}
		
		.menu li a.contact_us {
			display: block;
			float: left;
			width: 89px;
			background: url(../images/menu_contact_us.gif) no-repeat;
		}
		
		
		
		
/*===============
	Tabs
===============*/


/*----------------------------------------
	Full Width Navigation Tabbed CSS
----------------------------------------*/

ul.tab {
	float: left;
	width: 780px;
	padding-left: 55px;
}

ul.tab li {
	font-weight: bold;
	margin-right: 0px;
	float: left;
	height: 31px;
	position: relative;
	top: 0px;
	padding-left: 30px;
	line-height: 28px;
	font-size: 13px;
	background: url(../images/tab.png) no-repeat;
}

ul.tab li a, ul.tab li a:link, ul.tab li a:visited, ul.tab li a:active {
	display: block;
	float: left;
	padding-right: 30px;
	height: 31px;
	color: #302514;
	background: url(../images/tab.png) no-repeat 100% 0;
}

ul.tab li.active {
	float: left;
	height: 32px;
	top: 0px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 13px;
	background: url(../images/tab_active.png) no-repeat 0;
}

ul.tab li.active a, ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:active {
	display: block;
	float: left;
	padding-right: 30px;
	height: 32px;
	color: #ac9164;
	background: url(../images/tab_active.png) no-repeat 100% 0;
}

p.heading {
	z-index: 5px;
	padding-right: 10px;
	background-color: #554224;
	width: auto;
	float: left;
}

.address-right {
	float: right;
	width: 300px;
}

.address-left {
	float: left;
	width: 300px;
}


.right-align {
	float: left;
	width: 560px;
	padding-left: 20px;
}


.business-partners-left {
	width: 400px;
	float: left;
}


.business-partners-right {
	width: 250px;
	float: right;
}

.simple-list {
	padding-top: 6px;
}

.simple-list li {
	padding-left: 20px;
}

.image-media-outter {
	padding-top: 10px;
	padding-left: 680px;
}
	
	.image-media {
		width: 150px;
		height: 40px;
		background: url(../images/image_media_logo.png) no-repeat;
	}
	


/*-------------------------
		Headings
-------------------------*/

div.heading {
	height: 42px;
	width: 500px;
}

div.heading .welcome {
	height: 40px;
	width: 500px;
	background: url(../images/header_welcome.jpg) no-repeat;
}

div.heading .who-we-are {
	height: 40px;
	width: 500px;
	background: url(../images/header_who_we_are.jpg) no-repeat;
}

div.heading .mission-statement {
	height: 40px;
	width: 500px;
	background: url(../images/header_mission_statement.jpg) no-repeat;
}

div.heading .founders-vision {
	height: 40px;
	width: 500px;
	background: url(../images/header_founders_vision.jpg) no-repeat;
}

div.heading .key-personnel {
	height: 40px;
	width: 500px;
	background: url(../images/header_key_personnel.jpg) no-repeat;
}

div.heading .printers {
	height: 40px;
	width: 500px;
	background: url(../images/header_printers.jpg) no-repeat;
}

div.heading .servers {
	height: 40px;
	width: 500px;
	background: url(../images/header_servers.jpg) no-repeat;
}

div.heading .storage {
	height: 40px;
	width: 500px;
	background: url(../images/header_storage.jpg) no-repeat;
}

div.heading .software {
	height: 40px;
	width: 500px;
	background: url(../images/header_software.jpg) no-repeat;
}

div.heading .hardware {
	height: 40px;
	width: 500px;
	background: url(../images/header_hardware.jpg) no-repeat;
}

div.heading .consumables {
	height: 40px;
	width: 500px;
	background: url(../images/header_consumables.jpg) no-repeat;
}

div.heading .desktops {
	height: 40px;
	width: 500px;
	background: url(../images/header_desktops.jpg) no-repeat;
}

div.heading .laptops {
	height: 40px;
	width: 500px;
	background: url(../images/header_laptops.jpg) no-repeat;
}

div.heading .networking {
	height: 40px;
	width: 500px;
	background: url(../images/header_networking.jpg) no-repeat;
}

div.heading .service-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_service_solutions.jpg) no-repeat;
}

div.heading .contact-us {
	height: 40px;
	width: 500px;
	background: url(../images/header_contact_us.jpg) no-repeat;
}


div.heading .business-partner {
	height: 40px;
	width: 500px;
	background: url(../images/header_business_partners.jpg) no-repeat;
}


div.heading .business-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_business_solutions.jpg) no-repeat;
}

div.heading .small-business-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_small_business_solutions.jpg) no-repeat;
}

div.heading .licensing {
	height: 40px;
	width: 500px;
	background: url(../images/header_licensing.jpg) no-repeat;
}

div.heading .internet-security {
	height: 40px;
	width: 500px;
	background: url(../images/header_internet_security.jpg) no-repeat;
}

div.heading .internet-connectivity {
	height: 40px;
	width: 500px;
	background: url(../images/header_internet_connectivity.jpg) no-repeat;
}

div.heading .internal-email-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_internal_email_solutions.jpg) no-repeat;
}

div.heading .printing-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_printing_solutions.jpg) no-repeat;
}

div.heading .backup-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_backup_solutions.jpg) no-repeat;
}

div.heading .fax-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_fax_solutions.jpg) no-repeat;
}

div.heading .point-sale-solutions {
	height: 40px;
	width: 500px;
	background: url(../images/header_point_sale_solutions.jpg) no-repeat;
}

div.heading .website-design-hosting {
	height: 40px;
	width: 500px;
	background: url(../images/header_webdesign_solutions.jpg) no-repeat;
}

div.heading .after-hours-support {
	height: 40px;
	width: 500px;
	background: url(../images/header_after_hours_support.jpg) no-repeat;
}

div.heading .delivery {
	height: 40px;
	width: 500px;
	background: url(../images/header_delivery.jpg) no-repeat;
}

div.heading .document-management {
	height: 40px;
	width: 500px;
	background: url(../images/header_doc_management.jpg) no-repeat;
}

div.heading .internal-instant-messaging {
	height: 40px;
	width: 500px;
	background: url(../images/header_internal_instant_messaging.jpg) no-repeat;
}

div.heading .accreditation {
	height: 40px;
	width: 500px;
	background: url(../images/header_accreditation.jpg) no-repeat;
}

div.heading .business-partners {
	height: 40px;
	width: 500px;
	background: url(../images/header_business_partners.jpg) no-repeat;
}

div.heading .news {
	height: 40px;
	width: 500px;
	background: url(../images/header_news.jpg) no-repeat;
}



.footerlogo, #header #imvotech {
	cursor:pointer;
}

/*----------------------------- News Panel -----------------------------*/

.recent-news {
	width: 150px;
	margin-left: 15px;
	padding-top: 40px;
	height: 183px;
	padding-left: 12px;
	float: right;
	background: url(../images/recent_news.jpg) no-repeat;
	position: relative;
	z-index: 999;
}

.recent-news h2 {
	font-weight: bold;
	font-size: 12px;
	color: #ceb686;
}

.recent-news p {
	font-size: 12px;
	color: #ceb686;
}