/* Search for "Club red" */
/* Search for "Club blue" */

div#BoxHolder {
	margin:auto;
	width:auto;
	position:relative;
	overflow:hidden;
}
div#BoxHolder .BigBox {
	height:200px;
	width: 300px;
	margin:22px;	
	margin-bottom:10px;
	float:left;
	position:relative;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	color:white;
	opacity:.9;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;	
	cursor: pointer; 
}
div#BoxHolder .BigBox:hover {
	top:-1px;
	opacity:1;
	box-shadow: 3px 5px 5px hsla(240,0%,0%,.3);
} 
.BigBox .ExpandBox {
	background-image:url('/images/fullscreen.png');
	background-color:black;		
	width:20px;
	height:21px;
	position:absolute;
	bottom:0px;
	right:0px;
	-moz-opacity:1;
	opacity:1;
}
div#BoxHolder .BigBoxHeading { 
	text-transform:uppercase;
	text-align:center;
	width:100%;
	text-decoration:none; 
	color:white;
	margin-top:60px;
	text-align: center;
	color: white;
	font-weight: 100;
	font-size: 2.5em;
	letter-spacing: 3px; 	
}	
div#BoxHolder .BigBoxSubTitle {
	text-transform:uppercase;
	text-align:center;
	font-size:15px;
	width:100%;
	border-bottom :none;
	text-indent: 5px;
	text-decoration:none; 
	color:#eeeeee;
	margin-top:15px;
	margin-bottom:15px;
}	
div#BoxHolder .BigBoxSubTitle a:hover {
	text-decoration:underline;
}	
div#BoxHolder .BigBoxSubTitle a:hover:before{
	text-decoration:none;
}	
div#BoxHolder .BigBoxContent {
	text-align:justify;
	font-size:12px;
	width:auto;
	border-bottom :none;
	text-decoration:none; 
	color:#eeeeee;
	margin-left:15px;
	margin-right:15px;
}	
div#BoxHolder .BigBox:nth-child(even) {
	background-color:#ff0000; /* Club red */
}
div#BoxHolder .BigBox:nth-child(odd) {
	background-color:#131eee;/* Club blue */
}
div#BoxHolder .BigBox:hover {
	opacity:1;
} 
div#BoxHolder .BigBox:nth-child(3n+1) {
	margin-left:0px;
}
div#BoxHolder .BigBox:nth-child(3n) {
	margin-right:0px;
}
div#BoxHolder .BigBox:nth-child(1) {
	-webkit-animation: sliderMoveFromLeft 1s;
	-moz-animation: sliderMoveFromLeft 1s;
	animation: sliderMoveFromLeft 1s;
}
div#BoxHolder .BigBox:nth-child(2) {
	-webkit-animation: FadeIn 1s;
	-moz-animation: FadeIn 1s;
	animation: FadeIn 1s;
}
div#BoxHolder .BigBox:nth-child(3) {
	-webkit-animation: sliderMoveFromRight 1s;
	-moz-animation: sliderMoveFromRight 1s;
	animation: sliderMoveFromRight 1s;
}
div#BoxHolder .BigBox:nth-child(4) {
	-webkit-animation: sliderMoveFromBottomLeft 1s;
	-moz-animation: sliderMoveFromBottomLeft 1s;
	animation: sliderMoveFromBottomLeft 1s;
}
div#BoxHolder .BigBox:nth-child(5) {
	-webkit-animation: sliderMoveFromBottom 1s;
	-moz-animation: sliderMoveFromBottom 1s;
	animation: sliderMoveFromBottom 1s;
}
div#BoxHolder .BigBox:nth-child(6) {
	-webkit-animation: sliderMoveFromBottomRight 1s;
	-moz-animation: sliderMoveFromBottomRight 1s;
	animation: sliderMoveFromBottomRight 1s;
}
div#BoxHolder div#Box5 {
	background-color:#eeeeee;
}
div#BoxHolder a {
	color:white;
}
div#BoxHolder .BigBoxSubTitle {
	text-transform:uppercase;
}
div#BoxHolder .FullScreen {
	display:none;
	-webkit-animation: GoFullScreen 1s ; /* Chrome, Safari, Opera */
	-moz-animation: GoFullScreen 1s ; /* Chrome, Safari, Opera */
	-o-animation: GoFullScreen 1s ; /* Chrome, Safari, Opera */
	animation: GoFullScreen 1s ;
	width:970px;
	height:440px;
	position:absolute;
	top:20px;
	left:0px;
	background-color:#f6f6f6;	
	color:blue;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left: 10px;
	padding-right: 10px;
}
div#BoxHolder .FullScreen .Title {
	text-align:center;
	text-transform:uppercase;
	font-size:1.8em;
	margin-top:0px;
	margin-bottom:10px;
	color:#ff0000; /* Club red */
}
div#BoxHolder .FullScreen .Content {
	color:black;
	width:auto;
	margin:auto;
}
div#BoxHolder .FullScreen .SubTitle {
	color:black;
}
div#BoxHolder .FullScreen a {
	color:blue;
}
div#BoxHolder .FullScreen a:hover{
	color:blue;
	text-decoration:underline;
}
div#BoxHolder .FullScreen  .News-Headline a {color:white;}
div#BoxHolder .FullScreen  .News-Headline a:hover {color:white;text-decoration:underline;}
div#BoxHolder .FullScreen .CloseFullScreen {
	background-image:url('../images/closebox.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:black;			
	width:21px;
	height:21px;
	position:absolute;
	bottom:0px;
	right:0px;
	opacity:.6;
} 
div#BoxHolder .FullScreen .CloseFullScreen:hover {
	opacity:1;
	box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);
	bottom:1px;
	right:1px;
}
div#BoxHolder .FullScreen .HalfScreen {
	float:left;
	width:46%;
	padding:1%;
	overflow-y:auto;
	overflow-x:hidden;
}
div#BoxHolder .FullScreen .HalfScreen .Content  {
	overflow-y:auto;
	overflow-x:hidden;
}
.HalfScreen {
	float:left;
	width:46%;
	padding:2%;
}	

