/*
Version: 2.0
License: New BSD License
License URI: license.txt
*/
/** 
	Released under New BSD License
	http://www.opensource.org/licenses/bsd-license.php
	 
	Copyright (c) 2012, PriteshGupta.com
	All rights reserved.
	
	Redistribution and use in source and binary forms, with or without modification,
	are permitted provided that the following conditions are met:
	
		* Redistributions of source code must retain the above copyright notice,
		  this list of conditions and the following disclaimer.
	
		* Redistributions in binary form must reproduce the above copyright notice,
		  this list of conditions and the following disclaimer in the documentation
		  and/or other materials provided with the distribution.
	
		* Neither the name of PriteshGupta.com nor the names of its
		  contributors may be used to endorse or promote products derived from this
		  software without specific prior written permission.
	
	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
	ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
	WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
	DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
	ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
	(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
	LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
	ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
	(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
	SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
html, body {
	height:100%;
}
* {
	outline:none;
}
body {
	margin:0px;
	padding:0px;
	background:#000;
	font-family:'Century Gothic', arial, serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
}


/*iframe window for content desc*/

iframegroup{
	position:fixed;
	z-index:3;
	right:10px;
	bottom: 35%;
	opacity:0.9;
	padding:10px;
	
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	
	
	color:#fff;
	font-size:36px;
	float:left;
	clear:both;
	
	/*left:100px; 
	top:10px; 
	padding:10px 15px; */
	background:#000; /*no rgba support*/ 
	background:rgba(0,0,0,0.7); 
	/*max-width:40%;*/

	-webkit-box-shadow:0 0 50px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 50px rgba(0,0,0,0.4);
	box-shadow:0 0 50px rgba(0,0,0,0.4);
	
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

}


iframegroup img:hover {
	background: rgba(51, 255, 102, .7);
	
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

ilaunchgroup{
position:fixed;
	z-index:3;
	right:10px;
	bottom: 85%;
	opacity:0.9;
	padding:10px;
	
	/*left:100px; 
	top:10px; 
	padding:10px 15px; */
	background:#000; /*no rgba support*/ 
	background:rgba(0,0,0,0.7); 
	/*max-width:40%;*/

	-webkit-box-shadow:0 0 50px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 50px rgba(0,0,0,0.4);
	box-shadow:0 0 50px rgba(0,0,0,0.4);
	
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

}


hgroupsub h4{
	position:fixed;
	z-index:3;
	left:30px;
	top:77px;
	padding:10px;
	/* background:url(images/fs_img_g_bg.png);*/
	color:#0B75AF;
	font-family:'Century Gothic', arial, serif;
	font-size: 15px; /* was 22*/
	letter-spacing: 4px;
	text-shadow:rgba(0, 0, 0, 0.50) 0 1px 1px;
	margin: 0px;
}


hprogressImage {
	position:fixed;
	z-index:3;
	right:0px;
	top:0px;
	padding:0px;

}

hprogressImageAnimation {
	position:fixed;
	z-index:3;
	right:0px;
	top:135px;
	padding:0px;

}



hasulogo {
	position:fixed;
	z-index:3;
	left:0px;
	top:0px;
	padding:0px;
	/* background:url(images/fs_img_g_bg.png);*/
	color:#FFF;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	text-shadow:rgba(0, 0, 0, 0.50) 0 1px 1px;
	opacity: 0.7;
}


hgroup {
	position:fixed;
	z-index:3;
	left:0px;
	top:60px;
	padding:0px;
	/* background:url(images/fs_img_g_bg.png);*/
	color:#FFF;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	text-shadow:rgba(0, 0, 0, 0.50) 0 1px 1px;
}

hgroup h1 {
	margin: 0px;
	/* background:url(images/fs_img_g_bg.png);*/
	padding:0px;
	text-shadow:rgba(0, 0, 0, 1) 3px 2px 0;
}
hgroup h4 {
	font-family:'Century Gothic', arial, serif;
	font-size: 16px; /* was 22*/
	font-weight:normal;
	margin: 0px;
}

hgroup a {
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px dashed #FFF;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
hgroup a:hover {
	background: rgba(0, 0, 0, 0.50);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#toolbar {
	position:fixed;
	z-index:3;
	right:10px;
	top:10px;
	padding:5px;
	background:url(images/fs_img_g_bg.png);
}
#toolbar img {
	border:none;
}
#img_title {
	position:fixed;
	z-index:3;
	right:10px;
	bottom: 55%;
	padding:10px;
	background:url(images/fs_img_g_bg.png);
	color:#fff;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	text-transform:uppercase;
	font-size: 30px;
	letter-spacing: 1px;
	text-shadow:rgba(0, 0, 0, 1) 0 2px 2px;
}
#bg {
	position:fixed;
	z-index:1;
	overflow:hidden;
	width:100%;
	height:100%;
}
#zoverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: url(images/dotted.png);
	opacity: 0.3;
}
#bgimg {
	display:none;
	-ms-interpolation-mode: bicubic;
}
#preloader {
	position:relative;
	z-index:3;
	width:32px;
	padding:20px;
	top:80px;
	margin:auto;
	background:#000;
}
#thumbnails_wrapper {
	z-index:2;
	position:fixed;
	bottom:0%;
	width:100%;
	height: 205px;
	background:url(images/empty.gif); /* stupid ie needs a background value to understand hover area */
}
#outer_container {
	position:relative;
	padding:0;
	width:100%;
	margin:40px auto;
}
#outer_container .thumbScroller {
	position:relative;
	overflow:hidden;
	background:url(images/fs_img_g_bg.png);
	background: rgba(0,0,0,0.850);
}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content {
	height:170px;
}
#outer_container .thumbScroller .container {
	position:relative;
	left:0;
}
#outer_container .thumbScroller .content {
	float:left;
}
#outer_container .thumbScroller .content div {
	margin:5px;
	height:100%;
}
#outer_container .thumbScroller img {
	border:3px solid #fff;
}
#outer_container .thumbScroller .content div a {
	display:block;
	padding:5px;
}

