/* Import
-------------------------------------------------------------- */
@import url("../fonts/michroma/stylesheet.css");
@import url("../fonts/special-elite/stylesheet.css");
@import url("global.min.css");
@import url("forms.css");
@import url("notices.css");


/* Typography
-------------------------------------------------------------- */
body {
	color: #000;
	font-size: 87.5%;
	line-height: 1.75em;
}

a:link,
a:visited {
	color: #333;
}

a:active,
a:focus,
a:hover {
	color: #999;
}

a img {
	position: relative;
	top: -0.25em;
	vertical-align: middle;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: "Michroma", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

h1, .h1 {
	font-size: 1.5em;
	margin: 2.66em 0 1.33em;
}

h2, .h2 {
	font-size: 1.4em;
	margin: 2.84em 0 1.42em;
}

h3, .h3 {
	font-size: 1.3em;
	margin: 3.08em 0 1.54em;
}

h4, .h4 {
	font-size: 1.2em;
	margin: 3.32em 0 1.66em;
}

h5, .h5 {
	font-size: 1.1em;
	margin: 3.64em 0 1.82em;
}

h6, .h6 {
	font-size: 1em;
	margin: 4em 0 2em;
}

p {
	margin: 2em 0;
}

p.center{text-align:center;}

p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}


/* Forms
-------------------------------------------------------------- */
.form-container {
	margin-bottom: 4em;
}

.form-container .button-set {
	background: none;
}

button {
	background: #333;
	color: #ccc;
}

button:active,
button:focus,
button:hover {
	background: #666;
	color: #fff;
}


/* Structure
-------------------------------------------------------------- */
body {
	background: #fff;
}

.page {
	margin: 5em auto;
	width: 960px;
}


/* Navigation
-------------------------------------------------------------- */
.page-nav {
	font-family: "Special Elite", Courier, Arial, Tahoma, sans-serif;
	line-height: 1em;
	text-transform: lowercase;
}

.page-nav ul {
	margin: 0;
	padding: 0;
}

.page-nav li {
	float: left;
	margin-left: 4em;
	position: relative;
}

.page-nav a {
	color: #000;
	text-decoration: none;
}

.page-nav .current-page-item a,
.page-nav .current-page-ancestor a,
.page-nav a:active,
.page-nav a:focus,
.page-nav a:hover {
	color: #999;
	font-style: italic;
}

.page-nav .sub-menu {
	display: none;
}


/* Logo
-------------------------------------------------------------- */
.logo {
	margin: 0;
}

.logo a {
	background: url("../images/logo.jpg");
	display: block;
	height: 26px;
	overflow: hidden;
	text-indent: -9999em;
	width: 154px;
}


/* Header
-------------------------------------------------------------- */
.page-header {
	height: 1em;
	margin: 0 0 1em;
	position: relative;
}

.page-header .logo {
	bottom: 0;
	left: 0;
	position: absolute;
}

.page-header .page-nav {
	float: right;
	position: relative;
	z-index: 100;
}

.page-header .page-nav li {
	padding-bottom: 1em;
}

.page-header .page-nav li:hover .sub-menu {
	display: block;
}

.page-header .page-nav .sub-menu {
	background: #fff;
	border: #cfd4d4 solid 3px;
	border-top: 0;
	left: 50%;
	margin-left: -73px;
	padding: 0 10px;
	position: absolute;
	top: 2em;
	z-index: 2;
	width: 120px;
}

.page-header .page-nav .sub-menu ul {
	border-top: #cfd4d4 solid 1px;
}

.page-header .page-nav .sub-menu li {
	float: none;
	line-height: 1em;
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

.page-header .page-nav .sub-menu a {
	color: #000;
	font-style: normal;
}


/* Body
-------------------------------------------------------------- */
.page-body {
	background: #fcfdfc;
	border: #cfd4d4 solid 3px;
	margin: 1em 0;
	padding: 20px;
}


/* Footer
-------------------------------------------------------------- */
.page-footer {
	margin: 1em 0 0;
}

.page-footer li {
	margin: 0 4em 0 0;
}

.page-footer .logo {
	border-bottom: #a7abab solid 1px;
	float: right;
	height: 30px;
	width: 999%;
}

.page-footer .logo a {
	background: url("../images/logo-footer.png");
	float: right;
	height: 39px;
	overflow: hidden;
	text-indent: -9999em;
	width: 219px;
}


/* jScrollPane
-------------------------------------------------------------- */
.jscrollpane {
	outline: none;
	overflow: auto;
}

.jscrollpane img {
	float: left;
	margin: 0 10px 0 0;
}

.jspVerticalBar {
	width: 5px;
}

.jspHorizontalBar {
	height: 5px;
}

.jspTrack {
	background: #cfd4d4;
}

.jspDrag {
	background: #eee;
}


/* Template: Home
-------------------------------------------------------------- */
body.home .page {
	margin-top: 7em;
}

body.home .page-body {
	background: url("../images/home-banner.jpg");
	height: 636px;
	padding: 0;
}


/* Template: Work
-------------------------------------------------------------- */
.type-articulated .page-body {
	padding-top: 0;
}

.type-articulated .page-body object {
	margin: 0 -20px;
}

.type-articulated .page-body object + p {
	margin-top: 1em;
}


/* Template: Contact
-------------------------------------------------------------- */
.facebook.link {
	text-decoration: none;
}

.facebook.link img {
	margin-right: 0.5em;
}