@charset "utf-8";
/*-----------------------------------------------------------------------------
Election Administrators

author:    David Dames
website:   http://www.eavote.com
version:   1.0
-----------------------------------------------------------------------------*/
@import url(style_reset.css);

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
body {
	font: 13px "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#mainContainer {
	width: 100%;
	min-width: 1098px;
}

/* = Header
-----------------------------------------------------------------------------*/
#headerContainer {
	width: 100%;
	margin: 0;
	padding: 0;
}

#header {
	line-height: 113px;
	width: 1078px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	list-style: none;
}
#headerHomeContainer {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #8c0c04;
}

#headerHome {
	width: 1078px;
	margin: 0 auto;
	padding: 35px 0 21px;
	list-style: none;
}
h3.eaLogo {
	float: left;
	position: relative;
	margin: 0 0 -35px;
	padding: 0;
	height: 113px;
	width: 206px; /* length of image */
	overflow: hidden;
	z-index: 100;
}
.eaLogo span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../_images/ea_logo.png) no-repeat;
}
#logo {
	float: left;
}
h4.tagline {
	float: right;
	position: relative;
	margin: 0 13px 0 0;
	padding: 0;
	height: 44px;
	width: 563px;
	overflow: hidden;
}
h4.tagline span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../_images/ea_tagline.png) no-repeat;
}
#taglineContainer {
	float: right;
}

/* = Navigatiion Top
-----------------------------------------------------------------------------*/
#navigationContainer {
	position: relative;
	width:100%;
	height: 35px;
	margin: 0;
	padding: 0;
	background: #8c0c04;
	z-index: 20;
	clear: both;
}
#navigationHome {
	width: 600px;;
	margin: 0 auto;
	padding: 0 0 0 40px;
}
#navigation {
	width: 1078px;
	margin: 0 auto;
}
#nav1 {
	line-height: 35px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-transform: lowercase;
}
#nav1 li {
  float: left;
}
#nav1 li a:link, #nav1 li a:visited {
  margin: 0;
  padding: 0 13px;
  display: block;
  color: #FFF;
  text-decoration: none;
}
#nav1 li a:hover {
  color: #808184;
}
#nav2 {
	float: right;
	line-height: 35px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-transform: lowercase;
}
#nav2 li {
  float: left;
}
#nav2 li a:link, #nav2 li a:visited {
  margin: 0;
  padding: 0 13px;
  display: block;
  color: #FFF;
  text-decoration: none;
}
#nav2 li a:hover {
  color: #808184;
}
#body_company li#nav_company a {
  color: #808184;
}
#body_products li#nav_products a {
  color: #808184;
}
#body_services li#nav_services a {
  color: #808184;
}
#body_clients li#nav_clients a {
  color: #808184;
}
#body_testimonials li#nav_testimonials a {
  color: #808184;
}
#body_contact li#nav_contact a {
  color: #808184;
}

/* =Main Content
-----------------------------------------------------------------------------*/
/* Center Content Container */
#contentContainer {
	width: 100%;
	margin: 0 auto; /* keeps the content cenntered */
	padding: 0;
	text-align: left;
	font-size: 15px;
}

#content {
	width: 1078px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}
#contentHomeContainer {
	width: 100%;
	margin: 0 auto; /* keeps the content cenntered */
	padding: 0;
	text-align: center;
	font-size: 15px;
}
#contentHome {
	width: 588px;
	margin: 20px auto 0;
	padding: 0 0 20px 20px;
}
#leftContent {
	position: relative;
	width: 635px;
	float: left;
	padding: 20px 10px 0 0;
	z-index: 20;
}
#leftContent h1 {
	font-size: 28px;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	margin: 0 0 22px 0;
	padding: 0 0 15px;
	border-bottom: 2px solid #8c0c04;
}
#leftContent h1.noLine {
	font-size: 28px;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	margin: 0 0 22px 0;
	padding: 0 0 6px;
	border-bottom: none;
}
#leftContent h2 {
	font-size: 28px;
	color: #8c0c04;
	padding: 20px 0 22px;
	margin: 0;
	border-top: 2px solid #8c0c04;
	clear: both;
}
#leftContent h2.alt1 {
	font-size: 22px;
}
#leftContent h2.subtitle {
	padding: 20px 0 0;
}

#leftContent p {
	padding: 0 0 20px 0;
}

