/* Create global styles */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	margin:0;
	padding:0;
	text-align:center;
	background:top center no-repeat url(../images/body-bg.gif);
}

.clear {
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

.hidden, hr {
	display:none !important;
}

img {
	border:0;
}

a {
	text-decoration:none;
}

div#container {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:top left repeat-y url(../2009-site/images/container-bg.png);
}

					/* Begin Header */
div#header {
	width:100%;
	height:150px;
	margin:0;
	background:top left no-repeat url(../images/header-bg.jpg);
}
	#header h1 {
	float:left;
	width:auto;
	margin:0;
	}
	
		#header h1 a {
		display:block;
		width:180px;
		height:120px;
		margin:20px 0 0 20px;
		}		
			#header h1 a span {
			display:none;
			}
			
	#header div#headerNav {
	float:right;
	width:auto;
	height:23px;
	margin:102px 20px 0 0;
	padding:17px 5px 0 13px;
	font-size:9pt;
	color:#FFFFFF;
	text-align:center;
	background:top left no-repeat url(../images/header-nav-bg.png);
	}
	
		#headerNav ul {
		width:auto;
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
			#headerNav ul li {
			margin:0;
			float:left;
			width:auto;
			padding:0 15px;
			border-right:1px solid #FFFFFF;
			}
				#headerNav ul li.lastNav {
				border-right:none;
				}
				
				#headerNav li a {
				color:#FFFFFF;
				}
					#headerNav li a:hover {
					text-decoration:underline;
					}
					/* End header */
					
					/*Begin Main Nav */
div#mainNav {
	width:100%;
	clear:both;
	margin-top:5px;
	}

	#mainNav ul#nav {
	list-style-type:none;
	width:100%;
	margin:0 5px;
	padding:0;
	}
	
		#mainNav ul#nav li {
		float:left;
		width:auto;
		margin:0 5px;
		padding:0;
		position:relative;
		z-index:450;
		}
		
			#nav li a {
			display:block;
			width:180px;
			height:50px;
			margin:0;
			}
				#nav li a strong {
				display:none;
				}
				
				#nav li#about {
				background:top left no-repeat url(../images/nav-about.gif);
				}
				
				#nav li#products {
				background:top left no-repeat url(../images/nav-product.gif);
				}
					
				#nav li#services {
				background:top left no-repeat url(../images/nav-services.gif);
				}
				
				#nav li#resources {
				background:top left no-repeat url(../images/nav-resources.gif);
				}
				
				#nav li#faq {
				background:top left no-repeat url(../images/nav-faq.gif);
				}
				
				#nav li:hover, #nav li.selected {
				background-position:0 -50px !important;
				}
				
				#nav li ul {
				width:125px;
				margin:-15px 0 0 10px;
				padding:0;
				list-style-type:none;
				position:absolute;
				display:none;
				}
				
					#nav li:hover ul {
					display:block;
					}
				
					#nav li ul li {
					margin:0;
					padding:0;
					width:100%;
					float:none;
					background:top left url(../images/nav-submenu-bg.png);
					border-bottom:2px groove #CCCCCC;
					}
						#nav li  ul li.lastNav {
						border-bottom:none;
						}
							
						#nav li ul li:hover {
						color:#000000;
						}
						
						#nav li ul li a {
						display:block;
						width:115px;
						height:auto;
						padding:5px;
						margin:0;
						color:#666666;
						font-size:9pt;
						}
						
							#nav li ul li:hover a {
							color:#000000;
							background:#f7e551;
							}
					
					/* End Main Nav */
					
					/* Begin Home Page Content */						
