@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0; }
body {
	background: #fff;
	text-align: center; /* Used for centering pages in IE */
	font-size:1em;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
}
/* margin and padding , alignment */
p, h1, h2, h3, h4, h5, ul, li {	margin-bottom: 1em;	margin-top: 1em;  }

ul {     padding-left:1em;
    margin-left:0; } 
ol { padding-left:2em; }

p, h1, h2, h3, h4, h5, lo, address, td {
	text-align: left; 

}

/* Sizing & Color*/
h1 { font-size:1.3em; font-weight:bold;
	}
h2 {
	font-size:1.2em;
	font-weight:bold;

}
h3 {
	font-size:1.1em;
	font-weight:bold;
	color: #4E6591;
}
h4 { font-size:1em; font-weight:bold;	}

address {
	font-style: normal;
                }
a:link, a:visited {
}

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

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
	width: 960px;
	margin: 0px auto;
}


div#header { background-image:url(images/headerbk.jpg); background-repeat:repeat-x; width:100%;
}

div#logo { width:960px; margin:0 auto; }

div#pageheading { text-align:left; padding:5px; font-size:1.3em; color:#167104; font-weight:bold; margin:7px 0px; clear:both;}
#pageheading h1 { color:#167104; font-size:1em; font-weight:bold; margin:0; }

div#content { clear:both; margin:25px 0 25px 0; text-align:left; min-height:300px; line-height:1.5em;
}
div#content:after {/* Main div has to have height:1%; */ content:"."; clear:both; height:0; visibility:hidden; display:block; }

.half { width:470px; margin:0 0 0 10px; float:left;  }
.onethird { width:317px; margin:0 10px 0 10px; float:left; }
.twothirds { float:left; margin: 0 0 0 10px; width:613px;  }
.center { text-align:center; }

.leftside { width:350px; padding:10px; }
.rightside { width:650px; padding:10px; }

div#footer { background-image:url(images/footer.jpg); background-repeat:repeat-x; width:100%; height:143px; background-position:bottom; font-size:.7em;
}



/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
	width: 960px;
	}
	ul#utilitynav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	ul#utilitynav li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
	}
	ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 7px;
	margin: 0px;
	border-right: 1px none #ccc;
	color:#15710B;
	}
	ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {
	text-decoration: underline;
	}



/* ----------------- CUSTOM CLASSES ----------------- */

/* Images should include some type of border. We tend to favor this one. */
img.left {
	float: left;
	padding: 5px;
	background: white;
	margin: 0px 15px 10px 0px;
	border: solid 1px #ccc;
}
img.right {
	float: right;
	padding: 5px;
	background: white;
	margin: 0px 0px 10px 15px;
	border: solid 1px #ccc;
}

.quote {
	font-size:1.2em;
	font-style:italic;
	color:#378099;
	padding:10px 75px;
}

.smaller { font-size:.8em; color:#999; font-style:italic; }
.h2off { color:#666; }
.mntdetails { float:left; text-align:center; width: 33%; }
.visionScreens { float:left; text-align:center; margin:1px; width:236px; border:1px solid #CCC; padding:5px 0; min-height:320px; }
.visionScreens:hover {
	background-color:#DFF6E5;
}
#clients td { width:25%; font-size:.8em; }

.colorGuides { float:left; text-align:center; margin:1px; width:150px; border:1px solid #CCC; padding:5px 0; min-height:175px; }
.colorGuides a img { border:none; }
.colorGuides:hover {
	background-color:#DFF6E5;
}
.colorGuideWrapper { width:630px; margin:0 auto; }

.activeCG { background-image:url(images/ball.png); background-repeat:no-repeat; background-position:bottom center; min-height:200px; }
.cl { clear:both; padding-top:20px; }