@charset "utf-8";
/* CSS Document */

/* ----------------------------------------- general styles -------------------------------------- */

#container {
	width: 950px;
	margin: 0 auto;
}

h1 {
	text-indent: -9999px;
	float: left;
}

h2 {
	color: #232324;
	font-size: 18px;
	font-weight: normal;
	font-family: "Franklin Gothic Medium Cond", "Franklin Gothic Medium", Arial;
}

h3, h4 {
	font-size: 14px;
	color: #3867a6;
	font-weight: bold;
}


h5 {
	padding-top: 25px;
	font-weight: bold;
}

.stageRight {
	float: right;
}

.stageLeft{
	float: left;
}

.clear {
	clear: both;
}

.addBottomSpace {
	margin-bottom: 30px;
}

.noBorder {
	border-style: none !important;
}


.bulletedList {
	list-style: disc;
	margin: 0 0 25px 20px;
}

.bulletedList li {
	margin-bottom: 8px;
}

img.border {
	border: 1px solid #999;
	padding: 5px;
	margin: 15px 0 15px 32px;
}

a {
	color: #3a73b8;
	text-decoration: none;
}

a:hover {
	color: #006600;
	text-decoration: underline;
}

#homePage h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 8px;
}

/* ----------------------------------------- /end general styles -------------------------------------- */




/* ----------------------------------------- nav -------------------------------------- */

#nav {
	width: 900px;
	margin: 0 auto;
	overflow: auto;
}

#nav p {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 4px;
}

#nav ul li {
	float: left;
}

#homeButton {
	height: 61px;
	width: 190px;
}

#engineeredSystemsButton, #productLinesButton, #fieldServiceButton, #engineeringServicesButton, #digitalPanelMetersButton, #customAutomationButton, #relatedServicesButton {
	height: 61px;
	width: 89px;
}

#aboutButton {
	height: 61px;
	width: 87px;
}

/* set these styles for all nav buttons */
#nav ul li a {
	display: block;
	text-indent: -9999px;
	height: 61px;
}

/* set the backgrounds */
#homeButton a {
	background: url(../images/nav_home.jpg) no-repeat left top;
}

#engineeredSystemsButton a {
	background: url(../images/nav_engineeredsystems.jpg) no-repeat left top;
}

#productLinesButton a {
	background: url(../images/nav_productlines.jpg) no-repeat left top;
}

#fieldServiceButton a {
	background: url(../images/nav_fieldservice.jpg) no-repeat left top;
}

#engineeringServicesButton  a {
	background: url(../images/nav_engineeringservices.jpg) no-repeat left top;
}

#digitalPanelMetersButton a {
	background: url(../images/nav_digitalpanelmeters.jpg) no-repeat left top;
}

#customAutomationButton a {
	background: url(../images/nav_customautomation.jpg) no-repeat left top;
}

#relatedServicesButton a {
	background: url(../images/nav_relatedservices.jpg) no-repeat left top;
}

#aboutCompanyButton a {
	background: url(../images/nav_about.jpg) no-repeat left top;
	width: 87px;
}

/* set the rollovers */
#homeButton a:hover {
	background-position: left bottom;
}

#engineeredSystemsButton a:hover {
	background-position: left bottom;
}

#productLinesButton a:hover {
	background-position: left bottom;
}

#fieldServiceButton a:hover {
	background-position: left bottom;
}

#engineeringServicesButton a:hover {
	background-position: left bottom;
}

#digitalPanelMetersButton a:hover {
	background-position: left bottom;
}

#customAutomationButton a:hover {
	background-position: left bottom;
}

#relatedServicesButton a:hover {
	background-position: left bottom;
}

#aboutCompanyButton a:hover {
	background-position: left bottom;
	width: 87px;
}

/* ----------------------------------------- /end nav -------------------------------------- */




/* ----------------------------------------- home page styles - branding and featured -------------------------------------- */


#branding {
	width: 900px;
	border-bottom: 1px solid #e6e5e5;
	margin: 0 auto 20px auto;
}

#featured {
	width: 900px;
	margin: 0 auto 25px auto;
	/*height: 240px;*/
}

#featured li {
	float: left;
	height: 167px;
	width: 167px;
	margin: 0 6px;
}

/* set this for all featured items */
#featured li a {
	text-indent: -9999px;
	display: block;
	height: 167px;
}

/* set the backgrounds */
#featuredEngineeredSystems a {
	background: url(../images/featured_engineeredsystems.jpg) no-repeat left top;
}

#featuredFieldService a {
	background: url(../images/featured_fieldservice.jpg) no-repeat left top;
}

#featuredDigitalPanelMeters a {
	background: url(../images/featured_digitalmeters.jpg) no-repeat left top;
}

#featuredCustomAutomation a {
	background: url(../images/featured_customautomation.jpg) no-repeat left top;
}

#featuredEngineeringServices a {
	background: url(../images/featured_engineeredservices.jpg) no-repeat left top;
}