div#content {
	float:left;
	width:700px;
	margin:20px 0;
	min-height:400px;
}

	#content h3, #mainContent h3 {
	margin:0 20px;
	color:#056b3b;
	font-size:14pt;
	padding:5px 10px 0 10px;
	background:top left no-repeat url(../images/h3-bg.jpg);
	}

	#content p {
	margin:0 10px 15px 30px;
	font-size:9pt;
	line-height:15pt;
	}
		
	#content a, #contact a, div#mainContent a {
	color:#00853e;
	}	
		#content a:hover, #contact a:hover, div#mainContent a:hover {
		color:#f4c403;
		}
	
	#content div.boxes {
	float:left;
	width:330px;
	margin:0 20px 10px 0;
	padding:0;
	}
		
		#content .boxes p {
		line-height:13pt;
		margin-top:5px;
		}
		
		#content .boxes ul {
		float:left;
		width:135px;
		font-size:9pt;
		padding:0;
		margin:5px 0 0 30px;
		}
		
			#content .boxes ul li {
			margin:2px 15px 2px 0;
			padding:0;
			}
	
	#content div#echoNomical, #content div#echoLogical {
	float:left;
	width:300px;
	margin:0 20px 25px 20px;
	padding:65px 0 0 10px;
	font-size:9pt;
	line-height:15pt;
	}
	
		#content div#echoNomical {
		background:top left no-repeat url(../images/echo-nomical.jpg);
		clear:left;
		}
		
		#content div#echoLogical {
		background:top left no-repeat url(../images/echo-logical.jpg);
		clear:right;
		}
		
	#content div#echoCertified {
	clear:both;
	width:665px;
	height:153px;
	padding:65px 10px 0 0;
	overflow:hidden;
	margin:20px 0;
	background:top left no-repeat url(../images/echo-certified.jpg);
	}
	
		#content div#echoCertified a#lto2 {
		display:block;
		float:right;
		width:245px;
		height:185px;
		margin-top:-45px;
		margin-left:15px;
		}

	#content div#partners {
	width:650px;
	margin:0 20px 20px 20px;
	background:bottom left repeat-x url(../images/box-bg.png) #f7e974;
	}
				
		#content div#partners h4 {
		margin:0 0 5px 0;
		height:40px;
		background:top left no-repeat url(../images/headline-partner.gif);
		}	
			#content div#partners h4 a {
			display:block;
			width:100%;
			height:40px;
			}
				
			#content div#partners h4 span {
			display:none;
			}
			
		#content div.locateButton, #content div.becomeButton {
		float:right;
		clear:both;
		width:200px;
		margin:14px 30px;
		}
			#content div.locateButton a, #content div.becomeButton a {
			display:block;
			width:100%;
			height:28px;
			}
				#content div.locateButton a span, #content div.becomeButton a span {
				display:none;
				}
		
			#content div.locateButton {
			background:top left no-repeat url(../images/locate-a-reseller.png);
			}
			
			#content div.becomeButton {
			background:top left no-repeat url(../images/become-a-reseller.png);
			}
		
		#content div#partners img {
		margin:10px;
		vertical-align:middle;
		}
	
div#contact {
	margin:20px;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	clear:both;
}

	#contact a#logo {
	display:inline-block;
	width:86px;
	height:50px;
	margin:5px auto;
	background:top center no-repeat url(../images/echo-logo.gif);
	}	
	
		#home #contact a#logo {
		display:none;
		}
					/* End Home Page Content */
					
					/* Begin Sub Page Content */		
div#mainContent {
	margin-top:20px;
	clear:both;
	min-height:300px;
}

	#mainContent img {
	float:right;
	}
		#mainContent img.noFloat {
		float:none;
		}
		
	#mainContent a.thumbnail {
	display:block;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #999999;
	}
	
		#mainContent a.thumbnail img {
		width:150px;
		max-height:112px;
		height:auto;
		}
		
		#mainContent a.thumbnail:hover {
		background:#fdfbe9;
		border:1px solid #00853e;
		}

	#mainContent p, #mainContent ul {	
	font-size:10pt;
	margin:10px 30px;
	}
	
	#mainContent div#partnerMap {
	width:640px;
	margin:10px 160px;
	text-align:center;
	font-size:8pt;
	}
	
	#mainContent div#becomeReseller {
	width:200px;
	margin:0 0 25px 380px;
	background:top left no-repeat url(../images/become-a-reseller.png);
	}
	
	#mainContent ul#productList {
	padding:0;
	margin-top:-5px;
	list-style-type:none;
	}
	
		#productList li {
		margin:5px 0;
		}
	
		#productList li a {
		display:block;
		float:left;
		width:6em;
		padding-left:20px;
		}
		
			#productList li a {
			color:#00853e;
			text-decoration:underline;
			background:left no-repeat url(../images/pdf.png)
			}
			
			#productList li a:visited {
			color:#33CCFF;
			}
			
			#productList li a:hover {
			color:#f4c403;
			font-weight:bold;
			text-decoration:none;;
			}
	
	#mainContent div.services, #content div.news {
	position:relative;
	z-index:0;
	margin:20px 80px;
	padding:20px;
	font-size:10pt;
	line-height:16pt;
	padding-bottom:30px;
	border-top:2px groove #00853e;
	background:right repeat-y url(../images/services-bg.gif);
	}
	
		#content div.news {
		margin:20px 40px;
		}
	
		#mainContent div.services p, #content div.news p {
		margin:10px 0;
		line-height:16pt;
		}
			
			#mainContent div.services p strong {
			text-transform:uppercase;
			}
		
		#mainContent div.services ul li, #content div.news ul li {
		margin:5px;
		display:block;
		float:left;
		width:150px;
		font-weight:bold;
		}
		
		#mainContent div.services a.back-to-top, #content div.news a.back-to-top {
		display:block;
		width:35px;
		height:13px;
		position:absolute;
		left:20px;
		bottom:10px;
		background:top left no-repeat url(../images/back-to-top.png);
		}
			#mainContent div.services a.back-to-top strong, #content div.news a.back-to-top strong {
			display:none;
			}
		
			#mainContent div.services a.back-to-top:hover, #content div.news a.back-to-top:hover {
			background-position:0 -13px;
			}
	
	#mainContent.contact p {
	line-height:normal;
	margin-bottom:8px;
	}
	
		#mainContent.contact p span {
		display:block;
		float:left;
		width:75px;
		height:25px;
		text-align:right;
		padding-right:5px;
		}
		
	#mainContent div#googleMap {
	width:500px;
	float:right;
	margin-right:20px;
	margin-left:10px;
	text-align:right;
	border:1px solid #999999;
	}	
	
		#googleMap a {
		margin:0;
		font-size:8pt !important;
		}	
					/* End Sub Page Content
					
					/* Begin Side Bar 1 */