#funders {
	margin-top: 5px;
	height:138px;
}

.nextImageBtn, .prevImageBtn {
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	margin:-25px 10px 0 10px;
	z-index:3;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}
.nextImageBtn:hover, .prevImageBtn:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}
.nextImageBtn {
	right:0;
	background:#000 url(images/nextImgBtn.png) center center no-repeat;
}
.prevImageBtn {
	background:#000 url(images/prevImgBtn.png) center center no-repeat;
}



/*initial placement of the menu*/
ul.menu {
	position:fixed;
	z-index:3;
	left:0px;
	top:152px;
	margin:0;
	margin-top: -0px;/* was -70 this is the four bar black menu*/
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	/*width:680px;*/
}

ul.menu a {
	text-decoration:none;
	outline:none;
}
/*this is the placement of each of the boxes*/
ul.menu li {
	float:left;
	width:90px;/*was 170*/
	height:85px;
	position:relative;
	cursor:pointer;
}
/* this is the background black box */
ul.menu li a {
	position:absolute;
	top:0px;
	left:0px;
	width:90px;/*was 170*/
	height:25px; /*100*/
	z-index:12;
	background:transparent url(images/overlay.png) no-repeat bottom right;
	background-color: rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
/*this is the image hide ect */
ul.menu li a img {
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}

/*this is the effect word move down*/
ul.menu li span.wrap {
	position:absolute;
	top:5px;/*25 works with the nav.js animate feature*/
	left:0px;
	width:90px;/*was 170*/
	height:60px;
	z-index:15;
}

/*this is the drop down shadow */
ul.menu li span.active {
	position:absolute;
	background: rgba(0, 0, 0, 0.75);
	top:5px;/*was 85*/
	width:90px;/*was 170*/
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
}

/*this is font desc*/
ul.menu li span span.link, ul.menu li span span.link2, ul.menu li span span.descr,  ul.menu li span span.descr2, ul.menu li div.box a {
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
/*color of top font*/
ul.menu li span span.link {
	color:#fff;
	font-size:12px;
	float:left;
	clear:both;
}

/*color and double line depth of desc*/
ul.menu li span span.descr {
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}

/*For special GO font and color changes for the vft*/
ul.menu li span span.link2 {
	color:#0f0;
	font-size:24px;
	float:left;
	clear:both;
}

/*For special ACCESS font and color changes for the vft*/
ul.menu li span span.descr2 {
	color:#ff0;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}

/*not sure*/
ul.menu li div.box {
	display:block;
	position:absolute;
	width:90px;/*was 170*/
	overflow:hidden;
	height:60px;/*was 170*/
	top:85px;
	left:0px;
	display:none;
	background:#000;
}

/* not sure  */
ul.menu li div.box a {
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}

/* not sure  */  
ul.menu li div.box a:first-child {
	margin-top:15px;
}

/* not sure  */
ul.menu li div.box a:hover {
	color:#fff;
}

article {
	display:none
}
.image {
	border: 2px solid rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	float: right;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
/* Pop Up */
#popupAbout, #popupProjects, #popupContact, #popupBlog {
	height: 500px;
	width: 600px;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.80);
	border: 1px solid #cecece;
	z-index: 15;
	padding: 20px;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-top: -20px;
	visibility: hidden;
}
#popupAbout p, #popupProjects p, #popupContact p, #popupBlog p {
	padding-left: 10px;
	font-size: 16px;
	line-height: 24px;
}
#popupAbout h1, #popupProjects h1, #popupContact h1, #popupBlog h1 {
	text-align: left;
	font-size: 30px;
	letter-spacing: 1px;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 2px;
	margin: 0;
}
#popupAboutClose, #popupProjectsClose, #popupContactClose, #popupBlogClose {
	position: relative;
	left: 580px;
	top: 0px;
	display: block;
	opacity: 0.5;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}
