@charset "utf-8";
/* CSS Document */

.leftArrow
{
	background:url(../img/leftArrow.png);
	width:45px;
	height:32px;
	float:left;
	margin-top:13px;
}

.rightArrow
{
	background:url(../img/leftArrow.png);
	width:45px;
	height:32px;
	float:right;
	margin-top:13px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}

.topRight
{
	width:180px;
	height:54px;
	float:right;
}

.fbIcon
{
	background:url(../img/facebook.png);
	float:left;
	width:9px;
	height:16px;
	margin-right:10px;
	margin-left:10px;
	margin-top:5px;
}

.twitterIcon
{
	background:url(../img/twitter.png);
	float:left;	
	width:12px;
	height:16px;
	margin-right:10px;	
	margin-top:5px;	
}

.youtubeIcon
{
	background:url(../img/youtube.png);
	float:left;	
	width:22px;
	height:16px;
	margin-right:10px;	
	margin-top:5px;	
}

.newsletterIcon
{
	background:url(../img/newsletter.png);
	float:left;	
	width:22px;
	height:16px;
	margin-right:10px;	
	margin-top:5px;	
}

.logo
{
	/*float:left;*/
	position:absolute;
	top:0px;
	left:0px;
	background: #fff url(../img/logo.png) no-repeat;
	/*margin-left:20px;*/
	width:60px;
	height:60px;
}

.geeksThought
{
	/*float:left;*/
	position:absolute;
	top:10px;
	left:70px;
	background:url(../img/geeksThought.png) no-repeat;
	/*background-color:#FFF;*/
	/*margin-left:5px;*/
	width:163px;
	height:40px;
	/*float:left;
	margin-top:10px;*/
}

.topNav
{
	position:fixed;
	background-color: rgb(248, 207, 0);
	z-index:1000;
	height:60px;
}


.middleScreen
{
	margin:-2px;
	padding:0px;
	/*border:#000 1px solid;*/
}


.middleScreen img{
    visibility:hidden;

/*	top:0px;
	margin:0px;
*/}

.footerNavigation
{
	clear:both;
	width:100%;
	height:54px;
	background:url(../img/footerNavigation.jpg) repeat-x;
	margin:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
	color:#c5c5c5;
	position:fixed;
	z-index:1000;
	bottom:45px;
}

.footerNavigation a
{
	color:#c5c5c5;
	text-decoration:none;
	
}

.footerNavigation .left
{
	background:url(../img/footerLeft.png) no-repeat;
	background-position:left;
	padding-left:55px;
	float:left;
}

.footerNavigation .center
{
	margin:0px auto;
	padding-left:20px;
}

.footerNavigation #active
{
	color:#f8cf00;
}


.footerNavigation .right
{
	background:url(../img/footerRight.png) no-repeat;
	background-position:right;
	padding-right:55px;	
	float:right;
}

.quickNavigation
{
	clear:both;
	width:100%;
	height:45px;
/*	background:url(../img/footerNavigation.jpg) repeat-x;*/
	margin:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	color:#000;
	padding-top:10px;
	position:fixed;
	bottom:0px;
	background-color:#ECF0F1;
	z-index:999;
}

.quickNavigation .moveLeft
{
	border-right: 1px #999 solid;
	border-right-style:groove;
	padding:0px 10px 0px 10px;
	float:left;
}

.quickNavigation .moveLeft a
{
	color:#000;
	text-decoration:none;
	
}

.quickNavigation #web48
{
	color:#F79607;
	font-weight:bold;
}

.quickNavigation .bottomRight
{
	float:right;
	font-size:16px;
	padding-top:5px;
	margin-right:10px;

}

.quickNavigation .bottomRight span
{
	font-size:12px;
}

.st_sharethis_custom
{
	background:url(../img/share.png) no-repeat;
	width:45px;
	height:32px;
	position:absolute;
	top:60px;
	right:50px;
}

.socialBG
{
	background:url(../img/socialBg.png) no-repeat;
	width:120px;
	height:31px;
	position:absolute;
	top:60px;
	right:110px;
}


#aboutUsContent{
	width:100%;
	background:url(../img/aboutUsBg.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

#whiteLabelContent
{

	width:100%;
	background:url(../img/whiteLabel.jpg) 50% 0 no-repeat fixed;
	color: #000;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

#web48Content
{
	width:100%;
	background:url(../img/web48.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

#contactContent
{
	width:100%;
	background:url(../img/darkContact.png);
	color: white;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}

.story{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
	text-align:justify;
}

.story p
{
	font-size:16px;
}

.story h3
{
	font-size:16px;
}

.story active
{
	font-size:20px;
	color:#F8CF00;
	text-transform:uppercase;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 75%;	
}

.contactStory
{
	padding-top:58px;
}

.upArrow
{
	background:url(../img/upArrow.png);
	width:64px;
	height:64px;
	position:fixed;
	right:10px;
	bottom:100px;
	z-index:1000;
}

.contactBox
{
	width:1000px;
	margin:0px auto;
	margin-top:10px;
}

.contactform {
	width: 460px;
	float: left;
/*	border:#F00 1px solid;*/
}

#contactForm input
{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	display:block;
	color: #8c8c8c;
	width: 460px;
	border: none;
	background: #454545;
	margin:10px;
	
}

#contactForm input[type="text"] {
padding: 11px 8px;
border: 1px solid #ddd;
margin-bottom: 10px;
}

.contactinfo {
width: 442px;
float: right;
/*border:1px solid blue;*/
}

#map
{
	background-color:#CCC;
	width:100%;
	/*margin:0 auto;*/
	height:200px;
}