@charset "utf-8";

/* CSS Document */





/* LAYOUT STYLES ---------------------------------------------------------- */



/* Global Styles */

#fullheight

{

height:100%;

overflow:hidden;

}



img, img a {

vertical-align: bottom;

border:0px;

}



.hidden {

display: none;

}



#mfpic

{

border-bottom:none;

text-decoration:none;

}



#clear {



clear: both;

margin: 0;              

padding: 0;

height: 0;

overflow: hidden;



}



:root{

overflow-y:scroll;

}





/* Main Page Styles */

html, body {

background:#1D1D1D;

margin:0;

padding:0;



}



#outer-bar

{

background:url("images/citybars.gif") repeat-x;

background-position: center 362px;

width:100%;

margin:auto;

}



#outer-bar-faded

{

background:url("images/citybars1.gif") repeat-x;

background-position: center 362px;

width:100%;

margin:auto;

}



#outer-container

{

width:950px;

margin:auto;

text-align:center;

background: url("images/citybg.gif") 0 0 no-repeat;

background-position:center 190px;

}



#outer-container-faded

{

width:950px;

margin:auto;

text-align:center;

background: url("images/citybg1.jpg") 0 0 no-repeat;

background-position:center 145px;

}



#outer-container-empty

{

width:950px;

margin:auto;

text-align:center;

}



#inner-container



{

width:800px;

margin:auto;

text-align:center;

margin:auto;

}



#top

{

height:50px;

text-align:center;

margin:auto;

}



#nav

{

height:150px;

text-align:center;

margin:auto;

}



#main-content-city

{

width:725px;

height:525px;

margin:auto;

text-align:center;

}



#mobile-content-city

{

width:725px;

height:525px;

margin:auto;

text-align:center;

margin-top:50px;

}



#main-content-empty

{

height:400px;

text-align:center;

margin:auto;

}



#main-content-top

{

text-align:center;

margin:auto;

height:75px;

padding-top:10px;

}



/* About/Contact/Careers PAGES */



#main-content-left

{

padding-left:100px;

padding-right:10px;

width:325px;

height:100%;

text-align:left;

float:left;

}



#main-content-right

{

padding-right:100px;

padding-left:100px;

width:150px;

height:100%;

text-align:left;

float:left;

}



#main-content-left2

{

background:#333333;

padding:10px;

width:440px;

height:100%;

text-align:left;

float:left;

}



#main-content-right2

{

padding-left:10px;

width:330px;

text-align:left;

float:left;

}



#external-controls a span

{

visibility:hidden;

display:none;

}



/* Experience PAGES */



#main-content-left1

{

background:#333333;

padding:10px;

width:240px;

height:100%;

text-align:left;

float:left;

}



#main-content-right1

{

padding-left:10px;

width:530px;

text-align:left;

float:left;

}



#main-content-center

{

padding: 0 10px 0 10px;

width:780px;

text-align:left;

float:left;

}



#content-dandelion

{

background:url("images/dandelion.jpg") no-repeat center;

width:780px;

min-height:520px;

margin-bottom:30px;

}



#content-dandelion-text

{

width:520px;

margin:auto;

}



#link1 a

{

float:left;

margin:250px 0 0 493px;

width:125px;

height:50px;

}



#link2 a

{

float:left;

margin:50px 0 0 433px;

width:130px;

height:30px;

}



#main-content-btm

{

float:left;

height:75px;

text-align:left;

}



#footer-main

{

text-align:center;

margin:auto;

padding-bottom:15px;

}



#footer

{

text-align:center;

margin:auto;

padding: 15px 0 15px 0;

}



#social-icons

{

margin:auto;

text-align:center;

display:inline;

}



.icons

{

display:inline-block;

width:29px;

height:29px;

margin:5px;

}



#logo

{

width:800px;

height:50px;

background-position:center;

text-align:center;

}





/* LAYOUT STYLES ---------------------------------------------------------- */











/* VISUAL STYLES ---------------------------------------------------------- */





.feature {

color:#999999;

font-family:"Century Gothic"

}



.feature a {

color:#1666C7

}



h1 {font-family:"Century Gothic", Arial, Verdana; font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:700;}



h3 {

	font-family: 'Andale Mono', sans-serif;

	font-size: 16px;

	background: #333333;

	color:#FFFFFF;

	margin: 0 0 4px 0;

	padding: 3px 0 1px;

	border-bottom: 1px #666666 dotted ;

}



.heading {font-family:"Century Gothic", Arial, Verdana; font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:700;}



.title {font-family:"Century Gothic", Arial, Verdana; font-size:16px; color:#CADB2A; text-decoration:none; line-height:3em;}



.projecttitle {font-family:"Century Gothic", Arial, Verdana; font-size:18px; color:#666666; text-decoration:none;}

.pagetitle {font-family:"Century Gothic", Arial, Verdana; font-size:18px; color:#00ADEF; text-decoration:none;}

.pagetitle-orange {font-family:"Century Gothic", Arial, Verdana; font-size:18px; color:#F79106; text-decoration:none;}

.teamtitle {font-family:"Century Gothic", Arial, Verdana; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:700;}



.text {font-family:"Century Gothic", Arial, Verdana; font-size:14px; color:#FFFFFF;  text-decoration:none; line-height:1.5em;}

.text a {color:#FFFFFF; border-bottom: 1px #FFFFFF dotted ; text-decoration:none;}

.text a:hover {color:#CCCCC; border-bottom:none; text-decoration:none;}



.cat {font-family:"Century Gothic", Arial, Verdana; font-size:12px; color:#666666; text-decoration:none; line-height:1.5em; font-weight:900;}



.footer, .footer a {font-family:"Century Gothic", Arial, Verdana; font-size:13px; color:#555; border-bottom:none; text-decoration:none;}

.footer a:hover {text-decoration:underline;}




.gray, .gray a {color:#999999;}
.orange, .orange a {color:#543A17;}



.mobile-links, .mobile-links a {font-family:"Century Gothic", Arial, Verdana; font-size:12px; color:#CCCCCC; border-bottom:none; text-decoration:none;}

.mobile-links a:hover {text-decoration:underline;}