ul#nav {
			position: relative;
			float:	left;
			margin:	0;
			padding:0;
			width:1024px;
			background:#fff;
			
		}
		
		ul#nav li {
			position: relative;
			margin:	1px 0px;
			padding: 20px 0px 10px 0px;
			list-style:	none;
			
			background-color:	#fcfcfc;
			
			-webkit-box-shadow: 0px 0px 4px #ccc;
			box-shadow: 0px 0px 4px #ccc;
			-webkit-transition: all 0.15s linear;
			overflow:	hidden;
			float:left;
			height:30px;
			width:170px; 
			
		}
		
		ul#nav .icon {
			
			font-size:	 3em;
			position:	absolute;
			left:		40px;
			top:		30px;
			text-shadow: 0px 2px 1px #999;
			-webkit-transition: all 0.3s linear;
			
			
		}
			

		ul#nav li:hover {
			background-color:			#dcebeb	;
			-webkit-transform: translateY(-3px) scale(1.05);
			-webkit-box-shadow: 0px 2px 7px #999;
			box-shadow: 0px 2px 7px #999;
			z-index:	1000;
		}
		
		ul#nav li:hover .icon {
			-webkit-transform: scale(1.5);
			
			 color: #d9007e;
		}
		
		ul#nav li a {
			display:			block;
			text-decoration: 	none;
			 color: #333;
			text-transform:		uppercase;
			font-size:			1.1em;
			-webkit-transition: all 0.3s linear;
			
						 
		}
		
		ul#nav li:hover a {
			 color: #570F01;
		}
		
		ul#nav li a  {
			margin:		0;
			padding:	0;
			font-size:	1.8em;
			display:	block;
			text-transform:capitalize;
			font-weight:bold;
			text-align: center;
			font-family:Segoe Print;
			
		}
		
		ul#nav li:hover a  {
			-webkit-animation: slideFromTop 300ms ease-in-out;
			-moz-animation: slideFromTop 300ms ease-in-out;
			-ms-animation: slideFromTop 300ms ease-in-out;
		}
		
		ul#nav li a span {
			display:	block;
		}
		
		ul#nav li:hover a span {
			-webkit-animation: slideFromRight 300ms ease-in-out;
			-moz-animation: slideFromRight 300ms ease-in-out;
			-ms-animation: slideFromRight 300ms ease-in-out;
		}
		
		@-webkit-keyframes slideFromTop {
			from {
				opacity: 0;
				-webkit-transform: translateY(-200%);
				-moz-transform: translateY(-200%);
			}
			to {
				opacity: 1;
				-webkit-transform: translateY(0%);
				-moz-transform: translateY(0%);
			}
		}
		@-moz-keyframes slideFromTop {
			from {
				opacity: 0;
				-moz-transform: translateY(-200%);
				
			}
			to {
				opacity: 1;
				-moz-transform: translateY(0%);
			}
		}
		@-ms-keyframes slideFromTop {
			from {
				opacity: 0;
				-ms-transform: translateY(-200%);
			}
			to {
				opacity: 1;
				-ms-transform: translateY(0%);
			}
		}
		
		@-webkit-keyframes slideFromRight {
			from {
				opacity: 0;
				-webkit-transform: translateX(200%);
			}
			to {
				opacity: 1;
				-webkit-transform: translateX(0%);
			}
		}
		@-moz-keyframes slideFromRight {
			from {
				opacity: 0;
				-moz-transform: translateX(200%);
			}
			to {
				opacity: 1;
				-moz-transform: translateX(0%);
			}
		}
		@-ms-keyframes slideFromRight {
			from {
				opacity: 0;
				-ms-transform: translateX(200%);
			}
			to {
				opacity: 1;
				-ms-transform: translateX(0%);
			}
		}		
		
		div#panel {
			margin: 	0 1px;
			width:		560px;
			height:		477px;
			float:		left;
			border:		2px solid #cfcfcf;
			background: #fefefe;
			-webkit-box-shadow: 0px 0px 4px #ccc;
			box-shadow: 0px 0px 4px #ccc;
		}
		
		div#smallpanel {
			margin: 	0 1px;
			width:		60px;
			height:		477px;
			float:		left;
			border:		2px solid #cfcfcf;
			
			-webkit-box-shadow: 0px 0px 4px #ccc;
			box-shadow: 0px 0px 4px #ccc;
		}
		
		#smallpanel h3 {
			width:		477px;
			margin:		0;
			padding:	0;
			font-size:	5em;
			display:	block;
			text-transform:capitalize;
			color:		#8faabd;
			color:		rgba(255,255,255,0.5);
			font-weight:normal;
			-webkit-transform-origin: 0 0;
			-moz-transform-origin:  0 0;
			-webkit-transform: rotate(90deg) translateY(-60px) translateX(20px);
			-moz-transform: rotate(90deg) translateY(-60px) translateX(20px);
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			cursor:		pointer;
		}
		
		#smallpanel h3:hover {
			color:		#570F01;
			text-shadow: 0px 2px 1px #ccc;
		}
		
		#smallpanel h3 span.icon {
			font-family:  Segoe Print;
			font-size:		0.7em;
			line-height:	1.9em;
			display:		block;
			float:			left;
			margin-right:	10px;
		}