@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
 	background-image: url(../images/bg2.jpg);
	background-repeat: repeat;
	outline:none;
	}
	
img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a:link, a:visited {text-decoration:none; color:#416CE5; outline:none;}

a { outline:none; }

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	line-height:20px;
	font-weight: lighter;
}


ul.info li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	line-height:20px;
	font-weight: lighter;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #23170b;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a7c539;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #036;
	margin-bottom: 40px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
}

.clearfix { clear:both }

.divider { 
	width:80%;
	border-bottom:#eaeaea solid 1px;m
	margin-bottom: 1.6%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
	
.vertCenter {
   display: table;
   width: 100%;
}

.vertCenterInner {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

#wrapper {
	width:100%;
	height:100%;
	background-color:#fbfbfb;
	background-image:url(../images/orangeBG.jpg)
}

/*-------HEADER BEGIN-------*/

#logo {
	width:332px;
	margin:0 auto -166px auto;
	padding-right:50px;
}
	
  
#header {
	width: 100%;
	margin-top:1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #eaeaea;
	border-bottom-color: #eaeaea;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #3b2d22;
}

/*-----------NAVIGATION-------------------*/

#wrapLeft {
	float:left; 
	position: relative;
	}
	
#wrapMiddle {
	float:left; 
	position: relative;
	}
	
#wrapMiddleNew {
	display:none;
	}
	
#wrapRight {
	float:left; 
	position: relative;
	}
	
#break{
	clear:both;
	display:none;
	
}
.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#Navlist{
	margin: 0;
	padding:0;
	list-style-type: none;
	overflow:hidden;
}

ul#Navlist li{
	float:left;
	}
	
ul#Navlist li:nth-child(3) { margin-right:0;}	
ul#Navlist li:nth-child(4) { margin-left:450px;}

ul#Navlist li a
	{
	display:block;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	padding:30px 20px;
	text-transform:uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	text-align:center;
	
}

ul#Navlist li span { padding-top:150px; }

ul#Navlist li a.active {
	color: #a7c539;
}

ul#Navlist li a:hover{
	color:#a7c539;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	
}

/*-------------------END NAV-------------------*/

/*----------------Lake Menu ------------------*/
#lakemenu {
	width:100%;
	background-color:#6bbce1;
	position:relative;
	padding-left:25px;
	padding-right:25px;
	margin-top:-5px;
}

ul#lakemenu {
	list-style-type:none;
	padding: 0;
	margin:0;
	text-align:center;
	}
	
ul#lakemenu li {
	display:inline;
	width:100px;
	height:30px;
	padding:12px;
	line-height:30px;
	list-style: none;
	}
	
ul#lakemenu li a {}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

/*----------MAIN CONTENT--------------------*/

#maincontentcontainer {
	width: 100%;
	margin-top:40px;
	}

#mainContentInner {
	width:80%;
	padding:30px 50px;
	margin:0 auto;
	overflow:hidden;
}

#maincontent{
	clear: both;
	width:900px;
	margin: 0 auto;
	position: relative;
}

#topOverlay {
	width:900px;
	height:749px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	display:none;
	}
	
#mapBack {
	width:900px;
	height:749px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

#mapBackTop {
	width:900px;
	height:749px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
/*
#leftArrow {
	width:150px;
	height:120px;	
	background-image:url(../images/left-arrow.png);
	position:absolute;
	top:160px;
	left:-125px;
	z-index:4;
	display:none;
}

#rightArrow {
	width:150px;
	height:120px;	
	background-image:url(../images/right-arrow.png);
	position:absolute;
	top:160px;
	right:-125px;
	z-index:4;
	display:none;
	
}

#leftTrigger {
	position:absolute;
	width:150px;
	height:100px;
	top:300px;
	left:0;
	z-index:5;
	cursor:pointer;
}
#rightTrigger {
	position:absolute;
	width:150px;
	height:100px;
	top:300px;
	right:-70px;
	z-index:5;
	cursor:pointer;
}

#ribbonContainer {
	position:absolute;
	top:300px;
	left:40px;
	width:900px;
	height:96px;
	text-align:center;
	z-index:1;
	display:none;
	}
#ribbon-left {
	position:absolute;
	width:473px;
	height:96px;
	background-image: url(../images/ribbon-left.png);	
	left:0;
}
#ribbon-right {
	position:absolute;
	width:473px;
	height:96px;
	background-image: url(../images/ribbon-right.png);	
	right:0;
}
#ribbon-circle-left {
	width:105px;
	height:95px;
	background-image:url(../images/ribbon-circle.png);
	margin-top:-20px;
	margin-left:90px;
	display:none;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#ribbon-circle-right {
	display:none;
	width:105px;
	height:85px;
	background-image:url(../images/ribbon-circle.png);
	margin-top:-20px;
	margin-right:80px;
	float:right;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
*/
/*--------HOME PAGE ICON LAYOUT---------*/
#threeColumn {
	positon:relative;
	text-align:left;	
	width:1014px;
	margin:0 auto;
	padding-left:10px;
}
#threeColumn2 {
	positon:relative;
	text-align:left;	
	width:900px;
	margin:0 auto;
}

