/* Reset */ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, small, strong, dl, dt, dd, ol, ul, li fieldset, form, label { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { background: url('img/background.png') repeat; font-family: alexandriaflf-bold-webfont, Constantia, "Lucida Bright", "Bitstream Vera Serif", "Liberation Serif", serif; } ol, ul { list-style-type: none; } /* Type */ @font-face { font-family: fanwood-webfont; src: url('type/fanwood-webfont.eot'); src: url('type/fanwood-webfont.eot?#iefix') format('embedded-opentype'), url('type/fanwood-webfont.woff') format('woff'), url('type/fanwood-webfont.ttf') format('truetype'), url('type/fanwood-webfont.svg#') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: fanwood_italic-webfont; src: url('type/fanwood_italic-webfont.eot'); src: url('type/fanwood_italic-webfont.eot?#iefix') format('embedded-opentype'), url('type/fanwood_italic-webfont.woff') format('woff'), url('type/fanwood_italic-webfont.ttf') format('truetype'), url('type/fanwood_italic-webfont.svg#') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: nevis-webfont; src: url('type/nevis-webfont.eot'); src: url('type/nevis-webfont.eot?#iefix') format('embedded-opentype'), url('type/nevis-webfont.woff') format('woff'), url('type/nevis-webfont.ttf') format('truetype'), url('type/nevis-webfont.svg#') format('svg'); font-weight: normal; font-style: normal; } h1 { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } h2 { font-family: fanwood_italic-webfont; font-size: 125%; font-weight: normal; } h3 { font-size: 100%; font-weight: bold; } p { font-family: fanwood-webfont; font-size: 87.5%; } a { color: #202020; text-decoration: none; } a:hover { text-decoration: underline; } /* Basic */ #container { width: 960px; margin: 0 auto; width: 960px; } /* Header */ #status { float: left; margin-left: 60px; } nav { float: right; margin-top: 40px; margin-right: -11px; } nav ul li { border-left: 1px solid #202020; display: inline; } nav ul li a { font-family: nevis-webfont; font-size: 100%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin:0 10px; } nav ul li:first-child { border: 0; } #banner { padding-top: 130px; } #blurb { font-size: 125%; margin-bottom: 80px; margin-top: 80px; text-align: center; width: 900px; } #blurb p span { font-family: nevis-webfont; letter-spacing: 1px; } /* Home Content */ #services { border-top: 1px solid #202020; padding-bottom: 60px; padding-top: 40px; } #services p span { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } #services ul li { display: inline-block; padding-left: 100px; width: 160px; } #services ul li:first-child { padding-left: 0px; } #services ul li h2 { height: 2em; padding-bottom: 20px; padding-top: 20px; text-align: center; } #services .next { float: right } #recent { border-top: 1px solid #202020; padding-bottom: 40px; padding-top: 40px; } #recent #recent-work { float: left; } #recent #recent-work .next{ float: right; } #recent #recent-work p span { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } #recent #recent-blog { float: right; } #recent #recent-blog p { text-align: center; } #recent #recent-blog .next{ float: right; } #recent #recent-blog p span { font-family: nevis-webfont; font-size: 112.5%; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }