/* CSS Document */

/******Layout**********/

body {
	margin-top: 0px;
	text-align: center;
	background-image:url(../img/bg_tile.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.3em;}
	
#page {
		width:774px;
		position:relative;
		left:50%;
		margin-left:-387px;
		float:left;
		margin-top:0px;	
		}

#head {
		width:770px;
		height:178px;
		max-height:178px;
		display:block;
		margin:0px;
		margin-left:1px;
		padding:0px;
		background-color:#FFFFFF;
		text-align:left;}
		
#nav{
	width:774px;
	height:38px;
	background-image:url(../img/nav.jpg);
	background-repeat:no-repeat;
	display:block;
	font-size:11px;
	font-weight:bold;
	
	}

#content{
		background-image:url(../img/content.jpg);
		background-repeat:repeat-y;
		height:auto!important;
		height:500px;
		min-height:500px;
		display:block;
		text-align:left;
		
		padding-bottom:3px;
		float:left;}
		
#contentGal{
		background-image:url(../img/content.jpg);
		background-repeat:repeat-y;
		height:auto!important;
		height:500px;
		min-height:500px;
		display:block;
		text-align:left;
		padding-left:2px;
		padding-bottom:3px;
		padding-top:10px;
		float:left;
		width:774px;}
		
#contentLeft{float:left;
			width:166px;
			padding-top:18px;
			padding-bottom:40px;
			padding-left:10px;
			background-color:#ffffff;}

#contentMain{float:left;
			width:390px;
			padding-left:10px;
			padding-right:20px;
			margin-left:6px;
			height:auto!important;
			height:450px;
			min-height:450px;
			padding-top:8px;
			padding-bottom:20px;}
			
#contentMainIndex{float:left;
			width:400px;
			padding-left:10px;
			margin-left:6px;
			height:auto!important;
			height:350px;
			min-height:350px;
			padding-top:8px;
			padding-bottom:40px;}

#contentRight{float:right;
			width:164px;
			text-align:left;
			padding-right:3px;
			margin-top:0xp;
			padding-bottom:10px;
			}
			
#contentBottom{float:left;
				padding-left:0px;
				}

#contentBottomSub{float:right;
				}

#contentBottomIndex{float:right;
				padding-right:1px;
				background-image:url(../img/indexBlock.jpg);
				background-repeat:no-repeat;
				width:581px;
				height:233px;
				display:block;
				}
				
#contentContact{float:right;
			width:580px;
			padding-left:3px;
			padding-right:3px;
			height:auto!important;
			height:450px;
			min-height:450px;
			padding-bottom:20px;
			}
			
#contentSub{float:right;
			width:570px;
			
			padding-right:20px;
			height:auto!important;
			height:450px;
			min-height:450px;
			padding-bottom:40px}
		
#foot{
float:left;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	width:774px;
	height:32px;
	padding-left:3px;
	color:#000000;
	padding-top:8px;
	}

/*****contact page layout*******/

.contactLeft{float:left;
			width:250px;}

.contactRight{float:left;
				padding-left:10px;
				width:310px;}

.contact label{display:block;}

.contact input{width:200px;}

/*******Nav Style************/

.navLeft{float:left;
		padding-top:13px;
		padding-left:30px;}

.navRight{float:right;
		padding-top:9px;
		padding-right:14px;}

.home{padding-right:17px;}

.about{padding-right:13px;}

.products{padding-right:14px;}

.gallery{padding-right:16px;}

#nav a{text-decoration:none;
		color:#000000;}
		
#nav a:hover{color:#FFFFFF;}




/******Footer Style**********/

.footTab{padding-right:100px;}

.footTab2{padding-right:130px;}

.orange{color:#FF6600;}

#foot a{text-decoration:none;
		color:#000000;}


#foot a:hover{text-decoration:none;
		color:#411b66;}

/*******Content Left Style*********/

#contentLeft ul{list-style:none;
text-align:center;
margin:0px;
padding:0px;}


/********Content Bottom Index Style*******/


#contentBottomIndex li.none{list-style:none;
							font-weight:normal;
							padding-top:3px;}

#contentBottomIndex li{padding-bottom:10px;
						font-weight:bold;}

.listLeft{float:left;
	width:300px;}

.listRight{float:right;
	padding-right:15px;}


/*******Products and services style*******/

li.productsNone{list-style:none;
				padding-bottom:10px;}

.productRight{float:right;
			padding-top:30px;}

li.products{padding-bottom:10px;}

li.products a{text-decoration:none;
			color:#000000;}

li.products a:hover{text-decoration:none;
			color:#411b66;}



/******Text Styling***********/

h2{color:#411b66;}

.green{color:#77b030;}

a.backGreen{color:#77b030;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;}

.purple{color:#411b66;}

.warning{color:#CC0000;
		font-size:24px;}
		
.warning2{color:#CC0000;}

a.index{color:#000000;
		text-decoration:none;}
		
a:hover.index{color:#411b66;
			text-decoration:none;}

a:hover{color:#411b66;}

.white{color:#FFFFFF;}

.greyBack{background-color:#dad5d1;
		display:block;
		padding:2px;}


/*******Left Menu Style******/

.preloader {visibility:hidden;}

a:hover.lamp {background-image:url(../img/logos/lampOver.png);
		width:160px;
		height:70px;
		display:block;
		background-position:center;}

a.lamp{background-image:url(../img/logos/lamp.png);
		width:160px;
		height:70px;
		display:block;
		background-position:center;}


a:hover.easy{background-image:url(../img/logos/easyOver.png);
		width:160px;
		height:40px;
		display:block;
		background-position:center;
		background-repeat:repeat;}
		
a.easy{background-image:url(../img/logos/easy.png);
		width:160px;
		height:40px;
		display:block;
		background-position:center;
		background-repeat:repeat;}

a:hover.matrix{background-image:url(../img/logos/matrixOver.png);
		width:158px;
		height:55px;
		display:block;
		background-position:right;
		background-repeat:no-repeat;}

a.matrix{background-image:url(../img/logos/matrix.png);
			width:158px;
			height:55px;
			display:block;
			background-position:right;
			background-repeat:no-repeat;}

a.battery{background-image:url(../img/logos/battery.png);
		width:160x;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;
		}

a:hover.battery{background-image:url(../img/logos/batteryOver.png);
		width:154x;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;}
		
a.wercs{background-image:url(../img/logos/wercs.png);
		width:150x;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;}
		
a:hover.wercs{background-image:url(../img/logos/wercsOver.png);
		width:150x;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;}
		
a.carbon{background-image:url(../img/logos/carbon.png);
		width:151;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;}
		
a:hover.carbon{background-image:url(../img/logos/carbonOver.png);
		width:151;
		height:55px;
		display:block;
		background-position:center;
		background-repeat:no-repeat;}

/******List Styling**********/

ul{margin-left:-20px;}