div#sideBarRight {
	float:right;
	width:220px;
	margin:20px 0;
	padding:0 20px 0 19px;
	border-left:1px solid #cccccc;
	font-size:8pt;
}

	#sideBarRight img {
	margin:5px 27px;
	}

	#sideBarRight p {
	margin:10px;
	}

	#sideBarRight div.boxes {
	width:220px;
	margin:0 0 20px 0;
	background:bottom left no-repeat url(../images/box-bg.png) #f7e974;
	}
				
		#sideBarRight .boxes h4 {
		margin:0 0 15px 0;
		height:40px;
		}	
			#sideBarRight .boxes h4 a {
			display:block;
			width:100%;
			height:40px;
			}
				
			#sideBarRight .boxes h4 span {
			display:none;
			}
			
			#sideBarRight .boxes#news h4 {
			background:top left no-repeat url(../images/headline-news.gif);
			}
		
		#sideBarRight .boxes ul {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		
			#sideBarRight .boxes ul li {
			margin:10px 5px 10px 10px;
			padding:0 0 0 30px;
			background:top left no-repeat url(../images/list-style-echo.png);
			}
			
				#sideBarRight .boxes li a {
				display:block;
				width:95%;
				text-align:right;
				color:#961b1e;
				font-weight:bold;
				font-size:9pt;
				}
				
		#sideBarRight .boxes div.button {
		width:200px;
		margin:10px;
		}
			#sideBarRight .button a, #mainContent div#becomeReseller a {
			display:block;
			width:100%;
			height:28px;
			}
				#sideBarRight .button a span, #mainContent div#becomeReseller a span {
				display:none;
				}
		
			#sideBarRight .boxes#news div.button {
			background:top left no-repeat url(../images/echo-news.png);
			}
				#sideBarRight.news .boxes#news div.button {
				display:none;
				}
					/* End Side Bar 1 */
					
					/* Begin Footer */
div#footer {
	clear:both;
	padding:0 0 5px 0;
	margin:0 10px;
	width:940px;
	color:#666666;
	text-align:center;
	font-size:9pt;;
	border-top:1px solid #f1d912;
}

	#footer a {
	color:#666666;
	}

	#footer ul#footerNav {
	list-style-type:none;
	margin:10px 0;
	padding:0;
	}
	
		#footerNav li {
		display:inline;
		padding:0 8px;
		border-right:1px solid #666666;
		}
			#footerNav li.lastNav {
			border-right:none !important;
			}
				#footerNav li a:hover {
				text-decoration:underline;
				}
	
	#footer ul#languages {
	list-style-type:none;
	margin:15px 0 10px 0;
	padding:0;
	}
	
		#languages li {
		display:inline;
		padding:0;
		margin:0 5px;
		}
		
			#languages li a {
			display:inline-block;
			width:45px;
			padding:25px 0 0 0;
			}
			
				#languages li a#english {
				background:top center no-repeat url(../images/flags-english.gif);
				}
			
				#languages li a#spanish {
				background:top center no-repeat url(../images/flags-spanish.gif);
				}
			
				#languages li a#portugal {
				background:top center no-repeat url(../images/flags-portugal.gif);
				}
			
				#languages li a#german {
				background:top center no-repeat url(../images/flags-german.gif);
				}
			
				#languages li a#french {
				background:top center no-repeat url(../images/flags-french.gif);
				}
			
				#languages li a#china {
				background:top center no-repeat url(../images/flags-china.gif);
				}
			
				#languages li a#japan {
				background:top center no-repeat url(../images/flags-japan.gif);
				}
			
				#languages li a#hungary {
				background:top center no-repeat url(../images/flags-hungary.gif);
				}
			
				#languages li a#netherlands {
				background:top center no-repeat url(../images/flags-netherlands.gif);
				}
			
				#languages li a#norway {
				background:top center no-repeat url(../images/flags-norway.gif);
				}
		
	#footer p {
	clear:both;
	margin-top:0;
	}
					/* End Footer */