@charset "utf-8";
/* CSS Document
*/
html, body { background-image: url(../img/bg-wave.png); background-repeat: no-repeat; background-position:top; background-attachment:fixed; font-family: "cronos-pro-subhead",sans-serif; color: #003; background-color:#FFF;}


body{overflow-x:hidden;}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

div.visible-desktop.bottomMargin20 { margin-bottom: 0px !important; }
body { padding-top: 0 !important; }
div#banner { height: 117px; margin-top: 0 !important; }
div.fadein { height: 308px !important; }
div.sliderpos{top:0 !important;}
div.fadein img{height:100% !important;}
.bFix {background: rgb(106,157,210);}

.bgwhite{ background-image:url(../img/bgwhite.png); background-repeat:repeat; 
}
.bgblack2{ background-image:url(../img/bgblack2.png); background-repeat:repeat;}
.bgwhitesolid{background-color:#fff;}
.bgblack{ background-image:url(../img/bgblack.png); background-repeat:repeat; 
}
.bgblack3{background-color:#4D4C4C;}

.container-fluid {
  position:relative;
  width:100%;
  margin: 0 auto;
  padding-left:0px !important;
   padding-right:0px !important;
  margin-right:0px !important;
  *zoom: 1;
}
.pos1{
	max-width: 300px;
	position: absolute;
	z-index: 100;
}

.span2 {
width: 16.6% !important;
}
.container{	
			max-width:1170px;}
.navbar-inner{background:inherit !important;
				min-height:0 !important;
			
				}
.bluebullet{
	color:#409CDC;
	font-size:1.2em;
}
.btn { border: none;}

.topNav {width:100%; background-color:#4e4d4d; height:40px;}

.divLinks{width:230px;
			height:290px;
			margin-right:3px !important;
			} 
	

.pos2{z-index:50;
position:relative;}	
		
.divLinks, a{color:#000;}
 .sliderpos{
   margin-left:50px !important; 
 }
 .sliderbg{ background-color:#000;}
 a:hover, a:focus {
color: #1a899e!important; text-decoration: none;
}
a {
color: #446a71;

}

 .navbar .nav > li > a { color:#fff;
 background-color:#4e4d4d;
 padding: 10px 30px 10px 30px;
  text-shadow: 0 0px 0 #ffffff;
  border-right:;}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover { color: #69C;
							 text-decoration: none;
							 text-shadow:none;}
.navbar .btn-navbar{color:#036;
					text-shadow:none;}

					
.navbar-inner {width:;
			border-color:#FFF;
			background-color:#4e4d4d;
			background-image:none;
			padding-left: 398px;
 			background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8);
  			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8));
  			background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
  			background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
  			background-image: linear-gradient(to bottom, #ffffff, #f8f8f8);
  			background-repeat: repeat-x;
			border:0px;
  			border-top: 0px solid #cccccc;
   			border-bottom: 0px solid #cccccc;}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #a81a34;
  background-color: #4e4d4d;
 
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
  
}


#nav {
	width: 100%;
	margin-left: -18px;  
    padding: 0;
	background-color:#4e4d4d;
   }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
background-color: ##75a3cb;
background-image: -moz-linear-gradient(top, #76a3cd, #3288b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#76a3cd), to(#3288b3));
background-image: -webkit-linear-gradient(top, #76a3cd, #3288b3);
background-image: -o-linear-gradient(top, #76a3cd, #3288b3);
background-image: linear-gradient(to bottom, #76a3cd, #3288b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76a3cd', endColorstr='#3288b3', GradientType=0);
}


	.column, .columns {
		-webkit-border-radius: 0px 0px 15px 15px;
        border-radius: 0px 0px 15px 15px;
		background: WHITE;
		-webkit-box-shadow:  0px 0px 10px 0px #333; 
        box-shadow:  0px 0px 10px 0px #333;
		/*-webkit-box-shadow: inset 0 1px 0 #374c2c,
			inset 0 -1px 0 #374c2c,
			inset 1px 0 0 #374c2c,
			inset -1px 0 0 #374c2c
		;
		-moz-box-shadow: inset 0 1px 0 #374c2c,
					inset 0 -1px 0 #374c2c,
					inset 1px 0 0 #374c2c,
					inset -1px 0 0 #374c2c
				;
		box-shadow: inset 0 1px 0 #374c2c,
					inset 0 -1px 0 #374c2c,
					inset 1px 0 0 #374c2c,
					inset -1px 0 0 #374c2c
				;
				*/
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-o-transition-duration: .3s;
		-ms-transition-duration: .3s;
		transition-duration: .3s;
	}
	
	.column:hover, .columns:hover {
		/*
		background:#FAFAF5;
		cursor: pointer;
		-webkit-box-shadow: inset 0 1px 0 #557445,
			inset 0 -1px 0 #557445,
			inset 1px 0 0 #557445,
			inset -1px 0 0 #557445
		;
		-moz-box-shadow: inset 0 1px 0 #557445,
					inset 0 -1px 0 #557445,
					inset 1px 0 0 #557445,
					inset -1px 0 0 #557445
				;
		box-shadow: inset 0 1px 0 #557445,
					inset 0 -1px 0 #557445,
					inset 1px 0 0 #557445,
					inset -1px 0 0 #557445
				;
				*/
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-o-transition-duration: .3s;
		-ms-transition-duration: .3s;
		transition-duration: .3s;
	}
	
	.row {
		margin-bottom: 25px;
		clear:both;
	}
	

	@media (max-width: 767px) {
	
		h1 {
			font: bold italic 100px georgia, times new roman, serif;
			-webkit-transition-duration: .5s;
		}
	
	}
		.table{
	text-align: center;
	border: medium solid #525c88;
	color: #FFF;
	background-color: #525c88;
}
}
.navbar {background-color: #333;}
		
.tightUp {margin-top:0;}
.tightBottom {margin-bottom:0; padding-bottom:0;}
.flat {-webkit-border-radius: 0px; border-radius: 0px;}
.roundBottom {-webkit-border-radius: 0px 0px 30px 30px;
        border-radius: 0px 0px 30px 30px;}
.pad0 {padding:0px;}
.pad0LR {padding-left:0px !important;
padding-right:0px !important;}
.pad2 {padding:2px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad10RB {padding:0px 10px 2px 0px;}
.pad10L {padding-left:10px;}
.pad10LTR{padding:10px 10px 0px 10px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}
.pad20B {padding-bottom:20px;}
.pad40 {padding: 0px 40px 0px 40px;}
.pad120 {padding-left:120px;}
.pad30 {padding-left:30px;}
.pad30B{padding-bottom:30px;}
.pad20L {padding-left:20px;}
.pad20R {padding-right:20px;}
.pad40R {padding-right:40px;}
.pad40B {padding-bottom:40px;}
.pad60B {padding-bottom:60px;}
.pad25L {padding-left:25px;}
.pad25R {padding-right:25px;}
.pad25LR {padding-left:25px;
		  padding-right:25px;}
.pad35R {padding-right:35px;}
.pad40L {padding-left:40px;}
.pad70L {padding-left:70px;}
.pad70R {padding-right:70px;}
.pad80L {padding-left:80px;}
.pad80 {padding-left:80px;}
.pad80R {padding-right:80px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.pad5B {padding-bottom:5px;}
.pad10B {padding-bottom:10px;}
.pad5T {padding:5px 0px 0px 0;}
.pad10T {padding-top:10px;}
.pad20T {padding:20px 0px 0px 0;}


.header {background-image:url(http://heronfla.com/ART/BerryHeader.png); background-repeat:repeat-x; background-position:0px 66px;}
.alignL {text-align:left;}
.alignR {text-align:right;}
.center{
	text-align: center;
	margin:auto 0;
}

.mar0 {margin: 0 auto !important;}

.fullH {height:100%;}
.boxshad{
	margin-left:20px;
	margin-right:20px;
	padding:10px 20px 10px 20px;
	-webkit-box-shadow:  1px 1px 5px 5px rgba(184, 181, 184, .4);
        
        box-shadow:  1px 1px 5px 5px rgba(184, 181, 184, .4);}
		


.lh {line-height:110%;}
.lh2 {line-height:150%;}
.lh3 {line-height:180%;}
.lh4 {line-height:300%;}

.hrline{
  border-top: 2px solid;
  border-color:#8f2829;
  padding-left:20px;
  margin-left:25px;

}

.hrlineBl{
  border-top: 1px solid #036;;
  width: 80%;
  padding: 20px 0px 20px 0px;
}

.hrlineB{
  border-bottom: 1px;
  border-bottom-style: ridge;
 border-color: #CCC;
 margin-top:0px;
}
.hrlineBwh{border-bottom: 1px solid white;}
.vrline{ margin-top: 0px;
		border-left: 2px solid;
		border-color:#c6c6c6;
			 }
.vrlineR{ margin-top: 0px;
		border-right: 2px solid;
		border-color:#c6c6c6;
			 }
.blueBG {background-color:#75a3cb;}	
	 
.topMargin10 {margin-top:10px;}
.topMargin5 {margin-top:5px;}
.topMargin15 {margin-top:15px;}
.topMargin20 {margin-top:20px;}
.topMargin25 {margin-top:25px;}
.topMargin30 {margin-top:30px;}
.topMargin50 {margin-top:50px;}
.topMargin70 {margin-top:70px;}
.topMargin80 {margin-top:80px;}
.topMargin90 {margin-top:90px;}
.topMargin100 {margin-top:100px;}
.topMargin125{margin-top:125px;}
.topMargin200 {margin-top:200px;}
.topMargin225 {margin-top:220px;}
.topMargin250 {margin-top:250px;}
.bottomMargin0 {margin-bottom:0px !important;}
.bottomMargin10 {margin-bottom:10px;}
.bottomMargin20 {margin-bottom:20px;}
.bottomMargin30 {margin-bottom:30px;}
.bottomMargin50 {margin-bottom:50px;}
.bottomMargin70 {margin-bottom:70px;}

.marL20 {margin-left:20px;}
.marL50 {margin-left:50px;}
.margin20 {margin:20px 0px 20px 0px;
			}
.leftBy10 {margin-left:-10px;}
.leftBy20 {margin-left:-20px;}
.leftBy30 {margin-left:-30px;}
.leftBy40 {margin-left:-40px;}
.leftBy50 {margin-left:-50px;}
.leftBy60 {margin-left:-60px;}
.leftBy70 {margin-left:-70px;}
.leftBy80 {margin-left:-80px;}
.leftBy90 {margin-left:-90px;}
.leftBy100 {margin-left:-100px;}
.leftBy110 {margin-left:-110px;}
.rightBy10 {margin-left:10px;}
.rightBy20 {margin-left:20px;}
.rightBy30 {margin-left:30px;}
.rightBy40 {margin-left:40px;}
.rightBy50 {margin-left:50px;}
.rightBy60 {margin-left:60px;}
.rightBy70 {margin-left:70px;}
.rightBy80 {margin-left:80px;}
.rightBy90 {margin-left:90px;}
.rightBy100 {margin-left:100px;}
.rightBy110 {margin-left:110px;}

.h100 {height:100px;}
.h150 {height:150px;}
.h175 {height:175px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h275 {height:275px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h400 {height:400px;}
.h450 {height:450px;}
.h500 {height:500px;}
.h510 {height:510px;}
.h525 {height:525px;}
.h550 {height:550px;}
.h600 {height:600px;}
.h700 {height:700px;}
.h800 {height:800px;}
.h900 {height:900px;}
.h1000 {height:1000px;}
.h50 {height:50px;}
.h65{height:65px;}
.h75 {height:75px;}


/*Alternate width MODALS*/
.modal60{left: 20%;
  width: 60%;
  margin-left: -0%;
  }
.modal70{ left: 15%;
  width: 70%;
  margin-left: -0%;}
.modal80{left: 10%;
  width: 80%;
  margin-left: -0%;}
.modal90{width:90%;}
.modal100{left: 1%;
  width: 98%;
  margin-left: -0%;}

.modal-body {
position: relative;
max-height: 400px;
padding: 15px 0px 15px 0px;
}

UL.liMargin10b LI {margin-bottom:5px;}

P {color:black;
	font-family: "museo-sans-condensed",sans-serif;
	font-size:1.2em;
	font-style: normal;
	font-weight: 300;
	padding-left:10px;
	margin-bottom: 10px;
	line-height:125%;
/*	padding-right: 15px;*/
	}

	
.dbl {margin-bottom:5px !important;}	
.dbl2 {margin-bottom:10px !important;}	

p.heading{font-family: "tangerine",sans-serif;
font-size: 2.5em;
color: #0A4F94;
font-style: italic;
margin-bottom: 15px;
margin-top: 15px;
letter-spacing: 0.03em;
}
li{
  font-family:"museo-sans-condensed",sans-serif;
  font-size:1.25em;
  font-weight:400;
  font-style: normal;
  letter-spacing:.051em;
  line-height:1.5em;
  
}
.h1sm{font-size:75%;}
.sm{font-size:90%;}
.xxbig{font-size:395%;}
.white{color: #c9dbe1 !important;}
h1 {
   font-family: "tangerine",sans-serif;
  font-size:3em;
  color:#0a4f94;
  font-style: italic ;
  margin-bottom:15px;
  margin-top:15px;
  letter-spacing:.03em;
  }
  
h2 {
  font-family: "tangerine",sans-serif;
  font-size:2.1em;
  letter-spacing:.03em;
  font-style: italic ;
  color:#104e68; 
  margin-top:10px;
  }
  
h3 {
 font-family: "museo-sans-condensed",sans-serif;
  color:#0a4f94;
  font-weight:400;
  letter-spacing:.06em;
  font-size:1.25em;
  -webkit-margin-after: .5em;
  padding-left:10px;
  line-height: 1.2em; 
  }
  
h4 {
  font-family: "tangerine",sans-serif;
  font-size:2.2em;
  font-style: italic ;
   letter-spacing:.07em;
   line-height:.7em;
  color:#104e68;
}

h5 {
  font-family: "tangerine",sans-serif;
  font-size:1.8em;
  font-style: none ;
   letter-spacing:.07em;
   line-height:100%;
  color:#104e68;
}

.desc {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.4em;
  font-weight:400;
  font-style: italic;

  
  
}

.desc2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1.1em;
  font-weight:400;
  color:#333;
  font-style: italic;
    padding-left: 0px !important;
  margin-left: 0px !important;
}

 .grey{font-family: Georgia, "Times New Roman", Times, serif;
  font-size:1em;
  padding-top:10px;
  line-height:.1.3em;
  font-style: italic;
  color:#999;
 }
h6 
 {color:#fff;
	font-family: "museo-sans-condensed",sans-serif;
	font-size:.9em;
	font-style: normal;
	font-weight: 400;
	}


dl a:link {
	font-style:italic;
font-weight: 500;
color:#3f791c;
	}
	
h5 a:link {
	
color:#000000;
	}
	
.blue{color:#062b50 !important;}
	

	
.trans{
background-color:rgba(252,252,252,0.7);
  filter:alpha(opacity=60); /* For IE8 and earlier */
}

.bottom{position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
margin: 0 !important;}

.footer {
color: #ffffff;
background-color:#4e4d4d;
font-size: 1.1em;
width:100%;
text-align:left;
line-height: 1.3em;
}

}
.tiles{ border: #FFF solid 1px;
		background-color:rgba(50,149,184,0.2);
		}
a .tiles:hover, a .tiles:active{ 
		background-color:rgba(50,149,184,0.5);
		}
.trans {
	margin: 0 !important;
	height: 40px !important;
}
.trans.bottom { 
	height: auto !important;
}
/*
[class*="span"] { margin-left:0px !important;}*/

.blkborder {border: 7px solid #4E4D4D;}
form {
margin: 0 0 10px;
}


.content{margin:15px; width:600px; height:550px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}

.content2{margin:15px; width:600px; height:650px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}

.contentsm{margin:15px; width:600px; height:400px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}

.contentlg{margin:15px; width:600px; height:800px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}

.contentxlg{margin:15px; width:600px; height:1400px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}

.contentxlg2{margin:15px; width:600px; height:1200px; padding:20px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:auto;}
		
#content_2{color:#333; background:#e8f5ff; 
		width:100%;}
        
      

.inset{ -webkit-box-shadow: inset 1px 1px 15px 5px rgba(133, 154, 158, .5);
 box-shadow: inset 1px 1px 15px 5px rgba(133, 154, 158, .5)}
 
 .modal-footer {

border-top: 0px solid #ddd;}



.carousel-fade .item {-webkit-transition: opacity 8s ease-in-out; -moz-transition: opacity 8s ease-in-out; -ms-transition: opacity 8s ease-in-out; -o-transition: opacity 8s ease-in-out; transition: opacity 8s ease-in-out;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;}
/*CardFlip*/

/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
	perspective: 1000;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    -webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 250px;
	height: 300px;
}

/* flip speed goes here */
.flipper {
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
	
}

	.vertical .back {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    -webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    -webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	
@media screen and (max-width: 900px) {
	div.hidepic {
		display: none !important;
	}
	.modal-dialog {width:100%;}
	}
	

@media (max-width: 979px) {
	.navbar .btn-navbar {
		width: 100% !important;
		height: 20px !important;
		background:inherit !important;
	
	}
}

@media screen and (min-width: 768px) {
.modal-dialog {width:48%;}
	}
	
@media (max-width: 767px) {
	img.baloon{
		display: none;
	}
	img.aeroplane{
		display: none;
	}
	img.shrink2 {width: 50%;
	}
	#navtext li {border-bottom:1px solid #666;}
	.navbar {background-color:transparent;
			padding:0;}
	.navbar-nav{width:100%;}
	.flip-container, .front, .back {
	width: 100%;
	height: 300px;
}
}

@media (min-width: 701px) {

.fadein{margin-left:360px;}

}
@media (max-width: 700px) {
.hideslider{display:none;}
.pos1{position:initial;}
}
/*Spinning Cube Transition*/
#theArt{
	width:300px;
	height:300px;
	position:relative;
	margin:0 auto 40px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
#show-buttons{
	text-align:center;}
#cube{
	width:100%;
	height:100%;
	position:absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-wo-transition: -o-transform 1s;
	transition: transform 1s;
}
#cube figure{
	display:block;
	position:absolute;
	width:300px;
	height:300px;
	border: 2px solid black;}

#cube .frontside {
	-webkit-transform: translateZ(136px);
	-moz-transform: translateZ(136px);
	-0-transform: translateZ(136px);
	transform: translateZ(136px);	
}
#cube .backside {
	-webkit-transform: rotateX(-180deg) translateZ(136px);
	-moz-transform: rotateX(-180deg) translateZ(136px);
	-o-transform: rotateX(-180deg) translateZ(136px);
	transform: rotateX(-180deg) translateZ(136px);
}
#cube .rightside {
	-webkit-transform: rotateY(90deg) translateZ(136px);
	-moz-transform: rotateY(90deg) translateZ(136px);
	-o-transform: rotateY(90deg) translateZ(136px);
	transform: rotateY(90deg) translateZ(136px);
}
#cube .leftside {
	-webkit-transform: rotateY(-90deg) translateZ(136px);
	-moz-transform: rotateY(-90deg) translateZ(136px);
	-o-transform: rotateY(-90deg) translateZ(136px);
	transform: rotateY(-90deg) translateZ(136px);
}
#cube .topside {
	-webkit-transform: rotateX(90deg) translateZ(136px);
	-moz-transform: rotateX(90deg) translateZ(136px);
	-o-transform: rotateX(90deg) translateZ(136px);
	transform: rotateX(90deg) translateZ(136px);
}
#cube .bottomside {
	-webkit-transform: rotateX(-90deg) translateZ(136px);
	-moz-transform: rotateX(-90deg) translateZ(136px);
	-o-transform: rotateX(-90deg) translateZ(136px);
	transform: rotateX(-90deg) translateZ(136px);
}

#cube.show-front{
	-webkit-transform: translateZ(-136px);
	-moz-transform: translateZ(-136px);
	-o-transform: translateZ(-136px);
	transform: translateZ(-136px);
}
#cube.show-back{
	-webkit-transform: translateZ(-136px) rotateX(180deg);
	-moz-transform: translateZ(-136px) rotateX(180deg);
	-o-transform: translateZ(-136px) rotateX(180deg);
	transform: translateZ(-136px) rotateX(180deg);
}
#cube.show-right{
	-webkit-transform: translateZ(-136) rotateY(-90deg);
	-moz-transform: translateZ(-136) rotateY(-90deg);
	-o-transform: translateZ(-136) rotateY(-90deg);
	transform: translateZ(-136) rotateY(-90deg);
}

#cube.show-left{
	-webkit-transform: translateZ(-136) rotateY(90deg);
	-moz-transform: translateZ(-136) rotateY(90deg);
	-o-transform: translateZ(-136) rotateY(90deg);
	transform: translateZ(-136) rotateY(90deg);
}
#cube.show-top{
	-webkit-transform: translateZ(-136) rotateX(-90deg);
	-moz-transform: translateZ(-136) rotateX(-90deg);
	-o-transform: translateZ(-136) rotateX(-90deg);
	transform: translateZ(-136) rotateX(-90deg);
}

#cube.show-bottom{
	-webkit-transform: translateZ(-136) rotateX(90deg);
	-moz-transform: translateZ(-136) rotateX(90deg);
	-o-transform: translateZ(-136) rotateX(90deg);
	transform: translateZ(-136) rotateX(90deg);
}