/* General Elements
--------------------------------------------------- */
* { 
    margin: 0; 
    padding: 0; 
}
body {
	background-color: #000000;
	margin: 0;
	padding: 0;
}
/*Grid Elements New
--------------------------------------------------- */
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}		 
.mainContainer {
	 width: 1920px; 
	 margin: 0 auto;
	 }
.newMainContainerLeft {
	 float: left; 
	 width:720px;
	 }	
.newMainContainerRight {
	 float: right; 
	 width:1200px;
	 }
.leftColumn {
	 width: 480px; 
	 height: 960px; 
	 float: left;
	 }
.rightColumn {
	 width: 720px; 
	 height: 960px; 
	 }	
.rightColumnTop {
	 width: 720px; 
	 height: 480px;
	 }	
.rightColumnBottom {
	 width: 720px; 
	 height: 480px;
	 }	
.centerColumn {
	 width: 720px; 
	 height:480px; 
	 float:left;
	 }	    	 	 
.quadrant1 {
	 width: 720px; 
	 height:720px; 
	 }	  
.quadrant2 {
	 width: 720px; 
	 height:720px; 
	 }	 
.quadrant3 {
	 width: 1200px; 
	 height: 960px; 
	 }	 
.quadrant4 {
	 width: 1200px; 
	 height: 480px; 
	 }	
.squareElement {
	 width: 240px; 
	 height:240px;
	 }	  
.squareElement2 {
	 width: 480px; 
	 height: 480px;
	 }
.squareElementSubLinks {
	 background-image: url(../images/bg-sub-links.jpg); 
	 background-position: top left; 
	 background-repeat: no-repeat; 
	 padding: 20px; 
	 width: 200px; 
	 height:200px;
	 }	
.squareElementTrans {
	 width: 240px; 
	 height:240px;
	 position: absolute;
	 z-index: -10;
	 top: 0;
	 left: 480px;
	 }		  	
.squareElementTransInside {
	 width: 240px; 
	 height:240px;
	 position: absolute;
	 z-index: -1;
	 top:0;
	 left: 0;
	 }		  		  
.rectangleElementHorizontal {
	 width:480px; 
	 height:240px;
	 }
.rectangleElementVertical {
	 width: 240px; 
	 height: 480px;
	 }
.hoverSquare1 {
	background-image: url(../images/indexRotating/square-18.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	}	 
.hoverSquare1 a:link, .hoverSquare1 a:visited {
	background-image: url(../images/indexRotating/square-18.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}	 
.hoverSquare1 a:hover {
	background-image: url(../images/indexRotating/square-18-ro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}	 	 	 
.hoverSquare2 {
	background-image: url(../images/indexRotating/wide-12.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 480px; 
	height: 240px;
	}	 
.hoverSquare2 a:link, .hoverSquare2 a:visited {
	background-image: url(../images/indexRotating/wide-12.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 480px; 
	height: 240px;
	visibility: visible;
	}	 
.hoverSquare2 a:hover {
	background-image: url(../images/indexRotating/wide-12-ro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 480px; 
	height: 240px;
	visibility: visible;
	}	 	 	 	
.hoverSquare3 {
	background-image: url(../images/indexRotating/square-15.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	}	 
.hoverSquare3 a:link, .hoverSquare3 a:visited {
	background-image: url(../images/indexRotating/square-15.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}	 
.hoverSquare3 a:hover {
	background-image: url(../images/indexRotating/square-15-ro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}	 	
.hoverSquare4 {
	background-image: url(../images/indexRotating/tall-7.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 480px;
	}	 
.hoverSquare4 a:link, .hoverSquare4 a:visited {
	background-image: url(../images/indexRotating/tall-7.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 480px;
	visibility: visible;
	}	 
.hoverSquare4 a:hover {
	background-image: url(../images/indexRotating/tall-7-ro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 480px;
	visibility: visible;
	}	 		
.hoverSquare5 {
	background-image: url(../images/indexRotating/square-14.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	}	 
.hoverSquare5 a:link, .hoverSquare5 a:visited {
	background-image: url(../images/indexRotating/square-14.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}	 
.hoverSquare5 a:hover {
	background-image: url(../images/indexRotating/square-14-ro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 240px; 
	height: 240px;
	visibility: visible;
	}