/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---STRUCTURE---*/
body {background: #fff url(../images/common/main-bg.jpg) no-repeat top center;}

#wrapper {margin: 0 auto; padding: 0; width: 808px; height: auto; }
	
	header {float: left; position: relative; margin: 0; padding: 0; width: 808px; height: 129px; background: none;}
		
		#logo {float: left; position: relative; margin: 28px 0 0 24px; padding: 0; width: 169px; height: 91px; display: inline;}
			
		nav {float:right; position: relative; margin: 108px 28px 0 0; padding: 0; width: 300px; height: auto;}
	
	#banner {float: left; position: relative; margin: 0; padding: 0; width: 808px; height: 169px;}
	
	#mainContent {float: left; position: relative; margin: 0; padding: 0; width: 808px; height: auto; background: #fff; z-index: 1000}
		
		#content {float: left; position: relative; margin: 28px 0 28px 26px; padding: 0; width: 754px; min-height:320px; height:auto !important; height:320 px; display: inline;}
			
			#locationMap {position: relative; display: block; margin: 0 auto; width: 670px; height: 281px;}
			
			#leftContent {float: left; position: relative; margin: 0; padding: 0; width: 378px; height: auto;}
			
			#rightContent {float: left; position: relative; margin: 0; padding: 0; width: 333px; height: auto;}
			
				.mapContent {float: left; position: relative; margin: 0 0 20px 0;}
					
					.map {border: 5px solid #afafaf;}
	
footer {float: left; position: relative; margin: 0; padding: 0; width: 100%; height: 239px; background: url(../images/common/footer-bg.jpg) top center  no-repeat;}

footer.secondary {float: left; position: relative; margin: 0; padding: 0; width: 100%; height: 239px; background: url(../images/common/footer-secondary-bg.jpg) top center  no-repeat;}
	
	footer p {position: relative; margin: 0 auto; padding: 0; top:215px; width: 936px; height: auto; text-align: center;}



/*---TYPOOGRAPHY---*/

body {font-family: Arial, sans-serif;}

header #logo h1 a {display: block; width: 169px; height: 91px; background: url(../images/common/logo.jpg) no-repeat; text-indent: -9999px;}

#content h2 {color: #7ac142; font-weight: bold; font-size: 18px; line-height: 26px word-spacing: 1px; letter-spacing: 1px; margin: 0 0 10px 0;}

#content p {color: #111; font-size: 12px; line-height: 16px; word-spacing: 1px; letter-spacing: 1px; margin: 0 0 16px 0; }

#content a {color: #7ac142; text-decoration: none;}

#content small {font-size: 10px; margin: 3px 0 0 0;}

#content a:hover {text-decoration: underline;}

#content ol {list-style:outdide; list-style-type:lower-alpha; color: #111; font-size: 12px; line-height: 16px; word-spacing: 1px; letter-spacing: 1px; margin: 0 0 16px 30px; padding: 0 0 0 0px;}

#content ul {list-style:outdide; list-style-type: disc; color: #111; font-size: 12px; line-height: 16px; word-spacing: 1px; letter-spacing: 1px; margin: 0 0 16px 30px; padding: 0 0 0 0px;}

#content table {color: #111; font-size: 12px; line-height: 16px; word-spacing: 1px; letter-spacing: 1px; margin: 0 0 0 0px; padding: 0 0 0 0px;}

footer p {color: #111; text-shadow: 1px 1px 3px #fff; font-size: 10px; font-weight: bold;}

footer a {color: #111; text-decoration: none;}

footer a:hover {text-decoration: underline;}

/*---NAVIGATION---*/
ul#mainNav {list-style: none;}

	#mainNav li {float: left; display: block; margin:0 30px 0 0; padding: 0;}
	
	#mainNav li#nav_contact {margin-right:0;}
		
		#mainNav li a {color: #7ac142; text-decoration: none; text-transform: uppercase; font-size: 12px;}
		
		#mainNav li a:hover, #mainNav li a.selected {font-weight: bold;}
	
	


/*---MISC---*/