@charset "utf-8";

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/* Sticky Footer Solution by Steve Hatcher, http://stever.ca, http://www.cssstickyfooter.com */
html, 
body,
form,
#wrapper{
	height:100%;
}
body > #wrapper,
body > form > #wrapper {
	height:auto;
	min-height:100%;
}
#container {
	padding-bottom: 82px; /* must be same height as the footer */
}
#footerBg {
	position: relative;
	margin-top: -82px; /* negative value of footer height */
	height: 82px;
	clear:both;
}

/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}

/*
Order of Elements...
	1. Display and Flow
	2. Positioning
	3. Dimensions
	4. Margins, Padding, Borders, Outline
	5. Typographic Styles
	6. Backgrounds
	7. Opacity, Cursors, Generated Content
*/


/***************************************************************
	Basic Elements */
body {
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f1f1ef url(../images/bg-content-repeat.jpg) top center;
}


/****************************************************************
	Basic Layout */

body .hubWrapper {
	background: url(../images/bg-content.jpg) no-repeat center 459px;
}
body .landingWrapper {
	background: url(../images/bg-content.jpg) no-repeat center 494px;
}
body .insideWrapper {
	background: url(../images/bg-content.jpg) no-repeat center 396px;
}
body .caseStudyWrapper {
	background: url(../images/bg-content.jpg) no-repeat center 193px;
}
#groupNavBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: url(../images/bg-group-nav-repeat.png) repeat-x center top;
}
#groupNavWrapper {
	position: relative;
	width: 994px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-group-nav.png) no-repeat center top;
}
#headerBg {
	width: 100%;
	padding-top: 34px;
	background: url(../images/bg-header-repeat.jpg) repeat-x center 34px;
}
#headerWrapper {
	position: relative;
	width: 100%;
	background: url(../images/bg-header.jpg) no-repeat center top;
}
#header {
	position: relative;
	width: 994px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-header.jpg) no-repeat center top;
}
#container .hubHeader {
	height: 425px;
}
#container .landingHeader {
	height: 460px;
}
#container .insideHeader {
	height: 341px;
}
#container .caseStudyHeader {
	height: 138px;
}
#headerFooterBg,
#headerFooterInsideBg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: url(../images/bg-header-footer.png) repeat center bottom;
}
#headerFooter,
#headerFooterInside {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	background: url(../images/bg-header-footer.png) no-repeat center bottom;
}
#headerFooterInsideBg {
	height: 5px;
}
#headerFooterInside {
	height: 5px;
}

#content {
	position: relative;
	width: 994px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-content.jpg) no-repeat center top;
}
#container .insideContent {
	padding-bottom: 50px;
	background-position: center -21px;
}
#container .insideContent #contentBg {
	background: url(../images/bg-content-inside.png) repeat-y 332px top;
}

#footerBg {
	width: 100%;
	background: url(../images/bg-footer-repeat.jpg) repeat center top;
}
#footerWrapper {
	width: 100%;
	background: url(../images/bg-footer.jpg) no-repeat center top;
}
#footer {
	position: relative;
	width: 994px;
	height: 82px;
	margin: 0 auto;
	font-size: 11px;
	text-align: left;
	line-height: 12px;
	color: #6a7377;
	background: url(../images/bg-footer.jpg) no-repeat center top;
}

/****************************************************************
	Group Nav */
#groupNav {
	float: right;
	height: 57px;
	margin: 8px 12px 0 0;
	font-size: 11px;
	color: #fff;
	z-index: 900;
}
#groupNav li { /* all list items */
	float: left;
	height: 26px;
