/* -----------------------------------------------------------------------


Varshyl Tech
www.varshyltech.com

----------------------------------------------------------------------- */

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */

body {font-size:75%;color:#777;background:#e6e6e6 url(../images/index-bg.jpg) repeat-x top left; font-family:"lucida grande",verdana,sans-serif;}


/* grid.css */
.wrapper{width:1000px; height:768px; margin:0 auto; padding:0px;}
.left-column{width:198px; height:768px; margin:0; padding:0px; float:left; background:url(../images/left-column.png) no-repeat top right;}
.right-column{width:226px; height:768px; margin:0; padding:0px; float:right; background:url(../images/right-column.png) no-repeat top left;}
.center-column{width:576px; height:768px; margin:0; padding:0px; float:left;}
.center-column .top{width:576px; height:31px; margin:0; padding:0px; float:left; background:url(../images/index-top.png) no-repeat top left;}
.spotlight{width:161px; height:137px; margin:0 0 0 218px; padding:0px; float:left;}

.spotlight a{
	background:url(../images/lamp.png) no-repeat 0 0;
	display: block;
	outline: none;
	position: relative;
	height: 137px;
	text-decoration: none;
	width: 161px;
}

.spotlight a .hover {
	background:url(../images/lamp.png) no-repeat 0 -137px;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height:137px;
	width: 161px;	
	}


#logos-cointainer{ width:576px; float:left;}
#logos {margin:0px; float:left; widows:480px; height:340px; padding:0px 0 0 50px;}
#logos li{float:left;display:block; padding:0px 20px 20px 20px;}
#logos li a{
	background-image:url(../images/logos-sprite.png);
	display: block;
	outline: none;
	position: relative;
	height: 149px;
	text-decoration: none;
	width: 214px;
}
#logos .nx {	background-position:0px 0px;width:214px;height:149px;}	
#logos .sentio {background-position:-214px 0px;
	width:214px;
	height:149px;
	}
#logos .building{
	background-position:-428px 0px;
	width:214px;
	height:149px;
	}
	
#logos .erecycle {
	background-position:-642px 0px;
	width:214px;
	height:149px;
	}
	


#logos a .hover {
	background: transparent  url(../images/logos-sprite.png) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 149px;
	width: 214px;	
	}
	
#logos .nx .hover {background-position: -0px -149px;}
#logos .sentio .hover{background-position: -214px -149px;}
#logos .building .hover {background-position: -428px -149px;}
#logos .erecycle .hover {background-position: -642px -149px;}

.center-column .vaccum{width:137px; height:260px; margin:0; padding:0px; float:right; background:url(../images/vaccum.png) no-repeat top left;}