html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ul, ol {list-style:none}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}


body {background:#efede9 url(img/background.jpg) repeat-x left top; font:62.5% Arial, Helvetica, sans-serif}
#container {margin:0 auto; width:960px}
a {color:#333; text-decoration:none}
.clear {clear:both}
.clearfix {overflow:hidden}


@font-face {
  font-family: "Helvetica Neue";
  src: url(helvetica-neue.otf) format("truetype");
}


header {padding:50px 0 36px}
header h1 {background:url(img/logo.jpg) no-repeat; float:left; height:80px; margin:-5px 0 0 10px; width:332px}
header h1 a {display:block; height:100%; width:100%}
header h1 span {display:none}
header nav {background:url(img/bg_nav.jpg) no-repeat; float:right; height:61px; padding-left:15px}
header nav ul {background:url(img/bg_right_nav.jpg) no-repeat right top; height:61px; padding-right:15px}
header nav ul li {background:url(img/nav_separator.jpg) no-repeat right 7px; float:left; font-size:1.3em; line-height:61px; margin-right:14px; padding-right:18px; text-transform:uppercase}
header nav ul li:last-child {background:none; margin:0; padding:0}
header nav ul li.last {background:none; margin:0; padding:0}
header nav ul li a {text-shadow:0 2px 1px #fff}
.home .selected a {color:#369}


#intro {clear:both;}
#jobs {float:left; margin:30px 0; padding:0 10px; width:410px}
#jobs h2 {color:#fff; font:4.4em "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom:10px; text-shadow:1px 1px 0 #A59A91}
#jobs p {color:#fff; font-size:1.9em; text-shadow:1px 1px 0 #ccc}
#slideshow {background-color:#fff; float:right; height:276px; position:relative; width:506px; box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000;}
#slideshow a {background-color:#fff; display:block; height:276px; left:0; position:absolute; top:0; z-index:8; width:506px}
#slideshow a.active {z-index:10;}
#slideshow a.last-active {z-index:9;}


#content {float:left; padding:40px 10px 0; width:410px}
#content h3 {color:#666; font:3.4em "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom:10px; text-shadow:1px 1px 0 #A59A91;}
#content p {color:#999; font-size:1.2em; line-height:1.5em; margin-bottom:10px}
#content img {background-color:#999; padding:3px; float:left; margin:0 10px 10px 0; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000;}


#sidebar {float:right; margin-bottom:20px; padding-top:20px; width:520px}
#sidebar section {float:right; width:219px}
#twitter, #blog {background:url(img/box_small.png) no-repeat; height:237px; margin-bottom:10px; padding:18px 22px 15px 15px; position:relative}
#twitter h3, #blog h3 {color:#666; font:2.4em "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom:10px; text-shadow:1px 1px 0 #A59A91;}
#twitter li, #blog li {background:url(img/bg_separator.jpg) repeat-x left bottom; color:#999; font-size:1.2em; margin-bottom:12px; padding-bottom:12px}
#twitter li:last-child, #blog li:last-child {background:none; margin-bottom:0}
#twitter #twitter-link {font:italic 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; bottom:16px; right:30px}


footer {background-color:#333; clear:both; color:#fff; padding:30px 0 60px;  text-align:center; text-transform:uppercase}