.threeColumn {
	width:275px;
	height:495px;
	float:left;
	text-algin:center;
	padding:20px;
	overflow:hidden;
	margin-left:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border: 1px double #eaeaea;
}

threeColumn p {

	text-align: left!important;
}

.threeColumn2 {
	width:225px;
	height:225px;
	float:left;
	text-algin:center;
	padding:20px;
	overflow:hidden;
	margin-left:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border: 1px double #eaeaea;
}
.animationWrap {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:768px;
	overflow:hidden;
}
#flipBox {
	height:	789px;
	max-width: 1500px;
	margin:auto;
	
}
/*----BASIN PAGE----------*/
#basin-map{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	width:900px;
	height:589px;
	background-image: url(../images/GL_Basins_Overview.png);
	overflow:hidden;
	-webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	}
/*------------------------------------SUPERIOR---*/
.superiorBasin {
	position:absolute;
	margin-top:589px;
	width:900px;
	height:589px;
	z-index:100;
	background-image: url(../images/GL_Basins_Detail_Superior.jpg);	
	}

#basin-superior:hover + #superiorBasin {
    display:block;
	pointer-events:none;
	} 

#basin-superior:hover { opacity:0;}
	
#basin-superior {
	width:400px;
	height:250px;
	left:0;
	top:0;
	position:absolute;
	cursor:pointer;

}

#superiorBasin {
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	background-image: url(../images/superior-basin.png);
}
/*------------------------------------MICHIGAN---*/

#basin-michigan:hover + #michBasin {
    display:block;
	pointer-events:none;
}

#basin-michigan:hover {
    opacity:0;
}
	
	
#basin-michigan {
	width:200px;
	height:270px;
	left:175px;
	top:250px;
	position:absolute;
	cursor:pointer;
}

#michBasin {
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	background-image: url(../images/michigan-basin.png);
}

/*------------------------------------HURON---*/

.huronBasin {
	position:absolute;
	margin-top:589px;
	width:900px;
	height:589px;
	z-index:100;
	background-image: url(../images/GL_Basins_Detail_Huron.jpg);	
}

#basin-huron:hover + #huronBasin {
    display:block;
	pointer-events:none;
}
#basin-huron:hover {
    opacity:0;
}
		
#basin-huron {
	width:200px;
	height:200px;
	left:400px;
	top:200px;
	position:absolute;
	cursor:pointer;

}
#huronBasin {
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	background-image: url(../images/huron-basin.png);
}


/*------------------------------------ERIE---*/
.erieBasin {
	position:absolute;
	margin-top:589px;
	width:900px;
	height:589px;
	z-index:100;
	background-image: url(../images/GL_Basins_Detail_Erie.jpg);	
}


#basin-erie:hover + #erieBasin {
    display:block;
	pointer-events:none;
}
#basin-erie:hover {
    opacity:0;
}

#basin-erie {
	width:300px;
	height:150px;
	left:350px;
	top:450px;
	position:absolute;
	-ms-transform: rotate(-35deg); /* IE 9 */
	-webkit-transform: rotate(-35deg); /* Chrome, Safari, Opera */
	transform: rotate(-35deg);
	cursor:pointer;
}
#erieBasin {
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	background-image: url(../images/erie-basin.png);
}

/*------------------------------------ONTARIO---*/
.ontBasin {
	position:absolute;
	margin-top:589px;
	width:900px;
	height:589px;
	z-index:100;
	background-image: url(../images/GL_Basins_Detail_Ontario.jpg);	
}

