/* base
----------------------------------------------- */

html body {
margin: 0;
padding: 0px;
}

body {
text-align: center;
font: 0.75em Tahoma, Arial, Helvetica, sans-serif;
background: #FFF url(../images/2.gif) repeat-x;
color: #333;
}

h3 {
margin: 0px;
padding: 10px 0 0 10px;
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 1.5em;
color: #003B7A;
font-weight: normal;
margin: 0px;
}

h2 {
font-size: 1em;
color: #003B7A;
font-weight: bold;
margin: 0px;
margin-top: 20px;
}

h3 {
font-family: Georgia, Times, serif;
font-size: 2.0em;
color: #003B7A;
margin-bottom: 10px;
}

.entry-titleCustomers {
font-family: Georgia, Times, serif;
font-size: 2.0em;
color: #003B7A;
margin-bottom: 10px;
margin-left: -10px;
}

hr {
margin: 2em auto;
width: 370px;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
}

th {
text-align: left;
color: #999999;
font-weight: normal;
}

small, .small {
font-size: 0.9em;
padding-left: 10px;
}

sup {
font-size: 75%;
}

.sup {
margin-top: -5px;
font-size: 75%;
}

.map {
width: 680px;
padding: 4px;
border: solid 1px #003B7A;
background-color: #FFF;
text-align: center;
}

.sitemap {
width: 680px;
padding-left: 10px;
margin-bottom: -10px;
/*border-bottom: 1px dotted #60B2E5;*/
}

.paddingLeft {
padding-left: 10px;
}

.paddingLeftContactForm {
padding-left: 10px;
font-size: 1.9em;
font-weight: normal;
}

.articleimage {
margin-right: 10px;
margin-bottom: 5px;
padding: 5px;
border-color: #CCC;
}

.spacer {
width: 50px;
height: 10px;
padding: 0px;
margin: 0px;
}

/* links
----------------------------------------------- */

a {
text-decoration: none;
color: #5BABDF;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
color: #003B7A;
font-weight: normal;
}

h3 a:hover {
text-decoration: none;
}

h2 a {
color: #003B7A;
font-weight: bold;
}

#site-name a {
border: none;
}

.blueLinks {
color: #5BABDF;
}

.entry-content a {
text-decoration: underline;
color: #5BABDF;
}

.entry-content a:hover {
text-decoration: none;
color: #000;
}

/* read more
----------------------------------------------- */
#readMore {
padding: 0px;
margin: 0px;
}

#readMore a {
text-decoration: underline;
color: #333;
}

#readMore a:hover {
text-decoration: none;
color: #000;
}

/* navlinks
----------------------------------------------- */

#navlistWrapper {
width: 900px;
height: 40px;
margin: 0 auto;
font-weight: bold;
background: url(../images/8.png) no-repeat;
}

#navlist {
height: 40px;
width: 900px;
text-transform: uppercase;
text-align: left;
list-style-type: none;
}

#navlist ul {
margin: 0px;
padding: 0px;
}

#navlist ul li {
display: inline;
line-height: 40px;
}

#navlist ul li.first { /* The Company */
padding-left: 26px;
padding-right: 44px;
}

#navlist ul li.second { /* Out Solution */
padding-right: 52px;
}

#navlist ul li.third { /* Customers */
padding-right: 46px;
}

#navlist ul li.fourth { /* Contact */
padding-right: 27px;
}

#navlist ul li.fifth { /* FAQ */
padding-right: 27px;
}

#navlist ul li.sixth { /* Publications */
padding-right: 47px;
}

#navlist ul li a {
background-color: transparent;
padding: 17px 0px 13px 0px;
color: #FFF;
text-decoration: none;
}

#navlist ul li a:hover {
background: url('../images/9.gif') no-repeat bottom;
/* color: #61B2E5; LightBlue
color: #003B7A; DarkBlue */
text-decoration: none;
}

/* demo top
----------------------------------------------- */

#demoWrapper {
width: 880px;
height: 31px;
padding: 0px;
margin: 0 auto;
background: url(../images/10.png) no-repeat bottom;
}

#demoLeft {
width: 630px;
height: 26px;
padding: 6px 0 0 10px;
font-size: 1.25em;
float: left;
text-align: left;
}

#demoRight {
width: 170px;
height: 26px;
padding: 5px 10px 0 0;
font-size: 1.25em;
float: right;
text-align: right;
background: url('../images/11.gif') no-repeat bottom;
}

#demoRight a {
padding: 0px 17px 2px 17px;
color: #FFF;
text-decoration: none;
/*background: url('../images/11.gif') no-repeat bottom;*/
}

#demoRight a:hover {
/*background: url('../images/12.png') no-repeat bottom;*/
text-decoration: none;
}

/* Qoutes 
----------------------------------------------- */

blockquote {
width: 190px;
/*height: 150px;*/
margin: 0px;
margin-top: 20px;
margin-bottom: 20px;
float: right;
background: transparent url(../images/21.png) left top no-repeat;
}
blockquote div {
padding-left: 30px;
padding-right: 25px;
padding-top: 10px;
background: transparent url(../images/22.png) right bottom no-repeat;
}

