* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html,
body {
	background: #f4f4f4;
	height: 100%;
font-family: "Helvetica Neue", "Arial Narrow", Arial;
}

#container {
	width: 100%;
	height: 100%;
}

.Hidden {
display: none;
}

.Clear {
clear: both;
}

img {
display: block;
border: none;
}

.EmbedVideoScreen {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: block;
background: transparent url("/about/assets/images/hatch.png") repeat;
}

#navigation {
position: absolute;
z-index: 5000;
top: 35px;
right: 20px;
height: 21px;
}

#navigation ul {
position: relative;
font-weight: bold;
font-size: 16px;
float: left;
list-style: none;
}

#navigation a {
display: block;
color: #666;
height: 21px;
text-decoration: none;
padding: 0 10px 0 10px;
line-height: 21px;
}

#navigation a:hover {
color: #000;
}

#navigation li ul li a {
text-align:left;
}

#navigation li ul li a:hover {
}

#navigation li {
float: left;
}

#navigation li ul {
position: absolute;
left: -999em;
padding: 7px 0 7px 0;
background: #FFF;
height: auto;
width: 170px;
font-weight: normal;
opacity: .9;
border: 1px #ddd solid;
}

#navigation li ul li {
width: 170px;
}

#navigation li ul a {
font-size: 14px;
height: 18px;
font-weight: bold;
padding: 0 0 0 0;
margin: 0 10px 0 10px;
}

#navigation li ul li ul {
width: 100px;
margin: -10px 0 0 50px;
}

#navigation li ul li ul li {
width: 100px;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
left: -999em;
}

#navigation li:hover ul,#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
left: auto;
}

#navigation li:hover, #navigation li.sfhover {
}

li.NoHref > a {
cursor: default;
}

li.NoHref > a:hover {
color: #666 !important;
}

#inner {
position: relative;
margin: 0 auto 0 auto;
width: 920px;
}

#header {
width: 920px;
height: 100px;
background: #f4f4f4 url("/about/assets/images/header.png") no-repeat;
}

#header a {
display: block;
width: 215px;
height: 100px;
text-indent: -5000px;
}

#footer {
background: #f4f4f4 url("/about/assets/images/footer.png") no-repeat;
clear: both;
text-align: center;
color: #999;
font-size: 0.81em;
font-weight: bold;
padding: 1em;
}


#footer a {
color: #999;
}

.Blog .Clear,
.Blogs .Clear {
display: none;
}

.ContentBucket > .Clear {
/*position: relative;
left: -10px;
width: 920px;
height: 10px;
background: #f4f4f4 url("/about/assets/images/footer.png") no-repeat;
padding-bottom: 10px;*/
border-bottom: 1px #ccc solid;
}

.ContentBucket {
background: #f4f4f4 url("/about/assets/images/trunk.png") repeat-y;
padding: 0 10px 0 10px;
}

.Aggregate {
border: none;
background: transparent url("") no-repeat;
padding: 0 0 0 0;
}


.Context,
.Heading {
padding: 3.13em;
}

.Title {
color: #666;
font-size: 20px;
margin: 0 0 10px 0;
}

.Heading .Description,
.Splitview .Description,
.ContactInfo .Description {
/*-moz-column-count: 2;
-moz-column-gap: 3.13em;
-webkit-column-count: 2;
-webkit-column-gap: 3.13em;*/
}

.FlashStyle,
.Description li,
.Description a {
color: #666 !important;
font-size: 12px !important;
}

.Description li {
margin-left: 1.88em;
}

.Description li span{
color: #666 !important;
font-size: 12px !important;
}

.Description a {
font-weight: bold;
}

.Description a:hover {
color: #333 !important;
}

.Blog {
border-top: 1px #ccc solid;
position: relative;
}

.Blog .Title {
color: #666;
font-size: 1em;
}

.Blog .Title a {
color: #666;
font-size: 1em;
text-decoration: none;
}

.Blog .Title a:hover {
color: #333;
text-decoration: underline;
}

.Blog .Graphic {
position: relative;
}

.Blog a .Graphic {
width: 375px;
height: 200px;
overflow: hidden
}

.Blog a .Graphic img {
position: relative;
}

.Blog a:hover .Graphic {
border: 8px #333 solid;
width: 359px;
height: 184px;
}

.Blog a:hover .Graphic img {
top: -8px;
left: -8px;
}


.Indexes {
border-top: 1px #ccc solid;
width: 259px;
position: relative;
float: left;
}

.Index {
position: relative;
padding: 15px 20px 0px 20px;
list-style-type: none;
background: #fff;
}