#basin-ont:hover + #ontBasin {
    display:block;
	pointer-events:none;
}
#basin-ont:hover {
    opacity:0;
}
	
#basin-ont {
	width:170px;
	height:125px;
	left:619px;
	top:325px;
	position:absolute;
	-ms-transform: rotate(35deg); /* IE 9 */
	-webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
	transform: rotate(35deg);
	cursor:pointer;
}
#ontBasin {
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	background-image: url(../images/ontario-basin.png);
}


/*------------------------------------ST LAWRENCE---*/
.lawBasin {
	position:absolute;
	margin-top:589px;
	width:900px;
	height:589px;
	z-index:100;
	background-image: url(../images/GL_Basins_Detail_StLawrence.jpg);	
}

#basin-stlaw:hover + #stlaw {
    display:block;
	pointer-events:none;
}
#basin-stlaw:hover {
    opacity:0;
}
	
#basin-stlaw {
	width:300px;
	height:250px;
	-ms-transform: rotate(35deg); /* IE 9 */
	-webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
	transform: rotate(35deg);
	left:620px;
	top:75px;
	position:absolute;
	cursor:pointer;
}

#stlaw {
	background-image: url(../images/stLaw-basin.png);
	position:absolute;
	width:900px;
	height:589px;
	top:0;
	left:0;
	display:none;
	z-index:1;
	}
	
/*-----------------------IMAGE MAP------------*/
svg {
  position: absolute;
  top: 0;
  left: 0;
}
polygon {
  cursor: pointer;
  opacity: 0;
}

polygon:hover {
  opacity: 0.4;
  fill: red;
}

#superiorBright{ position:absolute; top:65px ; left:30px ; z-index:2; }

#michiganBright{ position:absolute; top:180px ; left:180px; z-index:2; }

#huronBright{ position:absolute; top:180px; left:280px ; z-index:2; }

#erieBright{ position:absolute; top:415px ; left:375px ; z-index:2; }

#ontarioBright{ position:absolute; top:265px ; left:530px; z-index:2; }

#stlawrenceBright{ position:absolute; top:155px ; left:725px; z-index:2; }

#toggleWrap {
	position:absolute; 
	left:50%; 
	z-index:999; 
	top:180px;
	}

#toggle {
	position:relative;
	left:-50%;
	text-align:center;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:35px;
	z-index:999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	overflow:hidden;
	border: double 3px #eaeaea;
}

        .menu-item{
            list-style:none;
			z-index: 1000;
        } 
        .menu-item a{
          padding:27px 17px 17px 17px;
            color:#1B3E70;
			background-color:#6bbce1;
            text-decoration:none;
        }
		.menu-item a:hover{
            background-color:#004B7C;
            color:white;
        }
        .menu-item .active{
             background-color:#004B7C;
             color:white;
        
        }

 #in { width:100px;
 		height:25px;
		background-color:#6bbce1;
		text-align:center;
		color:#FFF;
		float:left;
	 }
	 
 #out{ width:100px;
 		height:25px;
		background-color:#004B7C;
		text-align:center;
		color:#FFF;
		float:left;
		}
 .animation { 
 		margin: 0 auto;
		width:1024px;
		 }
		
/*-----BLURB----------------*/		
#actionsBlurb {
	width:50%;
	padding:20px;
	position:absolute;
	top:0;
	right:-525px;
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.8);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907);    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907)";
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border:#036 solid 4px;
	z-index:200;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	-moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.64);
}
.close{
	width:32px;
	height:32px;
	position: absolute;
	top: 0;
	left: 0;
	z-index:300;
	cursor:pointer;
	background-image: url(../images/close_button.png);
}

#slideout {
	position: fixed;
	top: 150px;
	left:0;
	background-color:#6DBBDF;
    transition-duration: 0.3s;
    border-radius: 0 5px 5px 0;
    z-index:1000;
    padding:8px;
}
.slideoutWrap
  {
    display: inline-block;
    overflow: hidden;
    width: 2.5em;
  }
.slideoutTxt {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: inline-block;
    color: #FFF;
    text-align:center;
    white-space: nowrap;
    -ms-transform: translate(35%,10%) rotate(90.0deg);  /* IE9+ */
    -webkit-transform: translate(35%,10%) rotate(90.0deg);  /* Safari 3.1+, Chrome */
    transform: translate(35%,10%) rotate(90deg);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    line-height: 1.2;
}
.slideoutTxt:after
  {
    content: "";
    display: block;
    margin: -.5em 0 100% ;
  }

