@charset "utf-8";
html, body, p  {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #efefef;
	text-align: center;
	width: 767px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

a {
	color: #003366;
	}
	
a:hover {
	color: #990066;
	}
h1 {
	float: left;
	margin-top: 22px;
	clear: none;
	margin-bottom: 0px;
	}

h1 a {
	background-image: url(img/cxxi-logo.gif);
	text-indent: -14000px;
	float: left;
	height: 112px;
	width: 187px;
	background-repeat: no-repeat;
	border: 0px;
}
h2 {
	background-image: url(img/design-develop-support.gif);
	text-indent: -14000px;
	float: right;
	height: 57px;
	width: 580px;
	margin-top: 22px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

h3 {
	background-image: url(img/cxxi-address.gif);
	text-indent: -14000px;
	height: 55px;
	width: 580px;
	background-repeat: no-repeat;
	float: right;
	margin: 0px;
}
form {
	float: left;
	clear: left;
	width: 100%;
	border-top: solid 1px #003366;
	padding-top: 15px;
}
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}
#page {
	float: left;
	clear: left;
	width: 735px;
	background-image: url(img/page-bg.gif);
	background-repeat: repeat-y;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px;
}
#mainMenu {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-image: url(img/main-nav-bar-bg.gif);
	text-align: left;
}
#mainMenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainMenu li a.on {
	background-position: 0px -30px;
}
#mainMenu li a.off:hover {
	background-position: 0px -30px;
}
#mainMenu li a.about {
	text-indent: -14000px;
	float: left;
	background-image: url(img/about.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 110px;
	}
#mainMenu li a.expertise {
	text-indent: -14000px;
	float: left;
	background-image: url(img/expertise.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	}
#mainMenu li a.clients {
	text-indent: -14000px;
	float: left;
	background-image: url(img/clients.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	}
#mainMenu li a.prods {
	text-indent: -14000px;
	float: left;
	background-image: url(img/prods-svcs.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 233px;
	}
#mainMenu li a.contact {
	text-indent: -14000px;
	float: left;
	background-image: url(img/contact.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 132px;
	}
#secMenu {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-image: url(img/sec-nav-bar-bg.gif);
	margin-bottom: 15px;
	text-align: left;
}
#secMenu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#secMenu li a.on {
	background-position: 0px -30px;
}
#secMenu li a.off:hover {
	background-position: 0px -30px;
}
#secMenu li a.concept {
	text-indent: -14000px;
	float: left;
	background-image: url(img/concept.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 105px;
	}
#secMenu li a.philosophy {
	text-indent: -14000px;
	float: left;
	background-image: url(img/philosophy.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 129px;
	}
#secMenu li a.analysis {
	text-indent: -14000px;
	float: left;
	background-image: url(img/analysis.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 104px;
	}
#secMenu li a.design {
	text-indent: -14000px;
	float: left;
	background-image: url(img/design.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 88px;
	}
#secMenu li a.implementation {
	text-indent: -14000px;
	float: left;
	background-image: url(img/implementation.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 165px;
	}
#secMenu li a.support {
	text-indent: -14000px;
	float: left;
	background-image: url(img/support.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 103px;
	}
#secMenu li a.consulting {
	text-indent: -14000px;
	float: left;
	background-image: url(img/consulting.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 130px;
	}

#secMenu li a.projMgmt {
	text-indent: -14000px;
	float: left;
	background-image: url(img/proj-mgt.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 215px;
	}
#secMenu li a.scada {
	text-indent: -14000px;
	float: left;
	background-image: url(img/scada.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 83px;
	}
#page #content {
	float: left;
	clear: left;
	width: 385px;
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	}
#page #content.columns {
	width: 96%;
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	}
#page #content.columns .left  {
	width: 30%;
	float: left;
}
#page #content.columns .right  {
	width: 30%;
	float: right;
}
#page #content.columns .mid  {
	width: 30%;
	float: left;
	margin-left: 35px;
	margin-right: 35px;
}
#page #content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #990066;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom: .75em;
}
#page p, #page #content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
	margin-bottom: 1.5em;
	color: #000000;
	width: 100%;
	float: left;
	clear: both;
	}
#page td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#page #sidebar {
	float: right;
	width: 245px;
	background-image: url(img/sidebar-bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 20px;
}
#page #sidebar h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #990066;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom: .75em;
}
#page #sidebar ul {
	float: left;
	clear: both;
	list-style-type: square;
	padding:0px;
	margin: 0px;
	width: 100%;
}
	
#page #sidebar ul li {
	margin-bottom: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-left: 14px;
	padding-left: 7px;
	line-height: 1.3em;
	margin-bottom: .75em;
}
#page #sidebar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #000000;
	width: 100%;
	float: left;
	clear: left;
}
#footer {
	text-align: center;
	clear: both;
	}
#footer ul {
	float: left;
	clear: both;
	width: 767px;
	padding: 0px;
	margin: 0px;
	background-image: url(img/page-bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	list-style-type: none;
	padding-bottom: 15px;
}
#footer li {
	display: inline;
	margin-bottom: 30px;
	text-align: center;
	}
#footer li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right: solid 1px #000000;
	padding-right: 13px;
	padding-left: 10px;

}
#footer li a.last {
border-right: none;
}
#footer p {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(img/page-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 20px;
	clear: both;
}