
/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background-color:#010146;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#2a2a2a;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

a:link {
	color:#171780;
	text-decoration:underline;
}

a:visited {
	color:#171780;
	text-decoration:underline;
}

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

a:active {
	color:#171780;
	text-decoration:none;
}

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}

.floatRight {
	float:right;
	margin:5px 0 5px 10px;
}

.floatLeft {
	float:left;
	margin:5px 10px 5px 0;
}

.clearFloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

.greylink:link {
	color: #2a2a2a;
	text-decoration:none;
}

.greylink:visited {
	color: #2a2a2a;
	text-decoration:none;
}

.greylink:hover {
	color: #2a2a2a;
	text-decoration:underline;
}

.greylink:active {
	color: #2a2a2a;
	text-decoration:none;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari, and eliminates default border on images that are links */
img {
	line-height:0;
	border:none;
}

/* this class should be used on a div to put some vertical space such as after the last paragraph */
.verticalSpacer {
	margin:0 0 5px 0;
	padding:0;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

/* -------------------------------------------------- */

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */

/* main container that contains all other elements below */

#mastheadContainer {
	width:100%;
	height:181px;
	background:#010146 url(../images/masthead-gradient-bg.gif) repeat-x;
}

#masthead {
	position:relative;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:839px;
	height:181px;
}

#logoArea {
	position:absolute;
	width:238px;
	height:121px;
	top:0;
	left:0;
}

#phoneNumberContainer {
	position:absolute;
	width:220px;
	height:54px;
	top:18px;
	right:0;
	background:url(../images/receive-quote-phone-number.gif) no-repeat left;
}

#phoneNumberContainer a:link, #phoneNumberContainer a:visited {
	display:block;
	width:220px;
	height:54px;
	text-decoration:none;
	background:url(../images/receive-quote-phone-number.gif) no-repeat left;
}

#phoneNumberContainer a:hover, #phoneNumberContainer a:active {
	background:url(../images/receive-quote-phone-number.gif) no-repeat right;
}

#facebookSmallIcon {
	position:absolute;
	width:32px;
	height:32px;
	top:85px;
	right:72px;
	background:url(../images/facebook-small.gif) no-repeat left;
}

#facebookSmallIcon a:link, #facebookSmallIcon a:visited {
	display:block;
	width:32px;
	height:32px;
	text-decoration:none;
	background:url(../images/facebook-small.gif) no-repeat left;
}

#facebookSmallIcon a:hover, #facebookSmallIcon a:active {
	background:url(../images/facebook-small.gif) no-repeat right;
}

#twitterSmallIcon {
	position:absolute;
	width:32px;
	height:32px;
	top:85px;
	right:36px;
	background:url(../images/twitter-small.gif) no-repeat left;
}

#twitterSmallIcon a:link, #twitterSmallIcon a:visited {
	display:block;
	width:32px;
	height:32px;
	text-decoration:none;
	background:url(../images/twitter-small.gif) no-repeat left;
}

#twitterSmallIcon a:hover, #twitterSmallIcon a:active {
	background:url(../images/twitter-small.gif) no-repeat right;
}

#rssSmallIcon {
	position:absolute;
	width:32px;
	height:32px;
	top:85px;
	right:0;
	background:url(../images/rss-small.gif) no-repeat left;
}

#rssSmallIcon a:link, #rssSmallIcon a:visited {
	display:block;
	width:32px;
	height:32px;
	text-decoration:none;
	background:url(../images/rss-small.gif) no-repeat left;
}

#rssSmallIcon a:hover, #rssSmallIcon a:active {
	background:url(../images/rss-small.gif) no-repeat right;
}

#topNavBgHighlight {
	position:absolute;
	bottom:0;
	left:0;
	width:839px;
	height:51px;
	background:url(../images/top-nav-bg.gif) center top no-repeat;
	z-index:5px;
}

#topNavContainer {
	position:absolute;
	bottom:6px;
	left:35px;
	width:839px;
	z-index:50;
}

#homepageMainImageContainer {
	width:100%;
	height:321px;
	background-color:#b7bbc0;
}

#homepageMainImage {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:839px;
}