/*	margin-left: 6px;
*/	line-height: 26px;
}
#groupNav li.last,
#groupNav li.currentlast {
	margin: 0;
}
#groupNav a {
	float: left;
	color: #fff;
	text-decoration: none;
}
#groupNav a span {
	display: block;
	float: left;
	height: 26px;
	cursor: pointer;
}
#groupNav a span.l {
	width: 6px;
}
#groupNav li:hover a span.l,
#groupNav li.sfHover a span.l {
	background: url(../images/bg-group-nav-item-l.png) no-repeat;
}
#groupNav li.current a span.l {
	background: url(../images/bg-group-nav-item-l.png) no-repeat;
}/*
#groupNav li.last a span.l,
#groupNav li.currentlast a span.l {
	width: 12px;
}
#groupNav li.last:hover a span.l,
#groupNav li.last.sfHover a span.l,
#groupNav li.currentlast a span.l {
	background: url(../images/bg-group-nav-item-l-last.png) no-repeat;
}*/
#groupNav li:hover a span.m,
#groupNav li.sfHover a span.m,
#groupNav li.current a span.m,
#groupNav li.currentlast a span.m {
	background: url(../images/bg-group-nav-item-m.png) repeat-x;
}
#groupNav a span.r {
	width: 12px;
}
#groupNav li:hover a span.r,
#groupNav li.sfHover a span.r,
#groupNav li.current a span.r {
	background: url(../images/bg-group-nav-item-r.png) no-repeat;
}
#groupNav li.last a span.r,
#groupNav li.currentlast a span.r {
	width: 6px;
}

#groupNav li.last:hover a span.r,
#groupNav li.last.sfHover a span.r,
#groupNav li.currentlast a span.r {
	background: url(../images/bg-group-nav-item-r-last.png) no-repeat;
}
#groupNav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide navs because display: none isn't read by screen readers */
	font-size: 12px;
	color: #d8e9ec;
}
#groupNav li li {
	float: left;
	height: 31px;
	margin: 0;
	line-height: 31px;
}
#groupNav li li span {
	display: block;
	float: left;
	height: 31px;
	cursor: auto;
}
#groupNav li li span.l {
	width: 6px;
	background: url(../images/bg-group-nav-item-sub-l.png) no-repeat;
}
#groupNav li li span.m {
	background: url(../images/bg-group-nav-item-sub-m.png) repeat-x;
}
#groupNav li li span.r {
	width: 6px;
	background: url(../images/bg-group-nav-item-sub-r.png) no-repeat;
}
#groupNav li:hover ul,
#groupNav li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
	top: 34px;
	clear: both;
}

#gropuNav li.last ul,
#groupNav li.currentlast ul {
	left: auto;
	right: -999em;
}
#groupNav li.last:hover ul,
#gropuNav li.last.sfHover ul,
#groupNav li.currentlast:hover ul,
#gropuNav li.currentlast.sfHover ul {
	right: 12px;
}

#userNav {
	position: absolute;
	top: 8px;
	left: 0;
	height: 26px;
	font-size: 11px;
	line-height: 26px;
}
#userNav .loginLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}
#userNav .filesLink {
	position: absolute;
	top: 0;
	left: 102px;
	width: 95px;
}
#userNav a {
	display: block;
	padding-left: 24px;
	text-decoration: none;
	color: #fff;
}
#userNav .loginLink a {
	background: url(../images/bg-user-nav-login.png) no-repeat left 26px;
}
#userNav .filesLink a {
	padding-left: 25px;
	background: url(../images/bg-user-nav-files.png) no-repeat left 26px;
}
#userNav a:hover {
	background-position: left top;
}

/****************************************************************
	Header */
	
#header h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 291px;
	height: 135px;
	background: url(../images/logo-harding-poorman-group.png) no-repeat;
}


#header h2.spg {
	background: url(../images/logo-spg-graphics.png) no-repeat;
}

#header h2.ropkey {
	background: url(../images/logo-ropkey-graphics.png) no-repeat;
}

#header h2.fullcourt {
	background: url(../images/logo-full-court-press.png) no-repeat;
}

#header h2.miles {
	background: url(../images/logo-miles-pop.png) no-repeat;
}

#header h2.discom {
	background: url(../images/logo-discom-technologies.png) no-repeat;
}

#header h2.ecp {
	background: url(../images/logo-education-connection.png) no-repeat;
}