#leftContent p.lineDivider {
	margin: 0 0 22px 0;
	padding: 0 0 15px;
	border-bottom: 2px solid #8c0c04;
}
#leftContent p.lineDividerTop {
	margin: 0 0 22px 0;
	padding: 15px 0 15px;
	border-top: 2px solid #8c0c04;
	clear: both;
}
#leftContent p.noSubHeader {
	padding: 20px 0 10px;
}
#leftContent a:link, #leftContent a:visited {
	color: #8c0c04;
}
#leftContent a:hover{
	color: #808184;
}
#leftContent p strong {
	font-weight: bold;
	padding: 10px 0;
}
.servicingStates {
	text-align: center;
}
#leftContent .servicingStates p {
	margin: 18px 0 11px 0;
	padding: 0 0 0 0;
}
#leftContent .pAlt1 {
	margin: 20px 0 0 0;
}
#rightContent {
	position: relative;
	width: 433px;
	float: right;
	z-index: 5;
}
/* =Products
-----------------------------------------------------------------------------*/ 
.navigationProducts ul {
	left: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navigationProducts li {
	display: inline;
	float: left;
	margin: 0 10px 22px 0;
	padding: 0;
	font-size: 15px;
}
.navigationProducts li.list1 {
	width: 239px;
}
.navigationProducts li.list2 {
	width: 169px;
}
.navigationProducts li.list3 {
	width: 184px;
}
.navigationProducts li li {
	display: inline;
	float: left;
	margin: 0 0 14px 0;
	padding: 0;
	min-width: 165px;
}

.navigationProducts li li a:link, .navigationProducts li li a:visited {
	color: #8c0c04;
}

.navigationProducts li li a:hover {
  color: #808184;
}
#body_election_assistant li li#election_assistant a, #body_election_assistant li#nav_products a {
  color: #808184;
}
#body_data_converter li li#data_converter a, #body_data_converter li#nav_products a {
  color: #808184;
}
#body_history_recorder li li#history_recorder a, #body_history_recorder li#nav_products a  {
  color: #808184;
}
#body_pollbook li li#pollbook a, #body_pollbook li#nav_products a {
  color: #808184;
}
#body_pollbook_live li li#pollbook_live a, #body_pollbook_live li#nav_products a {
  color: #808184;
}
#body_pollbook_lookup li li#pollbook_lookup a, #body_pollbook_lookup li#nav_products a {
  color: #808184;
}
#body_pollbook_manager li li#pollbook_manager a, #body_pollbook_manager li#nav_products a {
  color: #808184;
}
#body_pollbook_data_converter li li#pollbook_data_converter a, #body_pollbook_data_converter li#nav_products a {
  color: #808184;
}
#body_pollbook_services li li#pollbook_services a, #body_pollbook_services li#nav_products a {
  color: #808184;
}
ul#dataConverterList1 {
	margin: 0 0 29px;
}
#dataConverterList1 li {
	margin: 0 0 8px 10px;
}
#dataConverterList1 li span {
	color: #8c0c04;
	margin: 0 8px 0 0;
}
#dataConverterList2 li {
	margin: 0 0 32px 10px;
}
#dataConverterList2 li span {
	color: #8c0c04;
	margin: 0 8px 0 0;
}
h6 {
	font-size: 19px;
	color: #8c0c04;
	margin: 0 0 24px 0;
}
.iphonePollManager {
	background: url(../_images/pollbook_manager_iphone_full.jpg) 50% 0 scroll no-repeat;
}
.lookupWoman {
	bottom: 0;
	right: 0;
	position: relative;
}
.laptopPollManager {
	position: relative;
	margin: 110px 0 10px -360px;
}
.servicesWoman {
	position: relative;
	margin: 20px 0 0 -62px;
}
.productsWoman {
	position: relative;
	margin: 0 0 0 -19px;
}
.pollbookApplication {
	margin: 10px 0 40px 0;
}
.pollbookList1 li {
	margin: 0 0 8px 10px;
}
.pollbookList1 li span {
	margin: 0 8px 0 0;
	color: #8c0c04;
}
.pollbookList2 li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	width: 210px;
}
.pollbookList2 li ul {
	display: block;
}
.pollbookList2 li li{
	margin: 0 0 8px 10px;
	float: none;
}
.pollbookList2 li span {
	margin: 0 8px 0 0;
	color: #8c0c04;
}
.servicesParagraph {
	margin: 20px 0 10px 0;
	clear: both;
}
.managerSideBar {
	width: 180px;
	margin: 453px 0 0 0;
	padding: 20px 20px 20px 190px;
}
.managerSideBar strong {
	display: block;
	font-weight: bold;
	margin: 0 0 35px 0;
}
.managerSideBar p {
	margin: 0 0 36px 0;
}
.electionAssistantWoman {
	background: url(../_images/woman_ea_assistant.jpg) no-repeat;
	height: 716px;
}
.voterSearchContainer {
	margin: 40px 0 0 0;
}
.voterSearchContent {
	float: left;
	width: 280px;
	padding: 0 5px 0 0;
}
.voterSearchAnimation {
	float: right;
	width: 275px;
}
.streetSearchContainer {
	clear: both;
}
.streetSearchContent {
	float: right;
	width: 275px;
	padding: 40px 5px 0 0;
}
.streetSearchAnimation {
	float: left;
	width: 275px;
	padding: 0 5px 0 0;
}
.oneColumn {
	clear: both;
	padding: 40px 0 0 0;
}
.oneColumn h5 {
	font-size: 20px;
	font-weight: bold;
	color: #8c0c04;
	margin: 30px 0 30px 0;
}
.oneColumn p {
	padding: 0 0 30px 40px;
	width: 778px;
}
.oneColumn2 {
	clear: both;
	padding: 40px 0 60px 0;
}
.clientList1 li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	text-align: center;
	text-transform: uppercase;
}
clientList1 ul {
	clear: left;
}
.clientList1 li img {
	display: block;
}
.twoColumnAlt1 {
	clear: both;
	padding: 40px 0 0 0;
}
.twoColumnAlt1 h3 {
	clear: both;
	padding: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
	color: #8c0c04;
}
.twoColumnAlt1 h4 {
	clear: both;
	padding: 0 0 12px 0;
	font-size: 15px;
	font-weight: bold;
	color: #231f20;
}
.twoColumnAlt1 h4.alt1 {
	padding: 30px 0 12px 0;
}
.twoColumnAlt1 h4.alt2 {
	padding: 80px 0 12px  0;
}
.twoColumnAlt1 p {
	margin: 0 0 28px 0;
}
.leftContent1 {
	float: left;
	width: 445px;
	padding: 0 140px 0 0;
}
.rightContent1 {
	float: right;
	width: 445px;
	padding: 0 20px 0 0;
}
.leftContent2 {
	float: left;
	width: 400px;
	padding: 0 110px 0 0;
}
.rightContent2 {
	float: right;
	width: 500px;
	padding: 0 20px 0 0;
}
.smallColumn {
	width: 265px;
}
/* =Contact List
-----------------------------------------------------------------------------*/
.contactList {
	font-size: 15px;
	list-style: none;
}
.contactList li {
	margin: 0;
	padding: 0;
}
.contactList li.listSpace {
	margin: 0 0 15px 0;
	padding: 0;
}
.contactList li strong {
	color: #8c0c04;
	margin: 0 0 0 .3em;
}
h5 {
	font-size: 17px;
	color: #8c0c04;
}
/* =Contact Form
-----------------------------------------------------------------------------*/
.contactForm {
	margin: 0;
	padding: 0;
}
.contactForm span {
	color: #8c0c04;
}
.contactForm label {
	float: left;
	margin-right: .75em;
	text-align: right;
	width: 10em;
}
.contactForm input {
	background: #e6e7e8;
	border: none;
	width: 265px;
	height: 20px;
	margin: 0 0 5px 0;
}
.contactForm textarea {
	background: #e6e7e8;
	border: none;
	width: 412px;
	height: 70px;
}
.contactForm fieldset.submitButtons {
	margin: .25em 0 0 0;
}
.contactForm input.submit {
	background: url(../_images/btn_submit.png) no-repeat 0 0;
	width: 82px;
	height: 25px;
	margin: 0 0 0 12em;
	cursor: pointer;
}
.contactForm input.cancel {
	background: url(../_images/btn_cancel.png) no-repeat 0 0;
	width: 82px;
	height: 25px;
	margin: 0 0 0 18.75em;
	cursor: pointer;
}
.contactForm .error {
	position: absolute;
	margin-left: 15.3em;
	margin-top: -26px;
	left: 200px;
	color: #8c0c04;
	display: none;
}
/* =Testimonials
-----------------------------------------------------------------------------*/
.testimonialsList li {
	margin: 0 0 27px 0;
	font-size: 15px;
}
.testimonialsList li.overflowing {
	width: 800px;
	overflow: visible;
}
.testimonialsList span {
	display: block;
	color: #8c0c04;
}
.bottomPicTestimonials {
	position: absolute;
	top: 1870px;
	right: 0;
	overflow: hidden;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footerContainer {
	width: 100%;
	min-width: 1078px;
	padding: 2px 0;
	text-align: center;
	background-color: #b1b3b5;
	clear: both;
	position: relative;
	z-index: 50;
}
#footerHome {
	width: 950px;
	height: 37px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 17px;
}
#footerHome li {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	list-style: none;
	float: left;
}
#footerHome li.bullet1 {
	padding: 0 10px;
}

