/* 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;
}