#header h2 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
	overflow: hidden;
}
#nav {
	position: absolute;
	right: 22px;
	top: 51px;
	height: 27px;
	font-size: 16px;
	font-family: 'Agenda', 'Agenda Medium', 'Myriad Pro', Arial, Helvetica, sans-serif;
	line-height: 27px;
	color: #dbe1e5;
}
#nav li {
	float: left;
	margin-left: 18px;
}
#nav li a {
	color: #dbe1e5;
	text-decoration: none;
}
#nav li span {
	display: block;
	float: left;
	height: 27px;
	cursor: pointer;
}
#nav li span.l {
	width: 10px;
	background: url(../images/bg-nav-item-l.png) no-repeat left 27px;
}
#nav li span.m {
	background: url(../images/bg-nav-item-m.png) repeat-x left 27px;
}
#nav li span.r {
	width: 10px;
	background: url(../images/bg-nav-item-r.png) no-repeat left 27px;
}
#nav a:hover,
#nav a.current {
	color: #fff;
}
#nav li a:hover span,
#nav li a.current span {
	background-position: left top;
}

/* slider */
#slider,
#landingSlider {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 994px;
	height: 299px;
	background: url(../images/bg-slider.png) no-repeat;
}
#slider #leftNav,
#slider #rightNav,
#landingSlider #leftNav,
#landingSlider #rightNav {
	display: block;
	position: absolute;
	top: 117px;
	left: 0;
	width: 65px;
	height: 65px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/bg-slider-nav.png) no-repeat;
}
#slider #rightNav,
#landingSlider #rightNav {
	left: auto;
	right: 0;
	background-position: -65px top;
}
#slider #leftNav:hover,
#landingSlider #leftNav:hover {
	background-position: left -65px;
}
#slider #rightNav:hover,
#landingSlider #rightNav:hover {
	background-position: -65px -65px;
}
#slider #featuredProj {
	position: absolute;
	top: 20px;
	left: 342px;
	width: 301px;
	height: 248px;
	padding: 8px 0 0 8px;
	background: url(../images/bg-featured-product.png) no-repeat;
}
#header #slider .featuredProjHover {
	background-position: left -256px
}
#slider #featuredProj .projectInfo {
	position: absolute;
	bottom: 40px;
	left: 8px;
	width: 292px;
	min-height: 0; /* IE 7 haslayout */
	padding: 7px 0 3px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #323331;
	background: url(../images/bg-featured-project-info.png) repeat center top;
}
#slider #featuredProj .projectInfo a {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #c15201;
}
#slider #featuredProj .projectInfo a .arrow {
	font-weight: bold;
	font-size: 15px;
}
#sliderContainer {
	position: absolute;
	top: 33px;
	left: 72px;
	width: 848px;
	height: 235px;
}
#sliderContainer .project {
	position: absolute;
	top: 0;
	width: 240px;
	height: 228px;
	padding: 7px 0 0 7px;
	background: url(../images/bg-recent-project.png);
}
#landingSlider #sliderContainer .project {
	width: 259px;
	height: 228px;
	background: url(../images/bg-recent-project-landing.png);
}
#sliderContainer .project img {
	display: block;
}
#sliderContainer .project .projectInfo {
	position: absolute;
	bottom: 33px;
	left: 7px;
	width: 234px;
	min-height: 0; /* IE 7 haslayout */
	padding: 9px 0 5px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #535451;
	background: url(../images/bg-recent-project-info.png) repeat center top;
}
#landingSlider #sliderContainer .project .projectInfo {
	width: 253px;
	padding: 7px 0 3px;
	font-size: 14px;
	line-height: 19px;
	background-image: url(../images/bg-recent-project-info-land.png);
}
#sliderContainer .project .projectInfo a {
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #c15201;
}
#sliderContainer .project .projectInfo a .arrow {
	font-weight: bold;
	font-size: 14px;
}
#landingSlider #sliderContainer .project .projectInfo a .arrow {
	font-size: 16px;
}
#sliderContainer .leftProj {
	left: 0;
}
#sliderContainer .midProj {
	left: 291px;
}
#sliderContainer .rightProj {
	right: 0;
}

