@import url('https://fonts.googleapis.com/css?family=Raleway');

body {
    margin : 0;
    padding : 0;
    background-color : #EEEEEE;
	color : #EEEEEE;
}

a:link, 
a:visited {
    color : #101010;
	text-decoration : underline;
}

a:hover {
    text-decoration : none;
}

h1 {
    margin : 0;
	padding : 0;
    font-size : 20px;
	font-weight : normal;
	line-height : 100%;
}

h2 {
    font-size : 16px;
	font-weight : normal;
	line-height : 100%;
}

h3, h4 {
    margin : 10px 0 10px 0;
	padding : 3px 0 0 0;
    font-size : 11px;
	line-height : 100%;
}

h4 {
    border-top : 1px solid #999999;
}

.text img {
    margin : 0 0 24px 16px;
}


#header {
    width : 780px;
    height: 90px;
	margin : 0 auto 0 auto;
	padding : 15px 0 0 20px;
	white-space : nowrap;
	background-color: #757575;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	color: white;
	letter-spacing: .1em;
}

#header h1,
#header h2 {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}

#header h1+h1 {
	position: relative;
	top: -36px;
	left: 0px;
	margin: 0;
	padding: 0;
	-webkit-animation-name: transition; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-fill-mode: forwards;
	animation-name: transition;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes transition {
  from   {letter-spacing: 0; left: 0;}
  to  {letter-spacing: .12em; left: -7px;}
}

/* Standard syntax */
@keyframes transition {
  from   {letter-spacing: 0; left: 0;}
  to  {letter-spacing: .12em; left: -7px;}
}

#header h2 {
	font-size: 11px;
	letter-spacing: .1em;
	line-height: 14px;
	float: left;
	margin-top: -26px;
}

#header #nav {
	margin-top: -24px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .15em;
	float: right;
}

#header #nav ul,
#header #nav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

#header #nav ul {
/* 	width: 800px; */
}

#header #nav ul ul {
	float: none;
	width: 220px;
}

#header #nav ul li+li {
	width: 105px;
}

#header #nav ul li+li+li {
	width: 90px;
}

#header #nav ul li+li+li+li {
	width: 80px;
}


#header #nav ul li ul li {
	width: 100px;
}

#header #nav a {
	letter-spacing: .1em;
	font-weight: normal;
}

#header a {
	color: white;
	text-decoration: none;
}

#header #nav a:hover {
	background: white;
	color: black;
}

#content, 
#utilities {
    width : 800px;
	margin : 6px auto 0 auto;
	padding : 0;
	border : 1px solid #666666;
	background-color : #EEEEEE;
}

#utilities {
	margin-top: 0;
	margin-bottom: 24px;
	height: 36px;
}

#utilities ul li {
	float: left;
	margin: 0 12px;
}

#images img {
        margin : 60px 0 24px 10px;
}

#images {
	margin : 16px auto 0 auto;
	text-align : center;
}

#images .text,
#images .text a {
    color : #EEEEEE;
}

#mininav {
    position : absolute;
	top : 425px;
	left : 0;
	white-space : nowrap;
}

#secondary {
    width : 800px;
	margin : 0 auto 0 auto;
	padding : 26px 0 1px 0;
    font-size : 11px;
    font-family : verdana, sans-serif;
    color : #FFFFFF;
    letter-spacing : 0.05em;
    line-height : 120%;
    background-color : #101010;
}

#secondary a:link,
#secondary a:visited {
    color : #FFFFFF;
	text-decoration : none;
}

#secondary a:hover {
	text-decoration : underline;
}

#pages {
    width : 800px;
	margin : 6px auto 0 auto;
	padding : 0;
    font-size : 11px;
    font-family : verdana, sans-serif;
    color : #000000;
    letter-spacing : 0.05em;
    line-height : 120%;
	text-align : right;
}

#license {
    width : 800px;
	margin : 6px auto 0 auto;
	padding : 0;
    font-size : 11px;
    font-family : arial, verdana, sans-serif;
    color : #666666;
    letter-spacing : auto;
    line-height : 120%;
}

#license a {
    color : #666666;
}

#license img {
    margin-right : 6px;
}

.code {
    font-family : courier, serif;
}

.text .note p {
    text-indent : 0;
}

.note {
    color : #666666;
}

.text {
    margin : 0;
	padding : 10px 20px 0 16px;
    font-size : 11px;
    font-family : arial, verdana, sans-serif;
    color : #101010;
    letter-spacing : 1px;
    line-height : 120%;
	text-align : left;
}

.text p {
    text-indent : 24px;
    margin : 0;
	padding : 0;
}

#columnI, 
#columnII,
#columnIII,
#columnIV,
#columnV,
#columnVI,
#columnVII,
#columnVIII,
#columnIX,
#columnX ,
#columnXI,
#columnXII {
    position : absolute;
	top : 6px;
	width : 400px;
}

#columnI { 
	left : 16px;
}

#columnII { 
	left : 426px;
}

#columnIII { 
	left : 836px;
}

#columnIV { 
	left : 1246px;
}

#columnV { 
	left : 1656px;
}

#columnVI { 
	left : 2066px;
}

#columnVII { 
	left : 2476px;
}

#columnVIII { 
	left : 2886px;
}

#columnIX { 
	left : 3296px;
}

#columnX { 
	left : 3706px;
}

#columnXI { 
	left : 4116px;
}

#columnXII { 
	left : 4526px;
}

#assets {
    position : absolute;
    top : 0;
    z-index : 30;
}

object, embed, param {
    margin : 0;
	padding : 0;
}