#slideout_inner {
	position: fixed;
	top: 150px;
	left: -650px;
	width:600px;
	background-color:#00457c;
	background-repeat: repeat-x;
	background-position: left top;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	z-index:1000;
	background-image: url(../images/wave-border.jpg);
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	
}
#slideout:hover {
  left: 650px;
}
#slideout:hover #slideout_inner {
  left: 0;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	-moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.64);
}
#slideout_inner p{ color:#ffffff; }
.languageToggle {
	width:100px;
	height:100px;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
	cursor:pointer;
	}

#topSection {
	width:900px;
	height:749px;
	position:relative;
	margin: 0 auto;
	overflow:hidden;
	}

#base {
	width:900px;
	height:749px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}	

#dots {
	width:900px;
	height:749px;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	display:none;
}

.dots a{ 
	float:left; 
	margin: 6px 5px 0 0;
	outline:none;
	}
	
.dotBG:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	
}

.dotBG {
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.6);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907);    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907)";
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
	border:#CCC solid 1px;
	float:left;
	padding:4px;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	-moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.64);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}
	
 #ex5 img { margin: 25px; opacity: 0.8; border: 10px solid #eee; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } #ex5 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(255,255,255,0.8); }

#superior {
	position:absolute;
	top:60px;
	left:10px;
	z-index:3;
	width:336px;
	height:180px;
}

.title {
	position:absolute;
	z-index:10;
}

#michigan {
	position:absolute;
	top:150px;
	left:150px;
	z-index:4;
	width:179px;
	height:365px;
}

#huron {
	position:absolute;
	top:150px;
	left:230px;
	z-index:3;
	width:312px;
	height:270px;
}

#erie {
	position:absolute;
	top:390px;
	left:360px;
	z-index:4;
	width:305px;
	height:179px;
}

#ontario {
	position:absolute;
	top:240px;
	left:510px;
	z-index:5;
	width:317px;
	height:215px;
}

.zoom {
	opacity:0;
}

.zoom:hover {
     opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
 }  
 
.rotate:hover  {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  
/*
.blur {
-webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;	
}
.blur:hover {
opacity: .25;
    -webkit-transform: scale(.8);
       -moz-transform: scale(.8);
        -ms-transform: scale(.8);
         -o-transform: scale(.8);
            transform: scale(.8);
} 

.zoom {
-webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;	
}

.zoom:hover{
box-shadow: none;
    opacity: 1;
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
			-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
filter: url(shadow.svg#drop-shadow);
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
*/

/*------- CrossFade--------*/
#cf {
  	position:relative;
  	margin:0 auto;
 	width:200px;
	height:200px;
	}

#cf img {
	margin-top:0;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

#cf:hover img.top {
  	opacity:0;
        -ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);    
}
#cf:hover img.bottom {
    -ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);    
}
/*-------------END Crossfade-------------------*/

/*--------------FOOTER------------------*/
#footercontainer {
	clear:both;
	width: 100%;
	overflow:hidden;
	background: url(../images/greynoise.jpg);
}

#footer {
	width: 900px; /* 1000px / 1250px */
	max-width: 1500px;
	margin: 0 auto;
	background-image:#333;
	overflow:hidden;
	background: url(../images/greynoise.jpg);
	padding: 50px 0 30px 0;
	text-align: left;
	font: 0.688em/1.3 Arial, serif;
	text-shadow: 0 1px 1px #222 ;
}
#footerDate {
	width:300px;
	margin:0 auto;
	text-align:center;
	color:#ccc;
}
.footerColumn {
	width:30%;
	margin:20px 13px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	}
	
#footerLogo {float:left;margin-right:40px; margin-top:10px; }
	
ul#footermenu { list-style-type:none; padding:110px 0 0 0; margin:0 0 30px 0; float:left;}

ul#footermenu li {float:left;margin:0 5px 0 0 ;border-right:1px solid #ccc;padding:0 17px 0 0;}

ul#footermenu li a {color:#ccc;}

ul#footermenu li:last-child {border:none;}

.shadow {
  -moz-box-shadow:    0px 6px 5px -6px #ccc;
  -webkit-box-shadow: 0px 6px 5px -6px #ccc;
  box-shadow:         0px 6px 5px -6px #ccc;
}