/* header project */
#headerProj {
	position: absolute;
	left: 0;
	bottom: 18px;
	width: 525px;
	height: 174px;
	padding: 49px 35px 0 434px;
	line-height: 19px;
	color: #bdc9cf;
	background: url(../images/bg-header-project.png) no-repeat;
}
#headerProj .headerProjItem {
	display: none;
}
#headerProj img {
	position: absolute;
	top: 61px;
	left: 44px;
}
#headerProj h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #f6f6f4;
}
#headerProj h4 {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #bdb336;
}
#headerProj p {
	min-height: 66px;
}
#headerProj a.caseStudiesLink {
	float: left;
	padding-right: 24px;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	color: #498993;
	background: url(../images/header-case-studies-link.png) no-repeat right center;
}
#headerProj a.caseStudiesLink:hover {
	color: #fbfdfd;
}

/****************************************************************
	Footer */

#footer a {
	text-decoration: none;
	color: #6a7377;
}
#footer a:hover {
	color: #acaca5;
}
#footer p.copyright {
	position: absolute;
	top: 27px;
	left: 19px;
}
#footer p.links {
	position: absolute;
	top: 27px;
	right: 19px;
}

/****************************************************************
	Content */

/* inside divider */
#insideDivider {
	width: 100%;
	height: 21px;
	background: url(../images/bg-inside-divider.png);
}

/* sidebar */
#sidebar {
	float: left;
	width: 321px;
	margin: 19px 10px 0 0;
	padding-left: 10px;
}
#sidebar .sections,
#sidebar .news,
#sidebar .resources {
	margin-bottom: 42px;
	padding-bottom: 1px;
	border-bottom: 1px solid #d8d9d5;
}
#sidebar .sections h3,
#sidebar .news h3,
#sidebar .resources h3 {
	height: 45px;
	padding-left: 47px;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 31px;
	color: #ad2d00;
	background: url(../images/bg-sections-header.png);
}
#sidebar .sections h3 a {
	text-decoration: none;
	color: #ad2d00;
}
#sidebar .sections h3 a:hover {
	text-decoration: underline;
}
#sidebar .sections li {
	height: 39px;
	border-bottom: 1px solid #d8d9d5;
	line-height: 44px;
}
#sidebar .sections ul a {
	display: block;
	padding-left: 36px;
	font-size: 14px;
	text-decoration: none;
	color: #3e4b53;
	background: url(../images/bg-sections-item.png) no-repeat;
}
#sidebar .sections ul a:hover {
	color: #c15201;
	background-position: left -39px;
}
#sidebar .sections ul a.current {
	color: #ad2d00;
	background-position: left -78px;
}

#sidebar .news {
	margin-bottom: 35px;
}
#sidebar .news h3 {
	background: url(../images/bg-news-header.png);
}
#sidebar .newsItem {
	border-bottom: 1px solid #d5d6d1;
	color: #3e4b53;
}
#sidebar .newsItem a {
	display: block;
	padding: 13px 35px 8px 14px;
	text-decoration: none;
	line-height: 19px;
	color: #3e4b53;
	background: url(../images/bg-news-item-sidebar.png) no-repeat;
}
#sidebar .newsItem a .link {
	font-size: 11px;
	color: #498993;
}
#sidebar .newsItem a:hover {
	color: #272f34;
	background-position: left -59px;
}
#sidebar .newsItem a:hover .link {
	color: #c15201;
}

#sidebar .resources {
	margin-bottom: 20px;
	color: #444542;
	line-height: 16px;
	font-size: 11px;
}
#content .resources p {
	margin: 0 0 12px;
}
#sidebar .resources h3 {
	background: url(../images/bg-resources-header.png);
}
#content .resources .content {
	padding: 17px 22px 17px 33px;
	border-bottom: 1px solid #d8d9d5;
	background: url(../images/bg-resources.png) no-repeat;
}
#content .resources h4 {
	margin: 17px 0 12px;
	font-size: 12px;
	color: #bdb336;
}
#content .resources a.resourceLink {
	display: block;
	width: 82px;
	margin-bottom: 12px;
	padding-left: 30px;
	text-decoration: none;
	line-height: 14px;
	color: #498993;
	background: url(../images/icon-arrow-link.png) no-repeat right 2px;
}
#content .resources a.resourceLink:hover {
	color: #c15201;
	background-position: right -34px;
}