#popupAboutClose:hover, #popupProjectsClose:hover, #popupContactClose:hover, #popupBlogClose:hover {
	opacity: 1;
	-webkit-transition:all .25s linear;
	-moz-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}

/* Pop Up */

popupContentTopic, p {
	margin-top: 10px;
	font-family:'Century Gothic', arial, serif;
	padding-left: 30px;
	font-size: 18px;
	line-height: 24px;
	width: 600px;
	text-align: left; 
}

.border {
	height: 3px;
	clear: both;
	border-bottom: 1px dotted #FFF;
}
*:focus {
	outline: none;/* Prevents blue border in Webkit */
}
form {
	font-family:'Century Gothic', arial, serif;
	width: 350px;
	margin-left: 25px;
}
input, textarea {
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 300px;
	min-height: 30px;
	display: block;
	margin-bottom: 16px;
	margin-top: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #fff;
}
textarea {
	min-height: 200px;
	resize:none;
}
input:focus, textarea:focus {
	-webkit-box-shadow: 0 0 25px #ccc;
	-moz-box-shadow: 0 0 25px #ccc;
	box-shadow: 0 0 25px #ccc;
}
/* The interesting bit */
input:not(:focus), textarea:not(:focus) {
	opacity: 0.5;
}
input:required, textarea:required {
 background: url("images/asterisk_orange.png") no-repeat 280px 7px;
}
input:valid, textarea:valid {
 background: url("images/tick.png") no-repeat 280px 5px;
}
input:focus:invalid, textarea:focus:invalid {
 background: url("images/cancel.png") no-repeat 280px 7px;
}
input[type=submit] {
	font-size: 24px;
	padding: 10px;
	background: none;
	opacity: 1.0;
}
#social-network img {
	float: right;
	margin-left: 20px;
	opacity: 0.6;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#social-network img:hover {
	opacity: 1;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
#social-network {
	float: right;
	margin-top: -150px;
	float: left;
	margin-left: 475px;
}
.map {
	margin-top: -500px;
	margin-right: 25px;
	border: 5px solid rgba(255, 255, 255, 0.30);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	float: right;
}
.date {
	float: left;
	position: relative;
	margin-right: 10px;
	padding: 44px 5px 0;
}
.date .month {
	text-transform: uppercase;
	font-size: 25px;
}
.date .day {
	font-size: 35px;
	line-height: 45px;
	position: absolute;
	left: 5px;
	top: 0;
}
.date .year {
	display: block;
	position: absolute;
	right: -5px;
	top: 15px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}