#featured a#featuredGreen {
	width: 895px;
	height: 91px;
	margin: 30px 0;
	float: left;
	clear: both;
	text-indent: -999em;
	background: url(../images/featured_green.gif) no-repeat left top;
}
/* ----------------------------------------- /end home page styles - branding and featured -------------------------------------- */




/* ----------------------------------------- footer -------------------------------------- */

#footer {
	clear: both;
	border-top: 1px solid  #e6e5e5;
	text-align: right;
}

#footer ul {
	padding: 10px 25px 20px 0;
}

#footer li {
	display: inline;
}

#footer a {
	text-transform: lowercase;
	color: #a4a6a9;
	text-decoration: none;
	border-right: 1px solid #a4a6a9;
	margin-left: 10px;
	padding-right: 10px;
}

#footer a:hover {
	color: #0168B3;
	text-decoration: underline;
}
#footer a.last, #subNav li.last {
	border-right-style: none;
}

/* ----------------------------------------- /end footer -------------------------------------- */




/* ----------------------------------------- subnav -------------------------------------- */

#subNav {
	width: 900px;
	margin: 18px auto 0 auto;
	border-bottom: 1px solid #e6e5e5;
}

#subNav ul {
	text-align: right;
	margin: -30px 0 10px 0;
}

#subNav li {
	display: inline;
	border-right: 1px solid #e6e5e5;
	padding: 0 10px;
}

#subNav li a {
	font-family: "Franklin Gothic Medium Cond", "Franklin Gothic Medium", Arial;
	color: #232324;
	font-size: 14px;
	text-decoration: none;
}

#subNav li a:hover {
	color: #376092;
	text-decoration: underline;
}

/* ----------------------------------------- /end subnav -------------------------------------- */




/* ----------------------------------------- subpages -------------------------------------- */

#content {
	width: 880px;
	margin: 10px auto 0 auto;
}

#mainContent {
	float: left;
	width: 600px;
	min-height: 320px;
	padding-bottom: 30px;
}

#sidebar {
	float: right;
	width: 265px;
	background: url(../images/backg_sidebar.gif) no-repeat left top;
	min-height: 350px;
}
#sidebar li {
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

#sidebar  h4, #sidebar  dl, #sidebar  p, #sidebar ul {
	padding: 10px 10px 0 15px;
}

.imgPara {
	padding-bottom: 176px;
}

/* sub pages image paragraphs - deactivated
#aboutMain .imgPara, #aboutContact .imgPara {
	background: url(../images/_PlaceholderImg.jpg) no-repeat left bottom;
}

#engineeredSystemsMain .imgPara {
	background: url(../images/img_engineeredsystems.jpg) no-repeat left bottom;
}

#digitalDPMPage  .imgPara {
	background: url(../images/img_dpmseries_big.jpg) no-repeat left bottom;
}

#digitalDINPage .imgPara {
	background: url(../images/img_dinseries_big.jpg) no-repeat left bottom;;
}

#digitalDIN2Page .imgPara {
	background: url(../images/img_din2series_big.jpg) no-repeat left bottom;
}*/

#mainContent img {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 0 12px 12px;
}
#mainContent img.thumb {
	float: left;
	border: none;
	padding: 0;
}

#aboutContact #mainContent img {
	margin-right: 20px;
}

#column1, #column2, #column3 {
	float: left;
	width: 170px;
	padding: 10px 25px 0 0;
}

.productLineEntry {
	margin-bottom: 18px;
}

.productLineEntry dt {
	font-weight: bold;
}

.relatedServiceList {
	margin-bottom: 30px;
}

.relatedServiceList dt {
	font-weight: bold;
}

#hatchEntry {
	background: url(../images/logo_hatch.jpg) no-repeat right top;
	padding-right: 120px;
	margin-right: 30px;
}

#lapcoEntry {
	background: url(../images/logo_lapco.jpg) no-repeat right top;
	margin-right: 30px;
	padding-right: 110px;
}

.specList {
	clear: left;
	padding-bottom: 20px;
	display: block;
	float: left;
}

.specList dt {
	float: left;
	width: 150px;
	margin-right: 20px;
}

.specList dd {
	float: left;
	width: 350px;
}

#dimensions, #manuals {
	padding-top: 40px;
}

.brochureList {
	clear: right;
	float: right;
	border-bottom: 1px solid #EEE;
	margin-top: 20px;
	padding-bottom: 20px;
}

.brochureList dt {
	float: right;
	padding-left: 20px;
}

.brochureList img {
	border: 1px solid #CCC;
}

/* ----------------------------------------- /end subpages -------------------------------------- */
ul#sitemap, ul#sitemap ul ul {
	list-style-type: disc;
}

ul#sitemap ul {
	margin-left: 15px;
	list-style-type: circle;
}

ul#sitemap ul ul { margin-left: 30px }#greenMain h3 {
	color: #009900;
}

#greenMain #footer       {
	background: url(../images/grass-backg.jpg) no-repeat center bottom !important;
	height: 85px;
}
#greenList li {
	padding-bottom: 15px;
}