/* main */
#main {
	float: left;
	width: 652px;
	margin-top: 19px;
	line-height: 20px;
	color: #444542;
}
#main h1 {
	padding: 10px 30px 22px;
	font-size: 32px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 32px;
	color: #235159;
	background: url(../images/bg-main-header.png) no-repeat left bottom;
}
#main .content {
/*	min-height: 463px;
*/	padding: 16px 100px 20px 32px;
	background: url(../images/bg-main.png);
}
#main h2 {
	font-size: 16px;
	font-weight: bold;
	color: #bdb336;
}
#main h3 {
	font-size: 13px;
	color: #342019;
}
#main a {
	color: #498993;
}
#main ul {
	padding-left: 25px;
	list-style: url(../images/bullet.png);
}
#main ol {
	padding-left: 25px;
	list-style: decimal;
}
#mainFooter {
	position: relative;
	float: left;
	width: 652px;
	height: 53px;
	margin-left: 341px;
	background: url(../images/bg-main-footer.png);
}

/* group section
   services section */
#content .groupSection,
#content .servicesSection {
	float: left;
	width: 662px;
	margin-top: 30px;
	color: #444542;
	line-height: 20px;
}
#content .groupSection h2,
#content .servicesSection h2 {
	height: 42px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-our-group.png) no-repeat;
}
#content .servicesSection h2 {
	background-image: url(../images/header-our-services.png);
}
#content .servicesSection h2.miles {
	background-image: url(../images/header-our-services-miles.png);
}
#content .groupSection .bg,
#content .servicesSection .bg {
	position: relative;
	padding: 22px 30px 33px 34px;
	min-height: 131px;
	background: url(../images/bg-group-section.png) no-repeat left bottom;
}
#content .groupSection p,
#content .servicesSection p {
	margin: 0 0 20px;
}
#content .groupSection .learnMoreBtn,
#content .servicesSection .learnMoreBtn {
	display: block;
	position: absolute;
	bottom: 12px;
	right: 43px;
	width: 121px;
	height: 33px;
	text-indent: -999em;
	overflow: hidden;
	
}

/* news section
   myHPG section */
#content .newsSection,
#content .myHpgSection {
	float: left;
	width: 332px;
	height: 231px;
	margin-top: 30px;
	background: url(../images/bg-news-section.png) no-repeat left bottom;
}
#content .myHpgSection {
	color: #444542;
	line-height: 20px;
	background: url(../images/bg-my-hpg-section.png) no-repeat left 42px;
}
#content .myHpgSection .content {
	padding: 22px 65px 0 12px;
}
#content .newsSection h2,
#content .myHpgSection h2 {
	height: 42px;
	margin-bottom: 5px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-hpg-news.png) no-repeat;
}
#content .myHpgSection h2 {
	margin-bottom: 0;
	background-image: url(../images/header-my-hpg.png);
}
#content .myMilesSection h2 {
	background-image: url(../images/header-my-miles.png);
}
#content .myHpgSection p {
	margin: 0 0 20px;
}
#content .myHpgSection a.learnMorelink {
	display: block;
	width: 151px;
	padding-right: 13px;
	text-decoration: none;
	line-height: 14px;
	color: #498993;
	background: url(../images/icon-arrow-link.png) no-repeat right 1px;
}
#content .myHpgSection a.learnMorelink:hover {
	color: #c15201;
	background-position: right -35px;
}
#content .newsSection .newsItem {
	height: 59px;
	margin-bottom: 1px;
	line-height: 17px;
}
#content .newsSection .newsItem a {
	display: block;
	height: 43px;
	padding: 16px 63px 0 12px;
	text-decoration: none;
	color: #3e4b53;
	background: url(../images/bg-news-item.png) no-repeat;
}
#content .newsSection .newsItem a .title {
	font-size: 13px;
}
#content .newsSection .newsItem a .link {
	font-size: 11px;
	color: #498993;
}
#content .newsSection .newsItem a:hover {
	background-position: left -60px;
}
#content .newsSection .newsItem a:hover .title {
	color: #272f34;
}
#content .newsSection .newsItem a:hover .link {
	color: #c15201;
}

