* {margin:0;padding:0;}
a img{ border:none;}

html,body {margin:0;padding:0;
font-size: 0.9em; font-family: Trebuchet MS, Arial, Helvetica, san-serif; background: #FFFFFF;height:100%; color: #222; width: 100%; line-height:1.3em;}
#binder {min-height:100%;position:relative;}

#head {background:#0072A6;height:110px;margin:0;}

#brand { z-index: 10;width:800px;margin:0 auto; padding:16px 0 0 0;}

#brand img.logo {margin:0 0 5px 0;float:left;}
#brand p.phone {font-size:1.3em;color:#ffffff;text-align:right;font-weight:bold;padding:8px 28px 20px 0;}
#brand p.slogan {font-size:1.1em;color:#00B2EF;text-align:right;padding:15px 28px 15px 0;}

/* ---------- Navigation Menu -------- */
#navigation {
	position:relative;
	height: 31px;
	background:#414142;
	color: #fff;
	text-align: left;
	font-size:11pt;
	z-index: 20;
	margin:0 0 0 0;
	padding:0;
}

#menu {width:800px;margin: 0 auto;z-index: 30;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;z-index: 40; float: right;
}

#nav a {display: block;color:#ffffff;}

#nav a:hover {color:#ffffff;text-decoration: underline;}
#nav li { float: left;}

#nav li.home a{
	height:31px;
	background:url('images/home.gif') no-repeat;
	width:72px;margin-right:0;
	padding: 31px 0 0 20px;overflow: hidden;height: 0px !important;
}
#nav li.home a:hover{background-position: 0 -31px;}

#nav li.product a.parent{
	height:31px;
	background:url('images/products.gif') no-repeat;
	width:97px;margin-right:0;
	padding: 31px 0 0 20px;overflow: hidden;height: 0px !important;
}
#nav li.product a.parent:hover{background-position: 0 -31px;}

#nav li.service a.parent{
	height:31px;
	background:url('images/services.gif') no-repeat;
	width:95px;margin-right:0;
	padding: 31px 0 0 20px;overflow: hidden;height: 0px !important;
}
#nav li.service a.parent:hover{background-position: 0 -31px;}

#nav li.about a.parent{
	height:31px;
	background:url('images/about.gif') no-repeat;
	width:80px;margin-right:0;
	padding: 31px 0 0 20px;overflow: hidden;height: 0px !important;
}
#nav li.about a.parent:hover{background-position: 0 -31px;}

#nav li.contact a.parent{
	height:31px;
	background:url('images/contact.gif') no-repeat;
	width:88px;margin-right:0;
	padding: 31px 0 0 20px;overflow: hidden;height: 0px !important;
}
#nav li.contact a.parent:hover{background-position: 0 -31px;}

#nav li ul {position: absolute;width: 15em;left: -999em;}
#nav li:hover ul {left: auto;}

/* ---------- 2nd Level nav styles here -------- */

#nav li.child a {line-height:1.2em;padding-left:8px;padding-bottom:5px;width:200px;z-index: 50;}
#nav ul.sub {margin-top:0;border:1px solid #A9927F;width:200px;background-color:#D9CCB2;}

#nav li ul ul {
	margin: -1em 0 0 10em;
	background-color:#D9CCB2;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* ---------- content area styles -------- */

#body {padding:10px;padding-bottom:130px;/* Height of the footer */}

#content {width:800px;margin:0 auto;clear:both;}
.main {padding:0 0 1px 0;font-size:1.15em;width:780;margin:0 auto;}

#content .main .entry {margin:0 20px 20px 0;padding:30px 10px 30px 10px;}
#content .main .entry p {line-height:1.3em;margin-bottom:10px;margin-top:10px;}

#content .main .entry a:link {color:#0072A6; text-decoration: underline;}
#content .main .entry a:visited {color: #3E738B; text-decoration: underline;}
#content .main .entry a:hover {color: #83D4F6; text-decoration: underline;}
#content .main .entry a:active {color: #0072A6; text-decoration: underline;}

#content .main .entry h1 {color:#0072A6; font-size:1.8em; font-weight:bold; margin:5px 0 15px 0; line-height:1.1em;}
#content .main .entry h2 {color:#0072A6; font-size:1.3em; font-weight:bold; margin:20px 0 15px 0; line-height:1.1em;}
#content .main .entry h3 {color:#83D4F6;font-size:1.15em;font-weight:normal;margin:10px 0 5px 0;line-height:1.1em;}

#content .main .entry ul {list-style:square;margin-left:25px;margin-bottom:15px;}
#content .main .entry li {line-height:1.3em}

#content .main .entry .home-list {width:245px;float:left;font-size:0.80em;margin-right:5px;}
#content .main .entry .home-list ul {margin-left:0px;list-style-position:inside;}
#content .main .entry .home-list li {color:#00B2EF;font-size:1.15em;font-weight:bold;}

#content .main .entry #feature {clear:both;}

#base {
	position:absolute;
	bottom:0;
	width:100%;
	height:130px;			
	background: #939599; margin:25px 0 0 0: padding:5px 0 0 0;
}
#endo {width:800px;margin:0 auto;padding:0; position:relative; font-size:0.95em; line-height:1.5em;color:#fff;}
#endo h3 {font-weight:bold;font-size:1.25em;margin-top:20px;}
#endo h3 a:link {color:#fff;text-decoration:none;}
#endo h3 a:hover {color:#fff;text-decoration:underline;}
#endo h3 a:visited {color:#fff;text-decoration:none;}
#endo h3 a:active {color:#fff;text-decoration:none;}
#endo p {color:#fff;overflow:display;margin-right:30px;}
#endo img {margin-bottom:-7px; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ---------- Misc Styles -------- */

blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #C5BFA1;background-color:#FBF9EE;}
blockquote p {height: 1%;}
blockquote cite {margin: 0;display: block;}
.center {text-align: center;}
hr {display: none;}
a img {border: none;}

/* ---------- Begin Images ------------ */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="right"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="center',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#content .main .entry img {border:none;}

img.center {display: block;margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:5px;}
img.right {padding: 0;margin: 0 0 0 15px;}

img.left {padding: 0;margin: 5px 15px 5px 0;}
img.left2 {padding: 0;margin: 5px 15px 5px 0;display: block;}

.right {float: right;}
.left {float: left}

/* End Images */