#internalPageHeadingBarContainer {
	width:100%;
	height:100px;
	background:#ffffff url(../images/heading-bar-bg4.gif) repeat-x;
}

#internalPageHeadingBar {
	position:relative;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:839px;
}

#internalPageHeadingBar h1 {
	margin:0;
	padding:35px 0 0 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:3em;
	font-weight:normal;
	color:#a2010c;
}

.headingGraphic {
	position:absolute;
	top:44px;
	right:0;
	width:245px;
	height:25px;
}

#mainContentContainer {
	width:100%;
	background:#ffffff;
}

#mainContent {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom:30px;
	width:839px;
}

#mainColumnHomepage {
	float:left;
	margin:0;
	padding:30px 0 0 0;
	width:553px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#mainColumn {
	float:left;
	margin:0;
	padding:0;
	width:553px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#mainColumn .quoteBox {
	margin:10px;
	padding:10px 10px 5px 10px;
	border:1px solid #cccccc;
	background:#eeeeee;
}

#mainColumn .needHelpBox {
	margin:30px 0;
	padding:0;
	width:553px;
	border:1px solid #a8000d;
}

#mainColumn .needHelpBox p {
	margin:0;
	padding:0 35px 10px 35px;
}

#mainColumnHomepage h1, #mainColumn h1 {
	margin:0;
	padding:0 0 20px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.6em;
	font-weight:normal;
	color:#a2010c;
	line-height:120%;
}

#mainColumnHomepage h2, #mainColumn h2 {
	margin:0;
	padding:0 0 16px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#ce000f;
	line-height:120%;
}

#mainColumnHomepage .headings, #mainColumn .headings {
	margin:0;
	padding:9px 0 16px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#ce000f;
	line-height:120%;
}

#mainColumnHomepage h3, #mainColumn h3 {
	margin:0;
	padding:0 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#ce000f;
	line-height:120%;
}

#mainColumnHomepage p, #mainColumn p {
	margin:0 0 0 0;
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:150%;
}

#mainColumnHomepage ul, #mainColumn ul {
	margin:0 0 15px 20px;
	padding:0;
	list-style-type:square;
	font-size:1.2em;
}

#mainColumnHomepage ul li ul, #mainColumn ul li ul {
	margin:3px 0 5px 10px;
	padding:0;
	list-style-type:square;
	font-size:1em;
}

#mainColumnHomepage ol, #mainColumn ol {
	margin:0 0 15px 23px;
	padding:0;
	font-size:1.2em;
}

#mainColumnHomepage ol li ol, #mainColumn ol li ol {
	margin:3px 0 5px 10px;
	padding:0;
	font-size:1em;
}

.mainColumnHorizontalDivider {
	margin:5px 0 15px 0;
	width:100%;
	border-bottom:1px solid #797979;
}

.contactButton {
	display:block;
	width:244px;
	height:47px;
	background:url(../images/contact-button.gif) left no-repeat;
}

.contactButton a:link, .contactButton a:visited {
	display:block;
	width:244px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-button.gif) left no-repeat;
}

.contactButton a:hover, .contactButton a:active {
	background-position:right;
}

.contactThirdRailButton {
	display:block;
	width:353px;
	height:47px;
	background:url(../images/contact-third-rail-button.gif) left no-repeat;
}

.contactThirdRailButton a:link, .contactThirdRailButton a:visited {
	display:block;
	width:353px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-third-rail-button.gif) left no-repeat;
}

.contactThirdRailButton a:hover, .contactThirdRailButton a:active {
	background-position:right;
}

.contactOnTrackButton {
	display:block;
	width:354px;
	height:47px;
	background:url(../images/contact-on-track-button.gif) left no-repeat;
}

.contactOnTrackButton a:link, .contactOnTrackButton a:visited {
	display:block;
	width:354px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-on-track-button.gif) left no-repeat;
}

.contactOnTrackButton a:hover, .contactOnTrackButton a:active {
	background-position:right;
}

#sideColumnHomepage {
	float:right;
	margin:31px 0 0 0;
	padding-left:20px;
	width:245px;
	border-left:1px solid #797979;
}

#contactusboxheader {
	background:url(../images/contact-us-orange-header.gif) no-repeat;
	height:32px;
	float:right;
	margin:0;
	width:245px;
}

