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

*{margin:0; padding:0;}
	img{border:none;}
	a{border:none;text-decoration:none;}
	html{overflow: -moz-scrollbars-vertical; }
	h3{font-family:arial, helvetica, sans-serif; font-size:20px; color:#8dc23f;margin-bottom:25px;}

body{background:url(../_images/bg_veritical.jpg) repeat-x #f9cc86;; position:relative;}
	#wrapper{width:960px; margin:0px auto; position:relative; }
	img.logoSwirl{position:absolute;top:0px;left:-1000px; z-index:10;}
	img.eps{position:absolute; top:40px; right:10px; z-index:-15;}
	img.mainFloat{display:inline;}
	img.commitFloat{display:inline;}
	img.longFloat{display:inline;}
	img.epsText{position:absolute; top:5px; right:0px; z-index:25;}
	img.homeClick{position:absolute;top:0px; left:0px; z-index:30;}
	
	img.header{margin:20px 0 10px;}
	img.address{margin-left:130px; display:block;}
		
	.navigation{width:80px; padding:0 25px; margin-top:180px; text-align:center; float:left; z-index:20; position:relative;}
		.navigation p{font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block; margin-bottom:20px;}
		.navigation p a{color:#545759;}
		.navigation p a:hover{color:#d48200;}
		.navigation p a.selected{color:#d48200;}
		.navigation p.lastNav{margin-bottom:0px;}
		
	/*  INDEX PAGE ONLY */
	
	
	.content{width:685px; background:url(../_images/bg_veritical.jpg) repeat-x top #fff; padding-top:70px; position:relative;z-index:5;overflow:hidden; padding-left:15px; display:block;}
		.content p{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:1.4em;width:450px;}
		
		
	/*************************/
	
	.contentMain{width:795px;background:url(../_images/bg_veritical.jpg) repeat-x top #fff;  padding-top:70px; position:relative;z-index:5;overflow:hidden; padding-left:15px;}
		.contentMain p{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:1.4em;}
		.contentMain p a{color:#9a0505; text-decoration:underline;}
		.contentMain p a:hover{color:#545759;}
	
	
	span.contact{float:left; width:170px; margin:0 40px 0 0;}
		
		
		.digitalNeeds{text-align:center; position:absolute; top:330px; left:150px; z-index:20;}
			.digitalNeeds h4{color:#4f0780; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:16px;margin-bottom:15px;}
			.digitalNeeds img{display:inline;}
	
	
	.aboutNav{margin:-20px 0 15px 0;}
		.aboutNav p{display:inline;margin-right:5px; font-family:Arial, Helvetica, sans-serif;}
		
		.aboutNav p.last{margin-right:0px;}
	
	
	/****  These CLASSES are to overlay the LINKS on TOP of the PNG (PDI SWIRL) to trick Browser ********/
	
	
	.aboutLayer{position:absolute;top:140px; left:150px; width:500px; z-index:20;}
		.aboutLayer p{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:1.4em;}
		.aboutLayer p a{text-decoration:underline; color:#9a0505; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
		.aboutLayer p a:hover{color:#a7a9ac;}
	
	.location{position:absolute; bottom:50px;left:150px;z-index:20;}
		.location p{margin-bottom:15px; font-size:15px;}
		.location p a{color:#9a0505; text-decoration:underline;}
		.location p a:hover{color:#545759;}
	
	.contactLayer{position:absolute;top:180px; left:145px; z-index:20;width:685px;}
		.contactLayer p{margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:1.4em;}
		.contactLayer p a{color:#9a0505; text-decoration:underline;}
		.contactLayer p a:hover{color:#545759;}
	


/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
	float:right;
	margin:0 10px 0px 10px;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}