/* row separator */
#content .separator {
	clear: both;
	height: 68px;
	background: url(../images/content-separator.png) no-repeat;
}

/* bottom row */
#content .bottomRow {
	background: url(../images/bg-content-bottom-row.png) repeat-y;
	color: #444542;
	line-height: 16px;
	font-size: 11px;
}
#content .bottomRow p {
	margin: 0 0 12px;
}

/* green section*/
#content .greenSection {
	float: left;
	width: 257px;
	margin-right: 1px;
}
#content .greenSection .content {
	padding: 17px 22px 0 33px;
}
#content .greenSection h3 {
	height: 42px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-green-initiative.png);
}
#content .greenSection h4 {
	margin: 17px 0 12px;
	font-size: 12px;
	color: #bdb336;
}
#content .greenSection li {
	padding-left: 30px;
	margin-bottom: 17px;
}
#content .greenSection li.first {
	background: url(../images/bullet-1.png) no-repeat left 3px;
}
#content .greenSection li.second {
	background: url(../images/bullet-2.png) no-repeat left 3px;
}
#content .greenSection a.learnMorelink {
	display: block;
	width: 117px;
	padding-left: 30px;
	text-decoration: none;
	line-height: 14px;
	color: #498993;
	background: url(../images/icon-arrow-link.png) no-repeat right 15px;
}
#content .greenSection a.learnMorelink:hover {
	color: #c15201;
	background-position: right -21px;
}

/* contact form */
#content .contactForm {
	position: relative;
	float: left;
	width: 480px;
	margin-right: 1px;
}
#content .contactForm h3 {
	height: 42px;
	margin-bottom: 20px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-contact-us.png);
}
#content .contactForm .required {
	position: absolute;
	top: 24px;
	right: 16px;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	line-height: 10px;
	color: #c15201;
}
#content .formRow {
	position: relative;
	margin: 0 0 16px 0;
	padding-left: 15px;
}
#content .formRow .error {
	position: absolute;
	left: 7px;
	top: 8px;
	font-size: 12px;
	color: #ad2d00;
}
#content .formRow #emailError,
#content .formRow #addressError {
	left: 217px;
}
#content .formRow #stateError {
	left: 188px;
}
#content .formRow #zipError {
	left: 251px;
}
#content .contactForm .txtInput {
	float: left;
	height: 20px;
	margin: 0 17px 0 0;
	padding: 7px 5px 0 35px;
	border: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #787976;
	background: url(../images/bg-input.png);
}
#content .contactForm .focus {
	color: #342019;
}
#content .contactForm .nameInput {
	width: 153px;
}
#content .contactForm .emailInput {
	width: 201px;
	margin: 0;
	background-position: left -27px;
}
#content .contactForm .companyInput {
	width: 153px;
	background-position: left -54px;
}
#content .contactForm .addressInput {
	width: 201px;
	margin: 0;
	background-position: left -81px;
}
#content .contactForm .cityInput {
	width: 150px;
	padding-left: 10px;
	background-position: left -108px;
}
#content .contactForm .stateInput {
	width: 31px;
	margin-right: 16px;
	padding-left: 10px;
	background-position: left -135px;
}
#content .contactForm .zipInput {
	width: 50px;
	padding-left: 10px;
	background-position: left -162px;
}
#content .contactForm .phoneInput {
	width: 85px;
	margin: 0;
	background-position: left -189px;
}
#content .contactForm .contactBtn {
	display: block;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/btn-contact-me.png);
}
#content .contactForm .contactBtn:hover {
	background-position: left -24px;
}
#content .contactForm #contactConf {
	position: absolute;
	top: 58px;
	left: 68px;
	width: 352px;
	height: 126px;
	padding-top: 48px;
	text-align: center;
	background: url(../images/bg-contact-conf.png);
}
#content .contactForm #contactConf h4 {
	margin: 0 0 8px 0;
	font-size: 34px;
	font-weight: bold;
	line-height: 34px;
	color: #c15201;
}
#content .contactForm #contactConf p {
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	color: #342019;
}
#content .contactForm #contactConf .closeBtn,
#content .contactForm #contactError .closeBtn {
	position: absolute;
	top: 120px;
	left: 127px;
	display: block;
	width: 91px;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/btn-close.png) no-repeat left 24px;
}
#content .contactForm #contactConf .closeBtn:hover,
#content .contactForm #contactError .closeBtn:hover {
	background-position: left top;
}
#content .contactForm #contactError {
	position: absolute;
	top: 58px;
	left: 25px;
	width: 431px;
