@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;
}

#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;}
.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:12px; color:#DBDBDB;  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:12px; color:#333333; border-bottom:none; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

.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;}