* {
	margin: 0;
	padding: 0;
}

body {
	background-color: black;	
	font-family: 'Segoe UI';
}

#slideshow .middlePanel #logo {
	position: absolute;
	top: 70px;
	left: 10px;
	z-index: 9;
}

#slideshow {
	background: url(images/vbar_slideshow.png);
	background: url(images/vbar_slideshow.png);
    background-attachment: fixed;
	height: 800px;
	overflow: hidden;
}

.middlePanel {
	position: relative;
	margin: 0 auto;
	width: 1200px;
}

#slideshow .middlePanel {
	height: 800px;
}

.middlePanel.shine {
	background: url(images/contentpanelflare.png);
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 800px;
}

#slide1 {
	height: 800px;
	background: url(images/slide1_nologo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
    background-attachment: fixed;
	display: none;
}

#slide2 {
	height: 800px;
	background: url(images/slide2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
    background-attachment: fixed;
	display: none;
}

#slide3 {
	height: 800px;
	background: url(images/slide3.jpg);
	background-repeat: no-repeat;
	background-position: top center;
    background-attachment: fixed;
	display: none;
}

#top_nav_bar {
	background: #111;
}

#fixed_nav_bar {
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0px;
	width: 100%;
	display: none;
	box-shadow: 0px 0px 20px black;
	z-index: 9;
}

#fixed_nav .logo {
	position: absolute;
}

ul.nav { 
	float: right;
}

ul.nav li{
	display: inline-block;
	padding: 20px;
	font-family: 'roboto_slabregular';
	font-size: 26px;
}

ul.nav li a {
	color: #FFAF4F;
	text-decoration: none;
	text-shadow: 0px 0px 5px #FFAF4F;
}

ul.nav li a:hover{
	color: white;
	text-shadow: 0px 0px 10px white;
}

ul.nav li a.active{
	color: #92b720;
	text-shadow: 0px 0px 20px #92b720;
}

#about {
	background: #87e0fd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4N2UwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDUzMWFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #87e0fd 0%, #0531aa 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#87e0fd), color-stop(100%,#0531aa)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #87e0fd 0%,#0531aa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #87e0fd 0%,#0531aa 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #87e0fd 0%,#0531aa 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #87e0fd 0%,#0531aa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#0531aa',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

#team {
background: #f5f6f6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNkYmRjZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNiOGJhYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNkZGRmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


	background-attachment: fixed;
	z-index: 1;
}
#overview {
	background-color: black;
}
#project {
	background: #51aa7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1MWFhN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA1ZDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #51aa7d 0%, #005d3b 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#51aa7d), color-stop(100%,#005d3b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #51aa7d 0%,#005d3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #51aa7d 0%,#005d3b 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #51aa7d 0%,#005d3b 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #51aa7d 0%,#005d3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51aa7d', endColorstr='#005d3b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


	background-attachment: fixed;
}

.hPanel {	
	background-attachment: fixed;
	box-shadow: 0px 0px 10px black;	
}

#footer {
	background: #606060; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTJkMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #606060 0%, #292d38 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#292d38)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606060 0%,#292d38 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606060 0%,#292d38 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606060 0%,#292d38 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606060 0%,#292d38 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#292d38',GradientType=0 ); /* IE6-8 */

	box-shadow: 0px 0px 10px black;
	height: 300px;
	text-align: center;
}

.infoPanel {
	background: url(images/contentpanelflare.png);
	background-position: top center;
	background-color :rgba(230, 230, 230, 0.8);
	padding: 10px;
	line-height: 22px;
	font-size: 13px;
	width: 300px;
	box-shadow: 0px 0px 10px black;
}
.infoPanel.orange {
	/*border: 5px solid #ed643f;*/
	border-left: 20px solid #ed643f;
}

.infoPanel.green {
	/*border: 5px solid #95cc00;*/
	border-left: 20px solid #95cc00;
}

h1 {
	font-family: 'roboto_slabregular';
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;	
	text-shadow: 1px 0px 1px black, -1px 0px 1px white;
}

.orange h1 {
	color: #ed643f;	
	border-bottom: 1px dotted #ed643f;
}

.green h1 {
	color: #92b720;
	border-bottom: 1px dotted #92b720;
}

#about .background {
	background-image: url(images/about_bg.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 200px;
}

#team .background {
	background-image: url(images/silhouette.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

#team .background .teamgrid  .infoPanel{
	float: left;
	margin: 40px;
}

#team .background .teamgrid  .infoPanel h1 {
	color: #005d3b;
}

#project .files {	
	position: relative;
	top: 100px;
	margin: 0px auto;
	background-image: url(images/folder.png);
	background-repeat: no-repeat;
	width: 688px;
	height: 600px;
	padding: 30px;
}

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

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


#footer  .footerText {
	color: white;
	padding: 20px;
	text-shadow: 2px 2px 2px black;
}

#footer .footerColumn {
	margin: 50px;
	float: left;
	color: white;
	width: 250px;
	text-shadow: 2px 2px 2px black;
}
#footer .footerColumn  ul{
	list-style-type: none;
}
#footer .footerColumn  ul li.header {
	font-weight: bold;
	margin: 10px 0px;
}