/*********************************************************************************************************************************** 
	
	Website: Enviro Imaging Solutions
	Author: Michael Cober
	Author URL: http://www.cober.ca
	Version: 1.0

************************************************************************************************************************************/


body {
	background: #fff;
	background-image:url(/images/eis-top-fade.jpg);
	background-repeat:repeat-x;
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	letter-spacing:.1em;
	line-height:1.6em;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
a, a:visited {
	color:#4fa9e3;
	font-weight:bold;
	text-decoration: none;
	}
	
a:hover, a:active {
	color:#0066CC;
	font-weight:bold;
	text-decoration: none;
	outline: none;
	}
	
a:active, a:focus {outline:none;} 

	

/* FONT STYLING *******************************************************************************************************************/
	
	
h1 {
	color:#0066CC;
	font-size: 1.5em;
	font-weight:bold;
	text-align:left;
	line-height: 1.5em;
	background-image:url(/images/eis-square.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-bottom:20px;	
	}
	

h2 {
	color:#0066CC;
	font-size: 1.1em;
	font-weight:bold;
	line-height:1.4em;
	text-align:left;
	}
	
h3 {
	color:#333;
	font-size: 1em;
	font-weight:normal;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h3, h3 a, h3 a:hover, h3 a:visited {
	color:#333;
	text-decoration: none;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
.bold-blue {
	font-weight:bold;
	color:#0066CC;
	}

ul {
	list-style:none;
	list-style-type:none;
	}
	
.ul-squared {
	list-style:square;
	list-style-type:square;
	}
	
li {
	margin-bottom:10px;}

/* MAJOR DIVS *******************************************************************************************************************/

#wrap {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:804px;
	background-image:url(/images/wide-page-shadow.jpg);
	background-repeat:repeat-y;
	}


#header {
	margin:auto;
	width:804px;
	height:100px;
	background-image:url(/images/header-page-shadow.jpg);
	background-repeat:no-repeat;
	}

#column-wrap {
	width:804px;
	background-image:url(/images/wide-2page-shadow.jpg);
	background-repeat:repeat-y;
	
	}
	
#column-wrap2 {
	width:804px;
	background-image:url(/images/header-page-shadow-lower.jpg);
	background-repeat:no-repeat;
	}

#magic-wrap {
	margin:auto;
	width:804px;
	background-color:transparent;
	background-image:url(/images/eis-magic-footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom:3px;
	}

#footer {
	width:804px;
	height:100px;
	background-color:#FFFFFF;
	background-image:url(/images/eis-cleaner-solution.jpg);
	background-repeat:no-repeat;
	}



/* MAJOR ELEMENTS *******************************************************************************************************************/

#icon {
	width:76px;
	height:79px;
	background-image:url(/images/eis-icon.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:10px;
	left:13px;
	float:left;
	}
	
#eis-name {
	width:312px;
	height:27px;
	background-image:url(/images/eis-name.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:68px;
	left:35px;
	float:left;
	}
	

/* NAVBAR *************************************************************************************************************************/


#navbar {
	position:relative;
	top:15px;
	left:127px;
	width:620px;
	height:20px;
	margin-bottom:30px;
	}
	
#nav {
	float: left;
	background:url(/images/eis-nav.png) no-repeat;
	margin: 0; padding: 0;
	width:620px;
	height:15px;
	display: inline;
	position:relative;
	top:0px;
	}
	

#nav li { margin: 0; padding: 0; list-style: none; float: left; }
#nav li, #nav a { height: 17px; display: block; text-decoration: none; font-size: 1px; text-indent: -9000px; }

#n1 { left:0px; width: 68px;}
#n2 { left: 65px; width: 100px;}
#n3 { left: 125px; width: 132px;}
#n4 { left: 190px; width: 80px;}
#n5 { left: 220px; width: 98px;}
#n6 { left: 280px; width: 85px;}

#n1 a:hover { background: transparent url(/images/eis-nav.png) 0 -30px no-repeat; }
#n2 a:hover { background: transparent url(/images/eis-nav.png) -68px -30px no-repeat; }
#n3 a:hover { background: transparent url(/images/eis-nav.png) -168px -30px no-repeat; }
#n4 a:hover { background: transparent url(/images/eis-nav.png) -300px -30px no-repeat; }
#n5 a:hover { background: transparent url(/images/eis-nav.png) -380px -30px no-repeat; }
#n6 a:hover { background: transparent url(/images/eis-nav.png) -478px -30px no-repeat; }

.n1-on { background: transparent url(/images/eis-nav.png) 0 -30px no-repeat; }
.n2-on { background: transparent url(/images/eis-nav.png) -68px -30px no-repeat; }
.n3-on { background: transparent url(/images/eis-nav.png) -168px -30px no-repeat; }
.n4-on { background: transparent url(/images/eis-nav.png) -300px -30px no-repeat; }
.n5-on { background: transparent url(/images/eis-nav.png) -380px -30px no-repeat; }
.n6-on { background: transparent url(/images/eis-nav.png) -478px -30px no-repeat; }

	
	
/* CONTENT ************************************************************************************************************************/

#content-wrap {
	width:630px;
	position:relative;
	top:0px;
	left:127px;
	}

.content-left {
	width:400px;
	float:left;
	}

.content-right-main {
	width:200px;
	float:right;
	}
	
.content-right {
	width:200px;
	margin-top:35px;
	float:right;
	}

.content-right p {margin:0 0 20px 0;}

.pic {
	text-align:center;
	margin-bottom:10px;
	}


/* BEFORE-AFTER ************************************************************************************************************************/

	#ba-div {
		width:840px;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
		background-color:#fff;
		font-size: 1.3em;
		line-height:1.4em;
		}

	.ba-column-left {
		width:400px;
		float:left;
		}
	
	.ba-column-right {
		width:400px;
		float:right;
		}
		
/* FOOTER ************************************************************************************************************************/

.copyright {
	width:460px;
	float:right;
	margin-top:30px;
	font-size:.9em;
	color:#4fa9e3;
	}
	
/*CREDIT *****************/



.copyright a, .copyright a:visited {
	font-weight:normal;
	text-decoration: none;
	}
	
.copyright a:hover, .copyright a:active {
	color:#6cafdb;
	font-weight:normal;
	text-decoration: none;
	}
	


		
/*********************************************************************************************************************************** 

"You know how it is there early in the morning in Havana with the bums still asleep against 
the walls of the buildings; before even the ice wagons come by with ice for the bars? " 

To Have And Have Not - Hemingway

***********************************************************************************************************************************/