.Index a {
display: block;
color: #666;
font-weight: bold;
font-size: 16px;
text-decoration: none;
padding-bottom: 15px;
border-bottom: 1px #ccc solid;
}

.Index:hover {
background: #f4f4f4;
}

.Indexes .Clear {
clear: both;
}

.IndexPairs {
padding: 0 0 0 0;
border-top: 1px #ccc solid;
border-left: 1px #ccc solid;
width: 640px;
position: relative;
float: left;
}

.IndexPairs .Data {
font-size: .9em;
font-family: monospace; 
margin: 0 3.13em 0 3.13em;
padding: 1.56em 0 1.56em 3.13em;
white-space: pre;
}

.IndexPair {
position: relative;
border-bottom: 1px #ccc solid;
}

.IndexPair .Context {
padding: 1.56em 3.13em 0 3.13em;
}

.IndexPair .Title {
font-weight: bold;
font-size: 18px;
}

.IndexPair .Description {

}

.VideoList .Data,
.VideoList .Context {
display: none;
}

.VideoList .IndexPair {
position: absolute;
border-style: none;
}

.VideoList .IndexPairs {
height: 438px;
}

.Album .Display {
float: left;
width: 800px;
}

.Album .Graphic {
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}

.Thumbnails {
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
position: relative;
float: left;
width: 100px;
height: 600px;
overflow: hidden;
}

.Thumbnails ul {
position: absolute;
top: 0;
left: 0;
}

.Thumbnail {
list-style-type: none;
}

.Thumbnail a {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
}

.Thumbnail a img {
position: relative;
}

.Thumbnail a:hover {
border: 8px #333 solid;
width: 84px;
height: 84px;
}

.Thumbnail a:hover img {
top: -8px;
left: -8px;
}


.Thumbnails .Active a {
border: 8px #BD3838 solid;
width: 84px;
height: 84px;
}

.Thumbnails .Active a img {
top: -8px;
left: -8px;
}

.ContactPage .Data {
display: none;
}

.ContactInfo {
border-bottom: 1px #ccc solid;
}

.ContactForm {
position: relative;
margin: 3.13em;
}

.ContactForm fieldset {
border-style: none;
}

.ContactForm fieldset div {
width: 375px;
position: relative;
height: 30px;
margin: 0 0 5px 0;
padding: 4px;
}

.ContactForm label {
position: absolute;
top: 0;
left: 0;
z-index: 0;
font-family: "Helvetica Neue", "Arial Narrow", Arial;
color: #000;
font-size: 16px;
padding: 8px;
font-weight: bold;
}

.ContactForm input,
.ContactForm textarea {
width: 365px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
font-weight: bold;
font-family: "Helvetica Neue", "Arial Narrow", Arial;
border: none;
background: #fff;
opacity: .7;
color: #666;
font-size: 16px;
border: 4px #ddd solid;
padding: 4px;
}

.ContactForm input:focus,
.ContactForm textarea:focus {
border-color: #ccc;
opacity: 1;
}

.ContactForm .Valid {
opacity: 1;
}

.ContactForm .Invalid ,
.ContactForm .Invalid {
border-color: #333;
}

.ContactForm textarea {
height: 148px;
}

.ContactForm .EmailTxtBodySet {
position: absolute;
top: 0;
left: 425px;
height: 158px;
}

.ContactForm .SubmitButtonFieldset div {
height: 3.13em;
border: none;
}

.SubmitButtonFieldset input {
width: 382px;
color: #666;
font-weight: bold;
font-size: 18px;
background: #fff;
text-align: left;
height: 3.13em;
border: none;
}

.SubmitButtonFieldset input:hover {
color: #333;
background: #f4f4f4;
}

.ServerResponseFieldset label {
display: none;
}

.ServerResponseFieldset input {
color: #999;
}

#footer-meta-data {
margin: 0 10px 20px 10px;
padding: 0 0 20px 0;
border-bottom: 1px #ccc solid;
}

#footer-meta-data > div {
padding: 0 20px 20px 20px;
float: left;
width: 258px;
height: 230px;
overflow: hidden;
border-right: 2px #ccc solid;
}

#footer-meta-data .Clear {
padding: 0 0 0 0;
margin: 0 0 0 0;
float: none;
clear: both;
height: auto;
border: none;
}

#footer-meta-data #fmd-mailer {
border: none;
}

#footer-meta-data h3 {
font-size: 14px;
}
#footer-meta-data span {
font-size: 13px;
}
#footer-meta-data p{
margin: 5px 0 5px 0;
}