/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background:url(../img/backgrounds/geometry/geometry.png)	
}

.centerAlign{
	text-align:center;	
}

.hyperspan {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

.header{
	padding: 30px;
	margin-bottom: 30px;
	font-size: 21px;
	font-weight: 200;
	line-height: 2.1428571435;
	color: inherit;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#4f4f4f), color-stop(100%,#212121));
	outline:#000;
}

.headerImage
{
	background-image:url(../img/transparentGamesHeader.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;	
	height: 150px;
}

.headerImage2
{
	background-image:url(../img/transparentGamesHeader.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;	
	height: 130px;
}

.panel-default>.panel-heading{
	background-repeat:no-repeat;
}

.panel-heading{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	height:100px;
}

.hyperspan-holder{
	width:100%;
	height:100%;
	position:relative;
}

.panel-title{
	font-size:36px;
	color:#eee;
	width:auto;
	width:100%;
	height:100%;
	position:relative;
}

.panel-title a:hover{
	text-decoration:none;
	color:#F39;	
}

.visiblePanelTitle hover{
	text-decoration:none;
	background-color:#F39;	
	color:#F39;
}

a.hover-title-holder h4
{
	display: inline-block;
	font-size:25px;
	color:#333;
	/*color:#eee;*/
	/*background-color:#333;*/
	background-color:rgba(238, 238, 238, 0.8);
	padding:2px 8px;
	border-radius: 5px;
}

a.hover-title-holder:hover h4
{
	/*background-color:#f39;*/
	background-color:rgba(163, 177, 190, 0.8);

}

.panel-body{
	font-size:18px;
	line-height:24px;	
}

#titlePanel{
	margin-bottom:5px;	
}

#resizedMe img{
	width:150px;	
}

#resizedMe2 img{
	width:100%;
}

#intro{
	margin-bottom: 35px;	
}

#introTitle{
	font-size:36px;
	margin-bottom:0px;
}

#introContent{
	font-size:20px;
	margin-bottom:60px;
}

#introContent2{
	font-size:22px;
	line-height:45px;
	padding-top:10px;
	padding-left:10px;
}

#accordion{
	margin-top:0px;	
}

#nameHeader{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#4f4f4f), color-stop(100%,#212121));	
}

#thresholdHeader{
	background-image:url(../img/threshold3.png);	
}

#fencingHeader{
	background-image:url(../img/fencingHeader.png);	
}

#nomplementaryHeader{
	background-image:url(../img/NomplementaryHeader.png);	
}

#rainBugHeader{
	background-image:url(../img/RainBugHeader.png);	
}

#whirlHeader{
	background-image:url(../img/WhirlHeader.png);	
}

#wingedLightsHeader{
	background-image:url(../img/wingedLightsHeader.png);	
}

#robockeyHeader{
	background-image:url(../img/robockeyHeader.png);	
}

#genderToysHeader{
	background-image:url(../img/genderToysHeader.png);	
}

#fractureHeader{
	background-image:url(../img/fractureHeader.png);	
}

#reconstellationHeader{
	background-image:url(../img/ReConstellation3.png)	
}

#PaletaBrillanteHeader{
	background-image:url(../img/PaletaBrillanteHeader.png)	
}

#nonomslandHeader{
	background-image:url(../img/NoNomsLand.png)	
}

#sharpshifterHeader{
	background-image:url(../img/SharpShifter.png)	
}

#streetlightHeader{
	background-image:url(../img/StreetlightSweeper.png);	
}

#shutterbugHeader{
	background-image:url(../img/shutterbugHeader.png);	
}

#threedeeHeader{
	background-image:url(../img/3D/marketplace.jpg);	
}

#girlsgamesHeader{
	background-image:url(../img/girlsGames/girlsGamesHeader.png);	
}

#photoHeader{
	background-image:url(../img/photography/museumWater.jpg);	
}

footer{
	text-align:center;	
}