/* iPhone 4 */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  { 
	div#BoxHolder {
		overflow:auto;
	}
	div#BoxHolder .BigBoxHeading { 
		margin-top:30px;
		font-size: 1.2em;
		letter-spacing: 1px; 	
	}	
	div#BoxHolder .BigBoxSubTitle {
		display:none;
		font-size:.8em;
		margin-top:8px;
		margin-bottom:8px;
	}
	div#BoxHolder .FullScreen .Title {
		font-size:1em;
		margin-bottom:10px;
	}
	div#BoxHolder .FullScreen .HalfScreen {
		overflow-x:hidden;
	}
	div#BoxHolder .FullScreen .HalfScreen {
		float:none;
		width:96%;
		padding:2%;
		height:auto;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.HalfScreen {
		float:none;
		width:96%;
		padding:5px;
	}
	div#BoxHolder .FullScreen .News-Box .News-Text .News-Headline { font-size: 12px; }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
	div#BoxHolder .BigBox {
		height:90px;
		width: 150px;
		margin:11px;	
		margin-bottom:5px;
		margin:2px;
	}

	div#BoxHolder .BigBox:nth-child(3n+1) {
		margin-left:2px;
	}
	div#BoxHolder .BigBox:nth-child(3n) {
		margin-right:2px;
	}
	div#BoxHolder .BigBox:nth-child(1),div#BoxHolder .BigBox:nth-child(3) {
		-webkit-animation: sliderMoveFromLeft 2s;
		-moz-animation: sliderMoveFromLeft 1s;
		animation: sliderMoveFromLeft 1s;
	}
	div#BoxHolder .BigBox:nth-child(2),div#BoxHolder .BigBox:nth-child(4) {
		-webkit-animation: sliderMoveFromRight 2s;
		-moz-animation: sliderMoveFromRight 1s;
		animation: sliderMoveFromRight 1s;
	}
	div#BoxHolder .BigBox:nth-child(5),div#BoxHolder .BigBox:nth-child(6) {
		-webkit-animation: sliderMoveFromBottom 2s;
		-moz-animation: sliderMoveFromBottom 1s;
		animation: sliderMoveFromBottom 1s;
	}
	div#BoxHolder .BigBox:nth-child(1),div#BoxHolder .BigBox:nth-child(4) {
		background-color:#ff0000; /* Club red */
	}
	div#BoxHolder .BigBox:nth-child(2),div#BoxHolder .BigBox:nth-child(3),div#BoxHolder .BigBox:nth-child(6) {
		background-color:#131eee;/* Club blue */
	}
	div#BoxHolder .FullScreen {
		width:300px;
		height:auto;
		min-height:281px;
		top:0px;
		left:0px;
		overflow:auto;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
	div#BoxHolder .BigBox {
		height:90px;
		width: 150px;
		margin:11px;	
		margin-bottom:5px;
		margin:2px;
	}
	div#BoxHolder .BigBox:nth-child(3n+1) {
		margin-left:2px;
	}
	div#BoxHolder .BigBox:nth-child(3n) {
		margin-right:2px;
	}
	div#BoxHolder .FullScreen {
		width:460px;
		height:auto;
		min-height:281px;
		top:0px;
		left:0px;
		overflow:auto;
	}
}