#contactusbox {
	border-bottom:6px solid #da770f;
	border-left: 1px solid #da770f;
	border-right: 1px solid #da770f;
	float:right;
	width:243px;
 #padding:20px 0 0 0;
}

#contactusbox ul {
	padding:10px 10px 10px 13px;
 #padding:10px 10px 10px 0;
}

#contactusbox ul li {
	font-size:1.4em;
	list-style: none;
	margin: 7px 0;
}

#learnmoreboxheader {
	background:url(../images/learn-more-orange-header.gif) no-repeat;
	height:32px;
	float:right;
	width:245px;
}

#learnmorebox {
	border-bottom:6px solid #15156a;
	border-left: 1px solid #15156a;
	border-right: 1px solid #15156a;
	float:right;
	width:243px;
 #padding:20px 0 0 0;
}

#learnmorebox ul {
	padding:10px 10px 10px 13px;
}

#learnmorebox ul li {
	font-size:1.4em;
	list-style: none;
	margin: 7px 0;
}

#whitepaperboxheader {
	background:url(../images/white-papers-blue-header.gif) no-repeat;
	height:32px;
	float:right;
	margin:31px 0 0 0;
	width:245px;
}

#whitepaperbox {
	border-bottom:6px solid #15156a;
	border-left: 1px solid #15156a;
	border-right: 1px solid #15156a;
	float:right;
	width:243px;
 #padding:20px 0 0 0;
}

#whitepaperbox ul {
	padding:10px 10px 10px 13px;
}

#whitepaperbox ul li {
	font-size:1.4em;
	list-style: none;
	margin: 7px 0;
}

#sideColumn {
	float:right;
	margin:1px 0 0 0;
	padding-left:20px;
	width:245px;
	border-left:1px solid #797979;
}

#sideColumnHomepage h3, #sideColumn h3 {
	margin:0;
	padding:10px 0 16px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	color:#ce000f;
}

#sideColumnHomepage p, #sideColumn p {
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:150%;
}

#facebookLargeIcon {
	float:left;
	margin:0 0 30px 0;
	width:48px;
	height:48px;
	background:url(../images/facebook-large.gif) no-repeat left;
	_display:inline; /* IE6 Hack */
}

#facebookLargeIcon a:link, #facebookLargeIcon a:visited {
	display:block;
	width:48px;
	height:48px;
	text-decoration:none;
	background:url(../images/facebook-large.gif) no-repeat left;
}

#facebookLargeIcon a:hover, #facebookLargeIcon a:active {
	background:url(../images/facebook-large.gif) no-repeat right;
}

#twitterLargeIcon {
	float:left;
	margin:0 0 30px 1px;
	width:48px;
	height:48px;
	background:url(../images/twitter-large.gif) no-repeat left;
	_display:inline; /* IE6 Hack */
}

#twitterLargeIcon a:link, #twitterLargeIcon a:visited {
	display:block;
	width:48px;
	height:48px;
	text-decoration:none;
	background:url(../images/twitter-large.gif) no-repeat left;
}

#twitterLargeIcon a:hover, #twitterLargeIcon a:active {
	background:url(../images/twitter-large.gif) no-repeat right;
}

#rssLargeIcon {
	float:left;
	margin:0 0 30px 1px;
	width:48px;
	height:48px;
	background:url(../images/rss-large.gif) no-repeat left;
	_display:inline; /* IE6 Hack */
}

#rssLargeIcon a:link, #rssLargeIcon a:visited {
	display:block;
	width:48px;
	height:48px;
	text-decoration:none;
	background:url(../images/rss-large.gif) no-repeat left;
}

#rssLargeIcon a:hover, #rssLargeIcon a:active {
	background:url(../images/rss-large.gif) no-repeat right;
}

#shareThisButton {
	float:left;
	margin:12px 0 30px 1px;
	_display:inline; /* IE6 Hack */
}

#blogContainerHomepage {
	margin:0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 20px 0;
	width:839px;
	border-top:1px solid #797979;
}

#blogContainerHomepage .blogContainerHeading {
	margin:0 0 0 -2px;
	padding:15px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	color:#ce000f;
}

#blogContainerHomepage .blogSection {
	float:left;
	margin:0 65px 0 0;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#blogContainerHomepage .blogSectionLast {
	margin:0;
}

