/* Reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,nav ul,nav ol{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body{
	line-height: 1;}

article,aside,figure,footer,header,hgroup,nav,section{
	display: block;}

blockquote,q{
	quotes: none;}

blockquote:before,blockquote:after,q:before,q:after{
	content: '';
	content: none;}

a{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

ins{
	background-color: #ff9;
	color: #000;
	text-decoration: none;}

mark{
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;}

del{
	text-decoration: line-through;}

abbr[title],dfn[title]{
	border-bottom: 1px dotted #000;
	cursor: help;}

table{
	border-collapse: collapse;
	border-spacing: 0;}

hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;}

img,object,embed,input,select{
	vertical-align: middle;}
	
b,strong{
	font-size: bold;}
	
i,em{
	font-style: italic;}

/* Tags */

h1, h2, h3, h4, h5, h6, p, ul, ol, dl{
	margin: 0 10px 1.5em;}
	
ul ul, ul ol, ul p, ul h2, ul h3, ul h4, 
ol ol, ol ul, ol p, ol h2, ol h3, ol h4{
	margin-right: 0;
	margin-left: 0;}
	
h2{
	font-size: 1.5em;
	margin: 0 10px 1em;}

ul.no, ol.no{
	list-style: none;}
	
a{
	color: inherit;}
	
a:link, a:visited{
	text-decoration: none;
	border-bottom: 1px solid #a6a5b3;}
	
a:focus, a:hover{
	color: #fff;
	border-color: #fff;}
	
a:active{
	color: #88c7d2;}
	
hr{
	clear: both;
	background: transparent;
	border: 0;}
	
img{
	-webkit-user-select: none;}

/* Layout */

html{
	min-width: 970px;
	margin: 0;
	padding-bottom: 1px;
	background: #434051 url(../i/bg.jpg) 50% 0 repeat;
	color: #d8d8e5;}

body{
	margin: 0 !important;
	padding: 0 70px;
	font: 12px/1.5 Georgia, Times, "Times New Roman", serif;}

#jump{
	z-index: 100;
	position: relative;
	margin: 0 -70px;
	padding: 0 0 7px;
	background: url(../i/border.png) 0 100% repeat-x;}

#jump li{
	display: none;}

#site{
	position: relative;
	width: 830px;
	margin: 0px auto 0;
	padding: 12px 0 0;}

#top{
	overflow: hidden;
	position: absolute;
	top: -16px;
	left: -210px;
	width: 590px;
	height: 400px;
	background: url(../i/logo.png);}

#top .hgroup{
	margin: -100px 0 0 220px;}
	
a.top{
	border: 0;}

#menu{
	position: absolute;
	top: -10px;
	right: 0;
	margin: 0;
	padding: 180px 0 90px;}
	
#menu ul{
	height: 50px;
	margin: 0;
	list-style: none;
	line-height: 50px;
	text-align: center;}
	
#menu li{
	display: inline;
	padding: 0;}
	
#menu li.last{
	background: url(../i/menu.png) 100% 55% no-repeat;}

#menu a, #menu strong{
	padding: 10px 7px 10px 23px;
	font-size: 21px;
	text-transform: lowercase;
	background: url(../i/menu.png) 0 55% no-repeat;
	color: #d8d8e5;
	border: 0 !important;
	outline: 0;}
	
#menu li.last a, #menu li.last strong{
	padding-right: 23px;}
	
#menu a:hover{
	color: #fff;}
	
#menu strong{
	color: #88c7d2;}

#menu strong .cufon-canvas{
	top: 1px;}
	
#page{
	position: relative;
	margin: 318px 0 0;
	padding-bottom: 7.5em;}
	
#end{
	position: relative;
	padding-left: 420px;}
	
#end hr{
	z-index: 100;
	position: absolute;
	right: -70px;
	bottom: 2px;
	left: -70px;
	height: 6px;
	margin: 0;
	padding: 0;
	background: url(../i/border.png) 0 100% repeat-x;
	border: 0;}
	
#end ul{
	z-index: 1;
	position: relative;
	overflow: hidden;
	margin: 0 auto -7px;
	padding: 1.25em 0 1.75em;}
	
#end li{
	float: left;
	margin: 0 0 0 20px;
	font-size: .833em;
	text-transform: lowercase;
	list-style: none;
	letter-spacing: .1em;}
	
#end li.first{
	margin-left: 40px;}

#end li.last{
	margin-right: 20px;}
	
#end a{
	border: 0;}
	
#menu,#end ul,#page .figure{
	width: 410px;
	background: #363341;
	background: rgba(0,0,0,0.2);}

/* Content */
	
#page .content{
	width: 340px;
	float: left;
	margin-right: 80px;
	margin-top: 9em;}
	
#page .content.first{
	margin-top: 3em;}
	
#page .figure{
	float: left;
	margin: 0 0 7.5em;}
	
#page .figure.first{
	margin-top: -20px;}
	
#page .figure .content{
	float: none;
	width: 530px;
	margin: 0 -60px 0;
	padding: 3em 0 3em;}
	
#page .figure.first .content{
	margin: -20px -60px 0;
	padding: 0 0 3em;}
	
.home #page .content.first{
	margin-top: 10.5em;}

#page .content.intro h2{
	font-size: 2em;
	margin: 0 10px .25em;}
	
#page .content.intro p{
	margin-bottom: .4em;
	font-size: 1.25em;
	line-height: 1.6em;}
	
#page .content.intro p.names{
	font-size: 19px;}
	
#page .content.intro q{
	font-style: italic;
	color: #fff;}
	
#page .content.intro q[title]{
	cursor: help;}
	
.col-3,.col-6{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;}
	
.col-3{
	width: 200px;}

.col-6{
	width: 410px;}
	
.col-3.last, .col-6.last{
	margin: 0;}
	
.col-3.bottom a{
	display: block;
	border: 0;}

.col-3.bottom ul h3{
	margin-bottom: 0;}

/* Fonts */

.cufon-canvas{
	position: relative;}

.phaeton{
	font-size: 1.167em;
	line-height: 1.285em;}
	
.sentinel{
	font-weight: normal;}
	
.sentinel strong{
	font-weight: 400;}
	
.sentinel a{
	border: 0;
	color: #fff;}
	
.sentinel a:hover{
	color: #88c7d2;}

/* Clear */

#site:after, #page:after, .col-3:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}