/* Imports */
@import url("reset.css");
@import url("global-forms.css");

@font-face {
	font-family: 'GothamBookRegular';
	src: url('fonts/gotham-book-webfont.eot');
	src: local('☺'), url('fonts/gotham-book-webfont.woff') format('woff'), url('fonts/gotham-book-webfont.ttf') format('truetype'), url('fonts/gotham-book-webfont.svg#webfontSq5FTeg5') format('svg');
	font-weight: normal;
	font-style: normal;
}


/***** Global *****/
/* Body */
body {background: #D4D3D1; color: #251a06; font-size: 87.5%; font-family: 'GothamBookRegular', sans-serif; line-height: 1.429; margin: 0; padding: 15px 0; text-align: left;}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {font-weight: 400; line-height: 1.1; margin-bottom: .8em;}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0 !important;}

/* Formatting */
strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {list-style: outside disc; margin: 1em 0 1.5em 1.5em;}
ol {list-style: outside decimal; margin: 1em 0 1.5em 1.5em;}
	
/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}

/***** Layout *****/
#frame {margin: 0 auto; padding: 30px 60px; width: 840px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hide {display: none;}

/*
	Header 
*****************/
header {position: relative;}

/* Logo */
header h1 a {background:transparent url(../images/logo.png) no-repeat 0 0; margin-bottom: 30px; height:110px; width:350px; text-indent:-9000px; float: left; display:block;}

/* Slogan & Address */
header h2  {margin: 0; font-size: 1.429em; display: block;}
header h2 span {font-size: 0.8em;}
header h2, header address {font-style: normal; text-align: right;}
header address {margin-bottom: 70px; position: absolute; bottom: 0; right: 0;}
header address a {color: #251a06; text-decoration: none;}

/* Main Nav */
nav {background: #251a06; margin: 0 auto; padding: 0; font-size: 1em; line-height: 30px; height: 40px; width: 840px; text-align: center; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
nav ul {list-style: none; margin: 0 auto; width: 840px;}
nav li {float: left; display: inline; margin: 0;}
nav a:link, nav a:visited {color:#fff; padding: 5px 1.357em; height: 30px; text-transform: uppercase;  text-decoration: none; display: inline-block;}
nav a:hover, nav a:active, nav .active a:link, nav .active a:visited {background: #026227; color: #fff;}
nav li:first-child, nav li:first-child a {border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
nav li:last-child, nav li:last-child a {border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0;}
nav li:hover {background: #026227;}

#home a {width:44px;}
#sys a {width:170px;}
#tech a {width:233px;}
#team a {width:129px;}
#contact a {width:74px;}

/*
	Featured
*****************/
#featured {margin-top: 15px; padding: 15px 0; height: 275px; border-top: 1px solid #026227; border-bottom: 1px solid #026227;}
#featured figure {margin-right: 15px; height: 275px; width: 500px; float: left;}
#featured aside {padding-left: 20px; height: 275px; width: 304px; float: right; border-left: 1px solid #026227;}
#featured aside h3, #featured aside ul {margin-top:0; margin-bottom: .5em;}
#featured aside h3 {font-size:1.143em; text-transform: uppercase;}
#featured aside ul li, #featured aside a {font-size: 0.857em;}
#featured aside a {color:#026227; margin-bottom:1em; text-align: right; text-decoration: none; display: block;}
#featured aside p {font-size: 0.857em;}
/*
	Content
*****************/
#content {margin-top: 15px;}
#content figure {margin-bottom: 15px;}
#content figure img {margin: 0 auto; display: block;}
#content .grey-rc {background: #f6f3ee; margin-bottom:15px;; padding:30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

/* Sys */
.sys-img  {background: #BABABA; margin:0; padding:15px 20px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}

/* Bio */
.bio img {float: left;}
.bio h3, .bio h4, .bio p {padding-left: 125px;}

/* Tech */
.tech-col{width: 345px; margin-bottom: 30px;}
.tech-img {margin-top: 30px;}
.inline-img {margin-bottom: .8em;}

/* Contact */
input.text {padding: 5px; width:300px;}

/*
	Extras
*****************/
#extras {margin-top: 30px;}

/*
	Footer
*****************/
footer {margin-top: 15px; text-align: right;}
footer small {font-size: 0.857em;}

/* Browser and OS specfic styling */
.win p, .win li, .win a, .win address {font-family: Verdana, Arial, sans-serif;}
.gecko.win h2, .gecko.win h3, .gecko.win h4 {font-family: Verdana, Arial, sans-serif;}
.win #featured aside {padding-left: 10px; width:314px;}
.win #featured aside h3, .win #featured aside ul {margin-bottom: .25em;}