/* @override 
	http://affiniti.floatingweb.com/assets/templates/affiniti/css/global.css
	http://affiniti.datalogix.com/assets/templates/affiniti/css/global.css
*/

/*----------------------------------------
Name: global.css
Developed by: Floating Point Media, Inc. http://www.floatingpointmedia.com/
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/reset.css");
/*@import url("/css/externalLinks.css");*/


/* Elements
----------------------------------------*/

body {
	background-color:#fff;
	font-size: 12px;
}

body, p, td, th, li {
	line-height:1.5em;
	color:#505051;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin: 0 0 1em 0;
}

/* @group Links */

a {
	outline: none;
	border: 0;
	color: #000;
	text-decoration: underline;
}
a:visited {
	color:#505051;
	text-decoration: underline;
}
a:hover, a:active {
	color:#a61c13;
	text-decoration:none;
}
a img {
	border: 0;
}

/* @end */

/* @group Titles */

h1,h2,h3,h4,h5 {
	color: #000;
	font-weight: normal;
}
h1 {
	margin:0 0 0.7em 0;
	font-size:2em;
	line-height: 130%;
}

h2 {
	margin:1em 0 .7em 0;
	font-size:1.55em;
}

h3 {
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4 {
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5 {
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6 {
	margin:.825em 0 .5em 0;
	font-size:1em;
}

/* @end */

ul {
	margin-left:10px;
	list-style-type:none;
}

ol {
	margin-left:10px;
}

blockquote {
	margin: 0 0 18px 18px; 
	color:; 
	font-style: italic;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}


#mainContainer {
	width:800px;
	margin: 0 auto;
	margin-top: 20px;
}

/* @group Header */

#header {
	width:800px;
	height:85px;
}
#logo {
	width: 220px;
	height: 41px;
	float: left;
}


/* @end */

/* @group Navigation */

#topNav {
	float: right;
	width: 450px;
	margin-top: 15px;
}
#topNav a {
	color: #505051;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: url(/assets/templates/affiniti/images/topNavElements.png) no-repeat;
}
#topNav a:hover {
	color: #000;
}
.topNavItemFirst,.topNavItem,.topNavItemLast {
	border-right: 1px solid #505051;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	float: right;
}
.topNavItemFirst {
	width: 130px;
}
.topNavItem {
	width: 110px;
}
.topNavItemLast {
	width: 110px;
}
#topNav .topNavItemFirst a {
	background-position: 6px 4px;
}
#topNav .topNavItemFirst a:hover {
	background-position: 6px -13px;
}
#topNav .topNavItem a {
	background-position: -139px 4px;
}
#topNav .topNavItem a:hover {
	background-position: -139px -13px;
}

#topNav .topNavItemLast a {
	background-position: -290px 4px;
}
#topNav .topNavItemLast a:hover {
	background-position: -290px -13px;
}
.topNavItemLast {
	border: none;
}
#sectionTitle {
	text-align: center;
	clear: both;
	height: 50px;
}
#sectionNav {
	clear: both;	
	width: 800px;
	height: 50px;
	font-size: 20px;
	text-align: left; 
	margin-bottom: 30px;
	margin-top: 20px;
	border-bottom: 1px solid #000;

}
#sectionNav ul {
	margin: 0;
	padding: 0;
}
#sectionNav li {
	display: block;
	float: left;
	text-indent: -9999px;	
}
#sectionNav a {
	text-decoration: none;
	text-transform: lowercase;
	padding-bottom: 0px;
	width: 50px;
	color: #505051;

}
#sectionNav a:hover,#sectionNav a.active {
}

#sectionNav #nav_9 a,
#sectionNav #nav_6 a,
#sectionNav #nav_12 a { /* what it is */
	background: url(/assets/templates/affiniti/images/sectionNavigation.png) no-repeat 0 -50px; 
	display: block;	
	width: 200px;
	height: 50px;
}
#sectionNav #nav_9 a:hover,
#sectionNav #nav_6 a:hover,
#sectionNav #nav_12 a:hover,
#sectionNav #nav_9 a.active,
#sectionNav #nav_6 a.active,
#sectionNav #nav_12 a.active {
	background-position: 0 0;	
}
#sectionNav #nav_7 a,
#sectionNav #nav_10 a,
#sectionNav #nav_13 a { /* how it works */
	width: 200px;
	height: 50px;
	background: url(/assets/templates/affiniti/images/sectionNavigation.png) no-repeat;
	background-position: -200px top;
	display: block;
}
#sectionNav #nav_7 a:hover,
#sectionNav #nav_10 a:hover,
#sectionNav #nav_13 a:hover,
#sectionNav #nav_7 a.active,
#sectionNav #nav_10 a.active,
#sectionNav #nav_13 a.active {
	background-position: -200px -50px;
}
#sectionNav #nav_8 a,
#sectionNav #nav_11 a,
#sectionNav #nav_14 a { /* proof it works */
	width: 200px;
	height: 50px;
	background: url(/assets/templates/affiniti/images/sectionNavigation.png) no-repeat;
	background-position: -400px top; 
	display: block;
}
#sectionNav #nav_8 a:hover,
#sectionNav #nav_11 a:hover,
#sectionNav #nav_14 a:hover,
#sectionNav #nav_8 a.active,
#sectionNav #nav_11 a.active,
#sectionNav #nav_14 a.active {
	background-position: -400px -100px;
}
#sectionNav #nav_25 a,
#sectionNav #nav_26 a,
#sectionNav #nav_27 a { /* request info */
	width: 200px;
	height: 50px;
	background: url(/assets/templates/affiniti/images/sectionNavigation.png) no-repeat;
	background-position: -600px top;
	display: block;
}
#sectionNav #nav_25 a:hover,
#sectionNav #nav_26 a:hover,
#sectionNav #nav_27 a:hover {
	background-position: -600px -150px;
	
}