#blogContainerHomepage .blogSection h1, #blogContainerHomepage .blogSectionLast h1 {
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:150%;
	font-weight:normal;
	color:#171780;
}

#blogContainerHomepage .blogSection h2, #blogContainerHomepage .blogSectionLast h2 {
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:150%;
	font-weight:normal;
	color:#171780;
}

#blogContainerHomepage .blogSection h3, #blogContainerHomepage .blogSectionLast h3 {
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#171780;
}

#blogContainerHomepage .blogSection p, #blogContainerHomepage .blogSectionLast p {
	margin:0;
	padding:0 0 5px 0;
	font-size:1.2em;
	line-height:150%;
}

#blogContainerHomepage a:link {
	color:#171780;
	text-decoration:none;
}

#blogContainerHomepage a:visited {
	color:#171780;
	text-decoration:none;
}

#blogContainerHomepage a:hover {
	color:#171780;
	text-decoration:underline;
}

#blogContainerHomepage a:active {
	color:#171780;
	text-decoration:underline;
}

.tweetmeme_button {
	display:none;
}

#bottomMainImageContainer {
	width:100%;
	height:102px;
	background:#FFFFFF url(../images/bench-bg.jpg) top repeat-x;
}

#bottomMainImage {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:927px;
	height:102px;
	background:#FFFFFF url(../images/bench.jpg) top;
}

#footerContainer {
	width:100%;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background:#010146;
}

#footer {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 40px 0;
	width:839px;
	color:#FFFFFF;
}

#footer a:link {
	color:#FBF111;
	text-decoration:none;
}

#footer a:visited {
	color:#FBF111;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer a:active {
	color:#ffffff;
	text-decoration:none;
}

.footerSection {
	float:left;
	margin-right:67px;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.footerSectionLast {
	float:left;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.footerHeading {
	padding:40px 0 5px 0;
	font-size:1.1em;
	border-bottom:1px solid #FFFFFF;
}

#footer ul {
	margin:3px 0 0 0;
	padding:0;
	list-style-type:none;
}

#footer ul li {
	margin:0;
	padding:3px 0 2px 0;
	font-size:1.1em;
}

.footerHorizontalDivider {
	margin:5px 0 30px 0;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	height:1px;
}

.footerBottomLinks {
	text-align:center;
}

.footerBottomLinks ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}

/* --- form field attributes --- */

#contactForm {
	margin:1px 0 0 0;
	padding:15px 15px 80px 15px;
	border:1px solid #b7bcc0;
	background:#e9eaeb url(../images/email-icon-screened-bg.gif) no-repeat right bottom;
}

#contactForm table {
	margin:0;
	padding:15px;
	width:100%;
	border-collapse:collapse;
}

#contactForm table tr td {
	margin:0;
	padding:5px 15px 5px 0;
	vertical-align:top;
}

#contactForm table tr td p {
	padding-top:3px;
}

#contactForm table tr td.alignFormTextRight {
	text-align:right;
}

#name, #firstname, #lastname, #company, #url, #phone, #email, #bestTimeToContact, #iHaveQuestionsAbout, #numberOfActiveProducts, #frequencyOfFeedUpdates, #nameOfManagementCompany {
	margin:0;
	padding:3px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#otherURLs, #additionalInfo, #listOfActiveCSEAccounts {
	margin:0;
	padding:3px;
	width:200px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#contactForm table tr td #spamcode {
	margin:0;
	padding:0;
	border:1px solid #b7bcc0;
}

#security_code {
	margin:0;
	padding:3px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#submit {
	margin:15px 0 0 0;
	padding:0;
}

/* -------------------------- */

/* --- Override Wordpress CSS styles here --- */

.wp-caption-text {
	text-align: center;
	font-style: italic;
}

/* -------------------------- */
 
 /* --- White Papers --- */

#whitePaperSection {
	height:274px;
	font-size:1.2em;
}

#whitePaperSection img {
	margin:10px 20px 10px 10px;
	float:left;
}

#whitePaperSection ul {
	margin-left:10px;
}

#whitePaperSection ul li {
	margin:10px 0 0 240px;
}

/* -------------------------- */

