/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	padding-top: 70px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
	display: block;
}




/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/

body {
	background: #212121;
    font-size: 12px;
    line-height: 1.5em;
    color: #444;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a {
    text-decoration: none;
    color: #0000FF;
}
a:hover {
    text-decoration: none;
	color: #ef4034;
}
p { margin: 0 0 1em }
strong { font-weight: 700 }
em { font-style: italic }
pre{
	margin: 20px 0;
	background: #eee;
	border: 1px solid #ddd;
	padding: 10px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
blockquote{
	border-left: 4px solid #ccc;
	padding-left: 20px;
    margin: 30px 0px;
}
.clear { clear: both }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.remove-margin { margin-right: 0 !important }

/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/

#wrap{
	overflow: hidden;
	background:#fff;
	margin-top: 0;
	margin-bottom: 30px;
	/*padding: 30px 30px 0;*/
    width: 1250px;
    padding-left: 5px;
    margin-right: auto;
    padding-right: 5px;
    margin-left: auto;

	/*
	-moz-box-shadow: 0px 0px 8px rgb(0,0,0);
	-webkit-box-shadow: 0px 0px 8px rgb(0,0,0);
	box-shadow: 0px 0px 8px rgb(0,0,0);
	*/
}


/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
#logo h2,
#logo h1 {
    margin: 0 !important;
    font-size: 36px;
	font-weight: 800;
	line-height: 1em !important;
}
#logo h2 a,
#logo h1 a {
    color: #000;
    text-decoration: none;
}
#logo h2 a:hover,
#logo h1 a:hover { color: #999 }

#page-heading{
	margin: 0px -10px 0px;
	padding: 0px 30px;
	height: 40px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	position: relative;
}
#page-heading h1,
#page-heading h2{
	font-size: 21px;
	line-height: 40px;
	color: #000;
	text-shadow: 0px 0px 0px #fff;
	margin: 0px !important;
}

/*-------------------------------------------------*
/* = Header
/*-------------------------------------------------*/
#header {
	margin: 0 auto;
	position: relative;
	width: 1250px;
	padding: 0px 0px;
}
#logo a{
	font-size: 24px;
  	font-weight: normal;
  	color: #E8E8E8;
	letter-spacing: -1px;
	line-height: 0em;
	padding-left: 30px;
	margin: 0px;
    	text-decoration: none;
}
#logo a:hover { color: #FFF; }



/*-----------------------------------------------------------------------------------*/
/* = Home
/*-----------------------------------------------------------------------------------*/

.home-wrap{
	margin: -30px;
}

#home-tagline{
	padding: 20px 30px;
	background:#eee;
	color: #666;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	margin-top: -30px;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#home-tagline a{
	color: #ef4034;
}
#home-tagline a:hover{
	border-bottom: 1px dotted #ef4034;
}
#home-projects {
	margin: 0px 30px 0px;
}
h2.home-projects-heading{
	font-size: 14px;
	font-weight: bold;
	border-bottom: double #eee;
	padding-bottom: 5px;
}






/* MY STYLES */
#logo a {display:block; width:500px; float:left; text-align: right; padding-right: 2em;}
#logo img {margin-top: 18px; margin-bottom: 18px;}
#navigation {position: static; float: right; padding-top: 30px;}
#searchbar {float:right; margin: 15px 20px 0;}