/*	height: 113px;
*/
	padding-top: 0;
	text-align: center;
}
#content .contactForm #contactError .modalHead {
	height: 11px;
	background: url(../images/bg-contact-error-header.png);
}
#content .contactForm #contactError .modalContent {
	padding-top: 37px;
	padding-bottom: 42px;
	background: url(../images/bg-contact-error-repeat.png);
}
#content .contactForm #contactError .modalFoot {
	height: 12px;
	background: url(../images/bg-contact-error-footer.png);
}

#content .contactForm #contactError .modalContent ul 
{
	text-align: left;
}

#content .contactForm #contactError .modalContent ul li 
{
	margin-left: 45px;
	color: #ad2d00;
	font-size: 12px;
	list-style-type: disc;
}

#content .contactForm #contactError h4 {
	margin: 0 0 9px 0;
	font-size: 16px;
	line-height: 16px;
	color: #342019;
}
#content .contactForm #contactError p {
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	color: #ad2d00;
}
#content .contactForm #contactError .closeBtn {
	top: auto;
	bottom: 30px;
	left: 170px;
	background: url(../images/bg-contact-error.png) no-repeat -170px -107px;
}
#content .contactForm #contactError .closeBtn:hover {
	background: url(../images/btn-close.png) no-repeat left top;
}

/* careers section
   news section */
#content .careersSection,
#content .headlinesSection {
	float: left;
	width: 223px;
}
#content .headlinesSection {
	float: left;
	width: 223px;
}
#content .careersSection h3,
#content .headlinesSection h3 {
	height: 42px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/header-careers.png);
}
#content .headlinesSection h3 {
	margin-bottom: 7px;
	background-image: url(../images/header-news-headlines.png);
}
#content .careersSection .content {
	padding: 17px 20px 0 15px;
}
#content .careersSection a.submitResumeLink {
	display: block;
	width: 125px;
	text-decoration: none;
	line-height: 14px;
	color: #498993;
	background: url(../images/icon-arrow-link.png) no-repeat right 1px;
}
#content .careersSection a.submitResumeLink:hover {
	color: #c15201;
	background-position: right -35px;
}
#content .headlinesSection .bg {
	background: url(../images/bg-headlines-section.png) no-repeat;
}
#content .headlinesSection .newsItem {
	margin-bottom: 1px;
	font-size: 12px;
	line-height: 17px;
	color: #3e4b53;
}
#content .headlinesSection .newsItem a {
	display: block;
	padding: 19px 0 6px 11px;
	text-decoration: none;
	color: #3e4b53;
	background: url(../images/bg-headlines-item.png) no-repeat left 60px;
}
#content .headlinesSection .newsItem a:hover {
	color: #272f34;
	background-position: left 10px;
}
#content .headlinesSection .newsItem a .link {
	float: left;
	padding-right: 20px;
	font-size: 11px;
	color: #498993;
	background: url(../images/bg-headlines-item-link.png) no-repeat right 4px;
}
#content .headlinesSection .newsItem a:hover .link {
	color: #c15201;
	background-position: right -20px;
}

#content .footer {
	position: relative;
	clear: both;
	height: 67px;
	background: url(../images/content-footer.png) no-repeat;
}
.footer #socialBadges {
	position: absolute;
	top: 35px;
	right: 18px;
}

#mainFooter #socialBadges {
	position: absolute;
	top: 35px;
	right: 18px;
}
#socialBadges a {
	padding: 0 5px;
}