#footerHome li a:link, #footerHome li a:visited {
	color: #FFFFFF;
}

#footerHome li a:hover {
	color: #8c0c04;
}
#footer {
	width: 1078px;
	height: 37px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 17px;
}
#footer li {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	list-style: none;
	float: left;
}
#footer li.bullet1 {
	padding: 0 10px;
}

#footer li a:link, #footer li a:visited {
	color: #FFFFFF;
}

#footer li a:hover {
	color: #8c0c04;
}
.navigationBottom ul {
	left: auto;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}
.navigationBottom li {
	display: inline;
	float: left;
	width: 165px;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 14px;
}
.navigationBottom li li a:link, .navigationBottom li li a:visited {
	color: #808080;
}
.navigationBottom li li a:hover {
	color: #F36C2A;
}
li.navStrong {
	font-weight: bold;
	line-height: 16px;
}
div.contactInfo {
	display: block;
	clear: both;
}
.contactInfo {
	display: block;
	padding: 30px 0 40px 5px;
}
.contactInfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contactInfo li {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 11px;
}
/* =Link Colors General
-----------------------------------------------------------------------------*/
a:link, a:visited {
	color: #8c0c04;
	text-decoration: none;
}

a:hover {
	color: #808184;
}

/* MISC1
-----------------------------------------------------------------------------*/

/* Class for clearing floats */
.clear {
	clear:both;
}