blockquote p {
padding-right: 5px;
font-weight: bold;
text-align: right;
}

/* layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
margin: 0 auto;
margin-top: 20px;
width: 900px;
text-align: left;
overflow: auto;
}

#icons {
width: 900px;
height: 37px;
padding: 0px;
margin: 0 auto;
text-align: right;
}

#headWrapper {
width: 900px;
height: 81px;
padding: 0px;
margin: 0 auto;
}

#logo {
width: 390px;
height: 81px;
padding: 0px;
margin: 0px;

float: left;
text-align: left;
}

#search {
width: 390px;
height: 53px;
padding: 25px 10px 0 0;
margin: 0px;
float: right;
text-align: right;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}


.section_list ul {
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#content {
width: 690px;
/*min-height: 700px;*/
margin: 0;
padding: 0px;
}

#contentBlank {
width: 690px;
/*min-height: 700px;*/
margin: 0;
padding: 0px;
}

#content u {
padding: 0 10px 10px 0;
float: left;
}

#contentArchive {
width: 690px;
/*min-height: 700px;*/
margin: 0;
}

.entry-content {
padding: 0 10px 10px 10px;
margin: 0px;
margin-bottom: 30px;
/*border-bottom: 1px solid #E9F1F2;*/
line-height: 1.50em;
}

#contentBg {
width: 690px;
float: left;
/*margin-top: -10px;
padding: 0px;*/
background: url(../images/59.jpg) no-repeat;
}

#contentBgContactForm {
width: 690px;
float: left;
margin-top: -12px;
padding: 0px;
background: url(../images/59.jpg) no-repeat;
}

#contentBgCustomers {
width: 670px;
float: left;
margin-left: -10px;
padding: 0px 10px 0 10px;
background: url(../images/14.png) no-repeat;
}

#contentBgBlank {
width: 690px;
float: left;
margin: 0px;
margin-top: -10px;
padding: 0px;
background: url(../images/14.png) no-repeat;
}

#contentAd {
width: 690px;
height: 200px;
margin-bottom: 10px;
float: left;
/*background: url(../images/13.jpg) no-repeat;*/
}

/* sidebar
----------------------------------------------- */

#sidebar {
float: right;
width: 200px;
text-align: left;
line-height: 1.5em;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
padding: 10px;
background: url(../images/15.png) no-repeat; 
margin-bottom: 10px;  
}

#sidebar li ul {
}

#sidebar li li {
padding: 0px;
padding-bottom: 5px;
font-size: 1.0em;
border-bottom: 1px dotted #60B2E5;
background: url(../images/16.gif) repeat-x left bottom;
}

#sidebar h2 {
font-size: 1.25em;
font-weight: bold;
font-style: normal;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #003B7A;
padding: 0px;
/*padding-bottom: 5px;*/
margin: 0 0px 10px 0px;
}

#sidebar a {
text-decoration: none;
color: #333;
}

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

/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 770px;
w\idth: 900px;
}

#sidebar {
\width: 200px;
w\idth: 200px;
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.divider {
margin: 2em 0;
text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
list-style-type: circle;
}

.author {
font-style: normal;
font-size: 0.8em;
}

.published {
font-size: 0.8em;
color: #AFB2B2;
padding-left: 20px;
}

.eventTime {
font-size: 0.8em;
color: #AFB2B2;
}

/* Our Solution
----------------------------------------------- */

#boxGoverning {
width: 145px;
height: 190px;
padding: 0 10px 10px 10px;
float: left;
margin-bottom: 10px;
background: url(../images/23.gif);
}

#governing {
width: 125px;
height: 160px;
margin-left: 10px;
margin-top: 20px;
background: url(../images/24.jpg) no-repeat bottom right;
}

#governing p {
margin-top: 7px;
padding: 0px;
}

#governing a {
text-decoration: underline;
}

#governing a:hover {
text-decoration: none;
}

#boxObservation {
width: 165px;
height: 200px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
background: url(../images/23.gif);
}

#observation {
width: 125px;
height: 160px;
margin-left: 20px;
margin-top: 20px;
background: url(../images/25.jpg) no-repeat bottom right;
}

#observation p {
margin-top: 7px;
padding: 0px;
}

#observation a {
text-decoration: underline;
}

#observation a:hover {
text-decoration: none;
}

#boxAudit {
width: 165px;
height: 200px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
background: url(../images/23.gif);
}

#audit {
width: 125px;
height: 160px;
margin-left: 20px;
margin-top: 20px;
background: url(../images/26.jpg) no-repeat bottom right;
}

#audit p {
margin-top: 7px;
padding: 0px;
}

#audit a {
text-decoration: underline;
}

#audit a:hover {
text-decoration: none;
}

#boxSystem {
width: 165px;
height: 200px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
background: url(../images/23.gif);
}

#system {
width: 125px;
height: 160px;
margin-left: 20px;
margin-top: 20px;
background: url(../images/27.jpg) no-repeat bottom right;
}

#system p {
margin-top: 7px;
padding: 0px;
}

#system a {
text-decoration: underline;
}

