body { -webkit-text-size-adjust:none } /*fix for webkit*/

* { margin: 0px; padding: 0px; }
body { background: url('../img/body-background.gif'); font: 12px/16px Arial, Helvetica, sans-serif; text-align: center; }
a img { border: none; text-decoration: none;}
a { color: #8a0322; }
a:hover { text-decoration: none; }
p { margin-bottom: 10px; }
.clear { clear: both; }

/* Main container */
#container { margin: 0px auto; width: 880px; padding: 0px 9px; background: url('../img/container-background.png'); text-align: left; }
#container-top { margin: 15px auto 0px auto; width: 898px; height: 9px; overflow: hidden; background: url('../img/drop-shadow-top.png'); }
#container-bottom { margin: 0px auto; width: 898px; height: 9px; overflow: hidden; background: url('../img/drop-shadow-bottom.png'); }

/* Left column - Nav, quotes, etc. */
#column { float: left; width: 223px; padding: 26px 0px; }
#column #nav ul { list-style-type: none; padding: 20px 0px 0px 27px; }
#column #nav ul li { margin: 0px 0px 1px 0px; }
#column #nav ul li a { font: bold 14px Arial, sans-serif; color: #fff; display: block; width: 180px; height: 27px; padding: 10px 0px 0px 15px; background: url('../img/nav-background.gif'); text-decoration: none; }
#column #nav ul li a:hover, #column #nav ul li a.current { background: url('../img/nav-hover-background.gif'); }
/*#column #nav ul li a.current { color: #8a0322; }*/
#column #quote { font: italic 14px/20px Arial, sans-serif; color: #8a0322; width: 170px; margin: 25px 0px 25px 40px; }

/* Content */
#content { width: 565px; padding: 0px 50px 10px 42px; overflow: visible; float: left; color: #333; }
body.index #content { width: 615px; padding-right: 0px; }

#content #utility ul { list-style-type: none; float: right; padding: 0px 0px 10px 0px; }
body.index #content #utility ul { padding: 0px 25px 20px 0px; }
#content #utility ul li { display: inline; background: url('../img/utility-nav-background.gif') 0px 4px no-repeat; padding: 0px 3px 0px 6px; }
#content #utility ul li.first-child { background: none; }
#content #utility ul li a { color: #432f28; text-decoration: none; font-size: 11px; }
#content #utility ul li a:hover { text-decoration: underline; }
#content #utility ul li a.current { text-decoration: underline; color: #8a0322; }

#content #utility ul li a.facebook {
	background: url('../img/facebook-utility.gif') no-repeat left top;
	padding-left: 14px;
	margin-left: 1px;
	}

#content h1 { font: bold 26px/22px Arial, sans-serif; margin: 0px 0px 25px -20px; clear: right; background: url('../img/h1-background.png') no-repeat; padding: 27px 0px 0px 31px; width: 580px; height: 45px; color: #fff; text-shadow: #333 1px 1px 3px /* WebKit only */; }
#content h1 span { font-weight: normal; }
#content h2 { font: bold 16px/20px Arial, sans-serif; margin-bottom: 10px; }
#content h3 { font: bold 14px/18px Arial, sans-serif; margin-bottom: 10px; }
#content ul, #content ol { padding-left: 35px; margin-bottom: 10px; }
body.index #content ul { margin-bottom: auto; }

#content .case-study-copy { width: 360px; }
#content .callout { width: 170px; padding: 15px; height: 315px; overflow: visible; background: url('../img/callout-background.png') no-repeat; float: right; margin: 0px -17px 0px 20px; }
#content .callout ul { padding-left: 15px; }
#content .callout ul li { margin: 6px 0px; }
#content ul.press-media li { margin: 10px 0px; }

/* Footer */
#footer { margin: 0px auto; width: 880px; padding: 0px 9px 9px 9px; background: url('../img/container-background.png'); text-align: center; }
#footer-top { margin: 0px auto; width: 898px; height: 9px; overflow: hidden; background: url('../img/drop-shadow-top.png'); }
#footer-bottom { margin: 0px auto; width: 898px; height: 9px; overflow: hidden; background: url('../img/drop-shadow-bottom.png'); }
#footer ul { list-style-type: none; margin-left: 20px; }
#footer ul li { display: inline; background: url('../img/utility-nav-background.gif') 0px 4px no-repeat; padding: 0px 3px 0px 8px; }
#footer ul li.first-child { background: none; }
#footer ul li a { color: #432f28; text-decoration: none; text-transform: uppercase; font-size: 10px; }
#footer ul li a:hover { text-decoration: underline; }
#footer p { color: #432f28; font-size: 10px; text-align: center; padding-right: 20px; margin: 0px 0px 0px 0px; }

/* Address */
#address p { color: #FFF; font-size: 10px; text-align: center; padding-right: 20px; margin: 0px 0px 0px 0px; }


/* Bunch of custom styles for boxes on index */
#splash { margin: -10px 0px 0px -35px; }
#large-callout { font-size: 11px; float: left; margin-left: -13px; width: 335px; padding: 10px 15px; height: 177px; overflow: visible; background: url('../img/gradient-background.png') repeat-x; }
#industry-facts { font-size: 11px; float: left; margin-left: 25px; width: 183px; padding: 10px 15px; height: 177px; overflow: visible; background: url('../img/gradient-background.png') repeat-x; }
#case-study { font-size: 11px; width: 165px; padding: 10px 15px; margin: 22px 0px 0px 27px; height: 177px; overflow: visible; background: url('../img/gradient-background.png') repeat-x; }

#large-callout h2 { font-size: 22px; color: #820024; line-height: 24px; margin-bottom: 10px; }
#large-callout h3, #case-study h3, #industry-facts h3 { font-size: 16px; text-transform: uppercase; font-weight: normal; margin-bottom: 7px; }
#large-callout h3 span, #case-study h3 span, #industry-facts h3 span { font-weight: bold; color: #820024; }

body.index #large-callout p { font-size: 11px; }

.learn-more { text-align: center; width: 200px; padding-left: 13px; margin-left: 25px; height: 18px; overflow: hidden; float: left; background: url('../img/learn-more-background.jpg'); font-size: 11px; }
.learn-more a { color: #fff; }
.learn-more a:hover { text-decoration: none; }

.learn-more.wide { width: 352px; margin-left: -13px; }
#column .learn-more { margin-left: 27px; width: 182px; }