/* CSS Document */

/* =universals - unset some browser default styles */
	* { margin: 0; padding: 0; border: 0; outline: none; }
	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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: 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;}

	
	
/* =general style applied to HTML */
	html { text-align: left; padding: 0; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; background: #d7d6d6 url(../img/bg-main.jpg) top center repeat-y; 
	width: 100%; }
/* =body */
	body { clear: both; padding: 0px 0 0px 0; margin: 0 auto; text-align: left; background: url(../img/bg-top.jpg) top center repeat-x;}
/* =headings */
	h1 { font-size: 0.1em; color: #fff; background:url(../img/logo.jpg) top center no-repeat; height: 1px; width: 880px; margin: 0px auto 0px auto; padding: 177px 0 0 0;}
		h2, h3, h4 { color: #0fa5a6; font-weight: 500; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
			h2 { color: #00adc1;font-weight: 500;font-size: 2em;margin: 0 0 0.5em 0;}
			h3 { color: #00adc1;font-weight: 500;font-size: 1.4em;margin: 0em 0 0.5em 0; clear: both;}
			h4 { color: #49453a;font-weight: 900;font-size: 1.0em;margin: 1em 0 0 0; clear: both;}
			h5 { color: #b3b2af;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 0.7em;border-bottom: 1px dotted #b2b1ae;margin: 1em 0 0 0;}
/* =p and a*/
	p {padding: 0em 0 1em; margin: 0; font-size: 0.9em; color: #42403a;  line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}
	.spacer {clear:both; }
	
	
	
	#contactform{border: 1px solid #25c3c6;background: #cdeeee url(../img/bg-form.jpg) top left no-repeat;padding: 20px;}
	label{padding: 0em 0 1em; margin: 0; font-size: 0.9em; color: #42403a;  line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}
	input, textarea{font-size: 0.7em; color: #42403a;border: 1px solid #25c3c6;padding: 2px;margin: 0 0 10px 0;width: 300px;background: url(../img/bg-tab1.png) top right repeat;}
	.buttonSubmit{cursor:pointer;width: 120px;}
	
	
/* =img*/	
#banner{clear:both; position: relative; top: -44px;background: url(../img/banner-01.jpg) top left no-repeat;width: 728px;}
.right-img{float:right;margin: 4px 0 10px 20px;border: 3px solid #e3e4d8;}


/* =divs */
#outerwrap { clear: both; padding: 0px 0 0px 0; margin: 0 auto; text-align: left; }
#wrap {width: 100%;text-align:left; margin: 0 0; }
#content_wrap {width: 760px;text-align:center; padding:5px 0 0 0px;margin: 0 auto;}	
#content {clear:both;width: 723px;text-align:left; padding:0px 17px 50px 20px;}
#content p {line-height: 1.5em;}

#content_left{float:left; width: 440px;position: relative;top:-20px;}
#content_right{float:right; width: 230px;position: relative;top:-20px;}
#content_right p {font-size: 0.8em;}
#content #content_right ul li{padding: 0em 0 0em; margin: 0 0 0 20px; font-size: 0.8em; color: #42403a; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif;list-style: disc;}
.feature_wrap{padding: 15px;background: #e3e4d8 url(../img/bg-feature.jpg) top left no-repeat;border:1px dashed #bbbcb2;}
#content_left ul li, #content ul li{padding: 0em 0 0em; margin: 0 0 0 20px; font-size: 0.9em; color: #42403a; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif;list-style: disc;}
#content_left ul, #content ul{padding: 0em 0 1em;}
.yellow{background: #fffcaf;padding:4px;}


/* =navigation - left side */
	#topNav{float:left;position: relative; top: -65px; left: 346px;width: 445px;padding:0; margin:0;text-align:left;}
		#topNav li{float: left;padding:0; margin:0;text-align:center;}
			#topNav li a:link, #topNav li a:visited{background: url(../img/bg-tab.png) top right repeat; letter-spacing: 0.1em;font-size: 0.9em; text-decoration: none; 
			color: #d5eaea; outline: none; float: left;margin-right: 3px; text-transform: uppercase;padding: 6px 0 6px 0px;width: 130px;display: inline; 
			font-weight: 900;font-family: Century Gothic, Arial, Helvetica, sans-serif;}
			#topNav li a:hover{background: url(../img/bg-tab1.png) top right repeat;width: 130px;display: inline;padding: 6px 0 6px 0px;color:#fff;margin-right: 3px;}
			#topNav li.current a{color:#000;}
			#topNav li.current a:link, #topNav li.current a:visited, #topNav li.current a:hover{padding: 6px 0 7px 0px;color:#009cab; background: #fff; cursor: default;font-weight: 900;}
			


/* =footer - site wide */
	#footer { clear:both;width: 766px; text-align:right;margin:0 0 0 5px; padding:60px 0 0 0;background: url(../img/bg-foot.jpg) bottom left repeat-x;position:relative;left:-6px;}
		#footer p { color:#807045; font-size: 0.7em;line-height: 1.5em;padding:0px 10px 10px 0;}
		#footer p a:link, #footer p a:visited {color:#72d1d2; text-decoration: none;}
		#footer p a:hover {color:#2dc3c4; text-decoration: underline; }