#system a:hover {
text-decoration: none;
}

/* customers
----------------------------------------------- */

#customerList {
padding: 0 10px 10px 10px;
margin-top: -25px;
}

.spaced-before {
margin-top: 24px;
margin-bottom: -5px;
margin-left: -10px;
font-size: 1.50em;
}

.tblReferences {
width: 100%;
}

.tblReferences th {
margin: 0;
border-bottom: 1px solid #CCCCCC;
padding: 12px 0 6px;
font: bold 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}

/*.tblReferences tbody tr:hover {
cursor: pointer;
background-color: #DBF0F2;
color: #64B4E5;
}*/

.tblReferences tbody tr {
color: #003A7A;
}

.tblReferences td {
margin: 0;
border-bottom: 1px solid #CCCCCC;
padding: 4px 0;
font: normal Tahoma, Arial, Helvetica, sans-serif;
}

/* demo box footer
----------------------------------------------- */

/* Demo Box */
#demobox {
width: 900px;
height: 40px;
padding: 0px;
margin: 0 auto;
background: url(../images/17.gif);
}

#demoboxLeftQuestion {
width: 30px;
height: 40px:
padding-top: 10px;
padding-left: 10px;
float: left;
}

#demoboxLeftInfo {
width: 30px;
height: 40px:
padding-top: 10px;
padding-left: 10px;
float: left;
}

#demoboxLeft {
width: 180px;
height: 40px;
padding: 11px 0px 0px 5px;
font-size: 1.25em;
float: left;
text-align: left;
}

#demoboxLeftRight {
width: 240px;
height: 40px;
padding: 11px 0px 0px 5px;
font-size: 1.25em;
float: left;
text-align: left;
}

#demoboxLeft a, #demoboxLeftRight a {
text-decoration: none;
color: #333;
}

#demoboxLeft a:hover, #demoboxLeftRight a:hover {
text-decoration: none;
color: #FFF;
}

#demoboxRight {
width: 180px;
height: 40px;
padding: 10px 10px 0 0;
font-size: 1.25em;
float: right;
text-align: right;
}

#demoboxRight a {
padding: 0px 17px 2px 17px;
color: #FFF;
text-decoration: none;
/*background: url('../images/11.gif') no-repeat bottom;*/
}

#demoboxRight a:hover {
/*background: url('../images/12.png') no-repeat bottom;*/
text-decoration: none;
}

.line {
width: 900px;
height: 20px;
padding: 0px;
margin: 0 auto;
margin-top: 20px;
border-top: 1px dotted #666;
}

#toTop {
width: 900px;
height: 20px;
padding: 0px;
margin: 0 auto;
margin-top: 20px;
text-align: left;
}

#toTop a {
text-decoration: underline;
color: #333;
}

#toTop a:hover {
text-decoration: none;
color: #000;
}

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

#footerWrapper {
width: 900px;
height: 80px;
margin: 0 auto;
margin-top: 20px;
font-size: 0.88em;
line-height: 1.50em;
border-top: 1px #666 dotted;
}

#footerLeft {
width: 630px;
height: 50px;
padding: 10px;
float: left;
text-align: left;
}

#footerLeft ul {
margin-top: -4px;
margin: 0px;
padding: 0px;
}

#footerLeft ul li {
display: inline;
}

#footerLeft ul li a {
color: #333;
text-decoration: underline;
padding-right: 10px;
}

#footerLeft ul li a:hover {
color: #5BABDF;
text-decoration: none;
}

#footerLeft ul li.paddingLeft {
padding-left: 10px;
}

#footerLeft p {
margin: 0px;
padding-top: 5px;
}

#footerRight {
width: 90px;
height: 50px;
padding: 10px;
float: right;
text-align: right;
background: url(../images/20.png) no-repeat 0 10px;
}

#footerRight a {
color: #333;
text-decoration: underline;
}

#footerRight a:hover {
color: #5BABDF;
text-decoration: none;

}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4;
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

#comments-help {
margin: 2px 0 15px 0;
font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
font: 1.3em Georgia, Times, serif;
}

/* contact
----------------------------------------------- */

#contactEntry {
width: 690px;
}

#contact form {	
margin:0px;
margin-bottom: 20px;
padding-left: 10px;
}

/*input.zemSubmit {
border:1px solid #CCCCCC;
cursor:pointer;
/*float:right;*/
height:30px;
margin-top:10px;
width:150px;
}*/

form.zemContactForm input#name, form.zemContactForm input#email {
width: 100%;
}

/*ERROR*/

ul.zemError, .comments_error {
background:#FFFFD9;
color: #c45e26;
}

.lineContact {
height: 10px:
margin-top: 10px;
margin-bottom: 20px;
border-bottom: 1px dotted #60B2E5;
}

/* support
----------------------------------------------- */

#support {
height: 200px;
width: 690px;
margin-bottom: 20px;
background: url(../images/30.jpg) no-repeat right center;
}

#supportInfo {
width: 550px;
height: 200px;
background: url(../images/31.png) no-repeat right;
}

#supportInfo p {
padding-left: 10px;
}