* { margin: 0px; padding: 0px; }

body { background: #FFF url(images/main-bg-tile.gif) repeat-x; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #696969; }
img { border: none; }
a { color: #696969; text-decoration: none; }
a:hover { text-decoration: underline; }

.page-holder { float: left; display: inline; width: 975px; }
.header { float: left; display: inline; width: 965px; }
.main-site-logo { float: left; display: inline; margin: 64px 0px 0px 0px; }

.main-navigation { float: left; display: inline; width: 755px; margin: 80px 0px 0px 0px; }
.main-navigation .TabList { float: left; display: inline; }
.main-navigation ul { list-style: none; }
.main-navigation li { float: left; display: inline; padding: 0px 14px 0px 17px; list-style: none; background: url(images/main-navigation-divider.gif) no-repeat left center; }
.main-navigation a { font-size: 10px; letter-spacing: 1px; color: #696969; text-decoration: none; text-transform: uppercase; }
.main-navigation .First-Child { padding-left: 0px; background: none; }

#nav-indicator { position: absolute; left: -400px; top: 20px; z-index: 80; width: 100px; display: none; height: 3px; font-size: 1px; background-color: #56ed0b; }
#current-indicator { position: absolute; left: 0px; top: 20px; z-index: 100; width: 100px; display: none; height: 3px; font-size: 1px; background-color: #696969; }

.page-content { float: left; display: inline; width: 979px; margin: 30px 0px 0px 20px; font: 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #696969; }
.about-matthew { background: url(images/main-content-bg-about-matthew.jpg) no-repeat 700px 8px; }

.main-banner { float: left; display: inline; width: 787px; margin: 0px 0px 0px 209px; }
.sub-navigation-column { float: left; display: inline; width: 160px; margin: 2px 0px 0px 0px; text-align: right; }
.main-content { float: right; display: inline; width: 788px; }
.left-content { float: left; display: inline; margin: 0px; }
.right-content { float: left; display: inline; }

.generic .left-content { width: 441px; }
.generic .right-content { width: 312px; margin: 0px 0px 0px 32px; }

.philosophy .left-content { width: 441px; }
.philosophy .right-content { width: 250px; margin: 16px 0px 0px 62px; color: #56ed0b; }

.process .left-content { width: 441px; }
.process .right-content { width: 280px; margin: 0px 0px 0px 32px; color: #56ed0b; }

.bigideas .left-content { width: 325px; }
.bigideas .right-content { width: 325px; margin: 0px 0px 0px 41px; }

.contact .left-content { float: left; display: inline; width: 441px; }
.contact .right-content { width: 280px; margin: 0px 0px 0px 32px; color: #56ed0b; }

.about-matthew .left-content { width: 441px; }
.about-matthew .right-content { width: 280px; margin: 0px 0px 0px 32px; }

.lower-content { float: left; display: inline; width: 757px; margin: 40px 0px 0px 0px; font-size: 13px; line-height: 24px; }
.lower-content table { width: 100%; border-collapse: collapse; }
.lower-content td { width: 33%; padding: 0px; text-align: left; vertical-align: top; }

.footer-address { float: left; display: inline; width: 100%; margin-top: 20px; line-height: 14px; color: #696969; font-weight: bold; }
.footer-address .copyright { margin: 10px 0px 0px 210px; padding: 0px 0px 10px 0px; color: #696969; }
.footer-address .copyright a { color: #696969; }
.footer-address .address { font-size: 11px; margin: 0px 0px 0px 210px; }

.signup-form { border-collapse: collapse; }
.signup-form td { padding: 0px; vertical-align: top; text-align: left; }
.signup-form td td { padding: 0px 4px 4px 0px !important; }
.signup-form .signup-text-field { width: 200px; }
.signup-form .signup-error { color: #f00; }
.signup-form .signup-label { display: block; padding-right: 20px; }

.contact-form { border-collapse: collapse; }
.contact-form .contact-text-field { width: 200px; margin-right: 8px; }
.contact-form .contact-text-area { width: 408px; height: 80px; margin-bottom: 12px; }
.contact-form .contact-submit { }

h1 { font-size: 36px; color: #696969; font-weight: normal; text-transform: uppercase; }
h2 { color: #56ed0b; font-weight: normal; font-size: 18px; text-transform: uppercase; margin: 0px 0px 0px 0px; }
h3 { color: #56ed0b; font-weight: normal; font-size: 18px; margin: 18px 0px 0px 0px; }
p { margin: 0px 0px 12px 0px; }
ul { margin: 0px 0px 12px 22px; }
.text-error { color: #f00; }

@media screen {
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
	.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
}
@media print {
	.sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; }
	.sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }
}