.clientsquarewrap {width: 1000px; margin: 0 auto;}
.clientsquare {float: left; display: block; padding: 25px; width: 300px; height: 200px; }
.clientsquare img {height: 170px; }
.clientsquare h3 {text-align: center;}

			body, table {font-family: Helvetica Neue, Helvetica, serif; font-size: 12px;}
			.frontpagetable {border: 2px solid black; border-radius: 3px; -moz-border-radius: 3px; margin-top: 2em;}
			.frontpagetable td, .frontpagetable th {border: none; padding: 3ex;}
			.frontpagetable th, .frontpagetable th h2 {text-align: center;}
			.frontpagetable td img {border: 1px solid black;}
			.frontpagetable p {font-size: 120%;}
			p.frontpage {font-size: 20px; margin: 0.5em 15% 1.5em 15%; line-height: 1.2em;}
			.otherpages {font-size: 20px; margin: 0.5em 15% 1.5em 15%; line-height: 1.2em; text-align: left; clear: left;}

			a {color: #0000bb;}
			h1, h2, h3 {text-align: left; font-weight: 500;}
			.subheader {padding: 58px 0px 30px 0px; font-size: 32px; font-weight: 300; color: white;}
			.post {text-align: center; padding: 2em 0px 1em 0px !important; margin: 0px !important;}
			
			.videoframe {border: solid black; border-width: 2px 1px;}
			
			.menubar {clear: both; font-size: 16px; font-weight: 300; color: white; padding: 0 0 1% 0; margin: 1% auto; width: 640px;}
			.menubar .menuitem, .menubar .menuitem-active {padding: 0.25% 2%; float: left; clear: right;  text-align: center;}
			.menubar .menuitem {border-right: 1px solid #999999; border-left: 1px solid #999999;}
			.menubar .menuitem-active {background: #ddddee; color: black;}
			.menubar .menuitem:last-child {border-right: none;}
			.menubar .menuitem:first-child {border-left: none;}
			.menubar .menuitem a {color: #7777ff;}
			.menubar .menuitem a:visited {color: #ccccff;}
			.menubar .menuitem a:active {color: #101010;}
			.menubar .menuitem-active a {color: black !important;}
			span.deemphasize, span.attribution {font-size: 75%;}
			span.attribution {font-style: italic;}

.loginform {
	float: right;
	text-align: right;
	clear: right;
	padding-top: 1ex;
	color: #ddddee;
	font-size: 10px;
}

.loginform input {
	background-color: #ddddee;
	border: 1px solid #333333;
	margin: 1px;
}


/* Button code adapted from http://css-tricks.com/examples/ButtonMaker/ */

.buttons {
	clear: both;
	width: 938px;
	height: 6em;
	margin: 0.5em auto 1.5em auto;
	text-align: center;
	clear: both;
	padding: none;
}

.button {
	border: 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 24px;
	text-decoration: none;
	vertical-align: middle;
	padding: 1ex 0;
	margin: 1ex 25px;
	float: left;
	clear: right;
	width: 260px;
	text-align: center;
}

.button a, .button a:link, .button a:visited {color: white;}
.button a:hover, .button a:active {color: black;}

.buttons .button:first-child { margin-left: none; }
.buttons .button:last-child { margin-right: none; }

.button-red {
	border-color: #330000;
	background: #cc0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#cc0000));
	background: -webkit-linear-gradient(top, #ff0000, #cc0000);
	background: -moz-linear-gradient(top, #ff0000, #cc0000);
	background: -ms-linear-gradient(top, #ff0000, #cc0000);
	background: -o-linear-gradient(top, #ff0000, #cc0000);
	color: white;
}

.button-red:hover {
	border-color: #990000;
	background: #ff6666;
	color: #000000;
}

.button-red:active {
	border-color: #ffcccc;
	background: #ffffff;
}

.button-green {
	border-color: #009900;
	background: #00cc00;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ee00), to(#00cc00));
	background: -webkit-linear-gradient(top, #00ee00, #00cc00);
	background: -moz-linear-gradient(top, #00ee00, #00cc00);
	background: -ms-linear-gradient(top, #00ee00, #00cc00);
	background: -o-linear-gradient(top, #00ee00, #00cc00);
	color: white;
}

.button-green:hover {
	border-color: #009900;
	background: #33ff33;
	color: #000000;
}

.button-green:active {
	border-color: #99ff99;
	background: #ffffff;
}

.button-blue {
	border-color: #000033;
	background: #0000cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#0000cc));
	background: -webkit-linear-gradient(top, #0000ff, #0000cc);
	background: -moz-linear-gradient(top, #0000ff, #0000cc);
	background: -ms-linear-gradient(top, #0000ff, #0000cc);
	background: -o-linear-gradient(top, #0000ff, #0000cc);
	color: white;
}

.button-blue:hover {
	border-top-color: #000099;
	background: #9999ff;
	color: #000000;
}

.button-blue:active {
	border-color: #ccccff;
	background: #ffffff;
}

.btn-login {
  background: #00CCFF;
  border-radius: 6px;
  color: #ffffff;
  font-size: 18px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.btn-login:hover {
  background: #0099CC;
  text-decoration: none;
}

.launch-link {
    color: white;
}

.img-overlay {
    position: relative;
    max-width: 500px;
}

.project-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41,128,185,0.9);
    color: #fff;
    padding: 50%;
    padding: 50%;
}

.text {
    max-width: 500px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.peopleCarouselImg img {
  width: auto;
  height: 225px;
  max-height: 225px;
}

.carousel-caption {
    top: 0;
    bottom: auto;
}

.datarich {
	font-size: 30px;
	color: white;
}

.memoryspace {
	font-size: 20px;
	color: white;
 	font-style: italic;
 	text-align: center;
}