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

	
/*this is to keep page from shifting to left on load in safari and firefox*/

html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important;}	

	body{
		font: 62.5%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
		color: #E6E4C4;
		background: #dde2d7;
	}
	
	a{text-decoration: none;color: #4b4942;}
	a:hover{color: #4a742b;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	
	li{
	display:inline;}
	
	a{
	outline:none; /* Stops the dotted outline on click */
	}
	
	img {
	border:none;
	}	

/****************************** structure *********************************************/

#outerborder{
width:800px;
height:600px;
background-color:#FFFFFF;
margin:0 auto 0 auto;
}

#header{
width:800px;
height:80px;
background:url(images/vistaepc_contactimage.gif) no-repeat;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#logo{
width:305px;
height:70px;
padding:15px 0px 0px 15px;
float:left
}

.contactinfo{
width:180px;
height:70px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

.contactinfo p{
margin:15px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

#container{
width:800px;
margin:10px 0px 0px 0px;
}

/************************** Navigation structure ***********************************************/


	#navigation_wrapper{
		background:url(images/nav_bg.gif) repeat-x;
		height: 30px;
		width: 800px;
	}
	#navigation{
		float: right;
		width:300px;
		margin:auto;
		padding:5px 0px 0px 0px;
	}

	#navigation li{
		float: left;
	}
	
	#navigation li a{
		padding: 0px 5px 0px 10px;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;;
		font-weight: bold;
		color: #ffffff;
	}
	#navigation li a:hover{
		color: #333333;
		text-decoration:underline;
		}
		
/************************** Middle structure ***********************************************/

.content{
width:800px;
margin:10px 0px 0px 0px;
}

.content_title{
height:28px;
padding-left:10px;
}

.content_text{
padding:0px 15px 0px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

.contacttext{
padding:0px 15px 0px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

.content_textleft{
width:450px;
float:left;
padding:0px 10px 0px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

.content_textright{
width:200px;
height:170px;
padding:10px 0px 0px 40px;
margin-left:50px;
float:left;
}

	.contentholder{
	width:780px;
	padding:0px 0px 10px 0px;
	margin:5px 0px 0px 10px;
	}		

	.contentholder p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#656464;
	text-align:left;
	padding:1px 0px 0px 0px;
	}
	
	.contentholder h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#656464;
	text-align:left;
	padding:1px 0px 0px 0px;
	}	
	
	.contentholder a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#656464;
	padding:10px 0px 0px 0px;
	}
	
	.contentholder a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#EA5226;
	padding:10px 0px 0px 0px;
	}	
		
/************************** index page notes structure ***********************************************/
.thumbnail_wrapper{
width:800px;
height:170px;
margin:auto;
padding:10px 0px 0px 0px;
}

.thumbnail_wrapper li{
display:inline;
}

.thumbnail_wrapper p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px 20px 0px 15px;
color:#757021;
}

.thumbnail_bg{
	width:115px;
	height:110px;
	float:left;
	padding:0px 0px 8px 0px;
	margin:0px 55px 10px 10px;
	width:160px;
	height:162px;
	background:url(images/sensopix_box.gif) no-repeat;
	}

.thumbnail_bg h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:10px 20px 0px 15px;
color:#757021;
}

#epc{
padding:30px 15px 0px 15px;
}


#contactimage{
padding:30px 10px 0px 10px;
}
/************************** Footer structure ***********************************************/


	#footer_wrapper{
		background:url(images/footer_bg.gif) repeat-x;
		height: 20px;
		width: 800px;
		margin-top:15px;
	}
	#footer{
		float: right;
		width:275px;
		margin:auto;
		padding:0px 0px 10px 0px;
		
	}

	#footer li{
		float: left;
		margin-bottom:10px;
	}
	
	#footer li a{
		padding: 0px 5px 10px 10px;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;;
		font-weight: bold;
		color: #ffffff;
	}
	#footer li a:hover{
		color: #333333;
		text-decoration:underline;
		}