/* @end */

/* @group Main Content */

#mainContent {
	width:800px;
	background-color:#fff;
}
#leftColumn {
	width: 440px;
	float: left;
	clear: left;
	margin-right: 20px;
}
#rightColumn {
	width: 340px;
	float: right;
	clear: right;
}
#rightColumn ul,#leftColumn ul {
	list-style-type: circle;
}

/* @end */

/* @group Form */

#formPageTitle {
	text-align: center;

	margin: 20px auto;
}

fieldset {
	border: none;
}

#contact-wrapper {
    width:450px;
    border:1px solid #e2e2e2;
    background:#f1f1f1;
    padding:20px;

}
/*
#contact-wrapper div {
    clear:both;
    margin:1em 0;
}*/
#contact-wrapper label {
    display:block;
    float:none;
    font-size:16px;
    width:auto;
}
#contactform {
	width: 410px;
	margin: 0 auto;
}
#contactform div label {
	margin: 10px 0px ;
}
form#contactform input {
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
    padding:5px;
    font-size:16px;
    color:#333;
}
form#contactform textarea {
    font-family:Arial, Tahoma, Helvetica, sans-serif;
    font-size:100%;
    padding:0.6em 0.5em 0.7em;
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
}
label.error {
	color: red;
	width: 400px;
}
.required.error {
	background: #e8b5b5;
}
#contactname, #email, #message {
	width: 400px;
}
#submit {
	background: #b7b7b7;
}


/* @end */


/* @group Footer */

#footer{
	width:800px;
	font-size:.75em;
	text-align: center;
	padding: 20px 0px 50px 0px;
	clear: both;
	color: #ccc;
}

/* @end */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Homepage Cycle Plugin */

#pager, #cycle {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: white;
}

#pager a {
	width: 255px;
	height: 75px;
	margin-bottom: 6px;
	display: block;
	background-image: url("/assets/images/home_navelements.png");
}

a#pager_1 { background-position: left 0px; }
a#pager_1.activeSlide { background-position: right 0px; }
a#pager_2 { background-position: left -75px; }
a#pager_2.activeSlide { background-position: right -75px; }
a#pager_3 { background-position: left -150px; }
a#pager_3.activeSlide { background-position: right -150px; }
a#pager_4 { background-position: left -225px; }
a#pager_4.activeSlide { background-position: right -225px; }

#cycle {
	position: relative;
}

#cycle a {
	width: 545px;
	height: 330px;
	position: absolute;
	top: 0;
	left: 0;
	border-left: 1px solid black;
	background-color: white;
	text-decoration: none;
}

#cycle a img {
	border: none;
	text-decoration: none;
}

#cycle a p {
	position: absolute;
	bottom: 0px;
	left: 10px;
	border: none;
	text-decoration: none;
}
ul#pager li {
	text-indent: -9999px;
}

/* @end */


#sectionNav #nav_25,
#sectionNav #nav_26,
#sectionNav #nav_27 {
	margin-left: 190px;
}

/* @group Global Footer */


#globalFooter {
	z-index: 1000;
	background: #fff;
	width: 100%;
	position: fixed;
	bottom: 0px;
}
#globalFooterOuter {
	background: transparent url(/assets/templates/affiniti/images/datalogixDicon.png) no-repeat left;
	background-position: 0px 0px;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 20px;
}
a#dlogolink {
	width: 45px;
	height: 40px;
	display: block;
	float: left;
	border: none;
	text-decoration: none;
}
#globalFooterInner {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 760px;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-top: -12px;
	margin-left: 45px;
}
#globalFooterInner ul {
	text-transform: lowercase;
	width: 600px;
	margin: 0 auto;
}
#globalFooterInner ul li {
	margin-right: 10px;
	text-align: center;
	float: left;
	margin-top: 10px;
}
#globalFooterInner ul li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: url(/assets/templates/affiniti/images/globalFooterNav.png) no-repeat;
	text-indent: -9999px;
	width: 65px;
}
#globalFooterInner ul li a:hover {
	color: #003581;
}
#nav_19 {
}
#globalFooterInner #nav_18 a {
	background-position: -10px -5px;
}
#globalFooterInner #nav_18 a:hover {
	background-position: -10px -35px;
}
#globalFooterInner #nav_19 a {
	background-position: -92px -5px;
}
#globalFooterInner #nav_19 a:hover {
	background-position: -92px -35px;
}
#globalFooterInner #nav_20 a {
	background-position: -170px -5px;
}
#globalFooterInner #nav_20 a:hover {
	background-position: -170px -35px;
}
#globalFooterInner #nav_21 a {
	background-position: -245px -5px;
}
#globalFooterInner #nav_21 a:hover {
	background-position: -245px -35px;
}
#globalFooterInner #nav_22 a {
	background-position: -320px -5px;
}
#globalFooterInner #nav_22 a:hover {
	background-position: -320px -35px;
}
#globalFooterInner #nav_23 a {
	background-position: -390px -5px;
}
#globalFooterInner #nav_24 a:hover {
	background-position: -390px -35px;
}
#globalFooterInner #nav_24 a {
	background-position: -460px -5px;
}
#globalFooterInner #nav_24 a:hover {
	background-position: -460px -35px;
}

/* @end */