@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'MyUnderwoodRegular';
    src: url('fonts/MyUnderwood-webfont.eot');
    src: url('fonts/MyUnderwood-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MyUnderwood-webfont.woff') format('woff'),
         url('fonts/MyUnderwood-webfont.ttf') format('truetype'),
         url('fonts/MyUnderwood-webfont.svg#MyUnderwoodRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0;
	padding:0px 0 0 0;
	font: 100%/1.4 "MyUnderwoodRegular",Palatino Linotype, Book Antiqua3, Palatino, serif; 
	color: #34251d;
	background: #dbc1a8;
	/*text-align:center;*/
}

body#window {
		background:none;
}	


img { -ms-interpolation-mode: bicubic; }

#header {
	background:url(images/menu-bar-home.png) no-repeat top left;
	width:990px;
	height:143px;
	z-index:1000;
}

#container {
	width:990px;
	height:804px;
	margin-left:auto;
	margin-right:auto;
	/*text-align:center;*/
	position:relative;
}

#contact #content {
	text-align:left;
	margin: -20px 0 0 80px;
	
	width:280px;
	height:320px;
}

body#rooms, body#location  {
	background:#dbc1a8;
	
	}
	
body#services, body#reservations, body#reservations2, body#gallery, body#about {
	background:#dbc1a8
}

#home #container {
	background:url(images/blackboard_v2.jpg) no-repeat top left;
}


#rooms #container {
	background:url(images/rooms.jpg) no-repeat top left;
}

#services #container {
	background:url(images/services-new.jpg) no-repeat top left;
}

#reservations #container {
	background:url(images/reservations.jpg) no-repeat top left;
}

#reservations2 #container {
	background:url(images/reservations-2.jpg) no-repeat top left;
}

#gallery #container {
	background:url(images/gallery.jpg) no-repeat top left;
}

#about #container {
	background:url(images/about.jpg) no-repeat top left;
	height:844px;
}

#location #container {
	background:url(images/location.jpg) no-repeat top left;
	text-align:left;
	color:#fff;
}
#location #container #content {
	font-size:0.9em;
}

#contact #container {
	background:url(images/contact.jpg) no-repeat top left;

}

#rooms #header {
	background:url(images/menu-bar-rooms.png) no-repeat top left;
}

#about #header, #contact #header {
	background:url(images/menu-bar-about.png) no-repeat top left;
}

#services #header, #reservations #header, #reservations2 #header, #gallery #header {
	background:url(images/menu-bar-services.png) no-repeat top left;
}

#location #header  {
	background:url(images/menu-bar-location.png) no-repeat top left;
}


img {
	border:none;
}

#header ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}

#header li {
	float:left;
	padding: 82px 0 0 0;
	margin: 0 30px 0 0 ;
}


#header li.services {
	margin: 0 6px 0 125px;
}

 #header li.about, #header li.location  {
	margin: 0 24px 0 0px;
}

#header li.contact {
	margin: 0 0px 0 0px;
}	

#home #homeText {
	width:400px;
	margin: -6px auto 0 360px;
	text-shadow:0px 0px 20px #f9e9b7, 0px 0px 20px #f9e9b7;
	height:120px;
	overflow:auto;
	font-size:0.9em;

}

#reservations #content div.content {
	width:260px;
	position:absolute;
	top:450px;
	left:370px;
	text-shadow:0px 0px 20px #f9e9b7, 0px 0px 20px #f9e9b7;
	font-size:1em;
	height:280px;
	overflow:auto;
}

 #reservations2 #content {
	width:440px;
	position:absolute;
	height:580px;
	top:140px;
	left:330px;
	text-shadow:0px 0px 20px #f9e9b7, 0px 0px 20px #f9e9b7;
	text-align:left;
	overflow:auto;
}

a {
	color:#fd0000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



#footer {
	position:absolute;
	top:695px;
	right: 5px;
	text-align:right;
	font-size:0;
	display: block !important;
	visibility: visible !important;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
}

#reservations #footer, #reservations2 #footer {
	right:200px;
}

#footer a {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center center;
}
#footer a.facebook {
	background-image: url(images/fb_24.png);
}
#footer a.twitter {
	background-image: url(images/twitter_24.png);
	border-radius: 3px;
	margin-left: 5px;
}

/* rollover states */

.servicesTransfers {
	position:absolute;
	top:426px;
	left:578px;
}

.maskLeft a {
	position:absolute;
	left:313px;
	top:221px;
	display:block;
	width:201px;
	height:232px;
	}
	
 .maskRight a {
	position:absolute;
	left:492px;
	top:240px;
	display:block;
	width:201px;
	height:213px;
	}
	
  .maskLeft a:hover{
		background:url(images/rollovers/mask-left.jpg);
}

.maskRight a:hover{
		background:url(images/rollovers/mask-right.jpg);
}

#home .home, li.home:hover {
	background:url(images/logo-home.png) top center no-repeat;
}

#reservations .reservations, li.reservations:hover {
	background:url(images/logo-reservations.png) top center no-repeat;
}

#rooms .rooms, li.rooms:hover {
	background:url(images/logo-rooms.png) top center no-repeat;
}

#gallery .gallery, li.gallery:hover {
	background:url(images/logo-gallery.png) top center no-repeat;
}

#services .services, li.services:hover {
	background:url(images/logo-services.png) top center no-repeat;
}

#about .about, li.about:hover {
	background:url(images/menu-news.png) top center no-repeat;
}

#location .location, li.location:hover {
	background:url(images/logo-location.png) top center no-repeat;
}

#contact .contact, li.contact:hover {
	background:url(images/logo-contact.png) top center no-repeat;
}

#header a,
#header a:hover {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 4px;
	padding-right: 4px;
}
#rooms #header a,
#rooms #header a:hover,
#location #header a,
#location #header a:hover {
	color: #ffffff;
}

.london {
	position:absolute;
	top:660px;
	left:0px;
	right:0px;
	text-align: center;
}

#language_selectors {
	position: absolute;
	top: 120px;
	left: 10px;
	z-index: 999;
}
#language_selectors a {
	display: display-block;
	margin-left: 10px;
}

#contact .london, #location .london, #gallery .london, #rooms .london {
	position:absolute;
	top:660px;
	text-align: left;
}

#services .london {
	position:absolute;
	top:660px;
	width: 100%;
	text-align: right;
}



#header li.home {
	padding:80px 10px 0 10px;
	margin: 4px 12px 0 0 ;
}


#header li.rooms{
	padding:80px 10px 0 10px;
	margin: 4px 12px 0 0 ;
}


#header li.reservations {
	padding:64px  0 0 0;
	margin: 18px 30px 0 0 ;
}
#header li.gallery {
	padding:70px  0 0 0;
	margin: 14px 30px 0 0 ;
	z-index:100;
}

#header li.contact {
	padding:80px 10px 0 10px;
	margin: 2px 0px 0 0 ;
}

#header li.location {
	padding:74px  0 0 0;
	margin: 8px 16px 0 0 ;
}

#header li.about {
	padding:80px 10px 0 20px;
	margin: 2px 12px 0 0 ;
}

h1 {
	font-size:1.2em;
}



.map {
	position:absolute;
	top:200px;
	left:207px;
}

.directions {
	position:absolute;
	top:300px;
	left:10px;
	width:130px;
}

.mainContent {
	position:absolute;
	top:172px;
	left:857px;
	width:130px;
}

 a#bin1 {
	position:absolute;
	left:68px;
	top:203px;
}

 a#bin2 {
	position:absolute;
	left:166px;
	top:198px;
}

 a#bin3 {
	position:absolute;
	left:264px;
	top:185px;
}

 a#bin4 {
	position:absolute;
	left:447px;
	top:150px;
}

 a#bin5 {
	position:absolute;
	left:637px;
	top:193px;
}

 a#bin6 {
	position:absolute;
	left:838px;
	top:236px;
}

 a#bin7 {
	position:absolute;
	left:850px;
	top:377px;
}

 a#bin8 {
	position:absolute;
	left:745px;
	top:404px;
}

 a#bin9 {
	position:absolute;
	left:46px;
	top:377px;
}

 a#bin10 {
	position:absolute;
	left:220px;
	top:464px;
}


 a#bin11 {
	position:absolute;
	left:350px;
	top:160px;
}


 a#bin12 {
	position:absolute;
	left:733px;
	top:215px;
}


 a#bin13 {
position:absolute;
	left:740px;
	top:468px;
}


 a#bin14 {
	position:absolute;
	left:273px;
	top:389px;
}

 a#bin15 {
	position:absolute;
	left:118px;
	top:303px;
}

 a#bin16 {
	position:absolute;
	left:215px;
	top:287px;
}

 a#bin17 {
	position:absolute;
	left:544px;
	top:166px;
}

 a#bin18 {
	position:absolute;
	left:156px;
	top:368px;
}

 a#bin19 {
	position:absolute;
	left:683px;
	top:304px;
}

 a#bin20 {
	position:absolute;
	left:810px;
	top:441px;
}

 a#bin21 {
	position:absolute;
	left:787px;
	top:314px;
}

a:hover#bin1 {
	background:url(images/bin-1.jpg) no-repeat top left;
}

a:hover#bin2 {
	background:url(images/bin-2.jpg) no-repeat top left;
}

a:hover#bin3 {
	background:url(images/bin-3.jpg) no-repeat top left;
}

a:hover#bin4 {
	background:url(images/bin-4.jpg) no-repeat top left;
}


a:hover#bin5 {
	background:url(images/bin-5.jpg) no-repeat top left;
}

a:hover#bin6 {
	background:url(images/bin-6.jpg) no-repeat top left;
}

a:hover#bin7 {
	background:url(images/bin-7.jpg) no-repeat top left;
}

a:hover#bin8 {
	background:url(images/bin-8.jpg) no-repeat top left;
}

a:hover#bin9 {
	background:url(images/bin-9.jpg) no-repeat top left;
}

a:hover#bin10 {
	background:url(images/bin-10.jpg) no-repeat top left;
}

a:hover#bin11 {
	background:url(images/bin-11.jpg) no-repeat top left;
}

a:hover#bin12 {
	background:url(images/bin-12.jpg) no-repeat top left;
}


a:hover#bin13 {
	background:url(images/bin-13.jpg) no-repeat top left;
}

a:hover#bin14 {
	background:url(images/bin-14.jpg) no-repeat top left;
}

a:hover#bin15 {
	background:url(images/bin-15.jpg) no-repeat top left;
}

a:hover#bin16 {
	background:url(images/bin-16.jpg) no-repeat top left;
}

a:hover#bin17 {
	background:url(images/bin-17.jpg) no-repeat top left;
}


a:hover#bin18 {
	background:url(images/bin-18.jpg) no-repeat top left;
}

a:hover#bin19 {
	background:url(images/bin-19.jpg) no-repeat top left;
}

a:hover#bin20 {
	background:url(images/bin-20.jpg) no-repeat top left;
}

a:hover#bin21 {
	background:url(images/bin-21.jpg) no-repeat top left;
}


#room1 {
	position:absolute;
	left:95px;
	top:201px;
}

#room2 {
	position:absolute;
	left:95px;
	top:491px;
}

#room3 {
	position:absolute;
	left:508px;
	top:250px;
}

#room4 {
	position:absolute;
	left:474px;
	top:511px;
}

#room5 {
	position:absolute;
	left:654px;
	top:250px;
}

#room6 {
	position:absolute;
	left:643px;
	top:511px;
}

a:hover#room1 {
	background:url(images/rooms-1.jpg) no-repeat top left;
}

a:hover#room2 {
	background:url(images/rooms-2.jpg) no-repeat top left;
}

a:hover#room3 {
	background:url(images/rooms-3.jpg) no-repeat top left;
}

a:hover#room4 {
	background:url(images/rooms-4.jpg) no-repeat top left;
}


a:hover#room5 {
	background:url(images/rooms-5.jpg) no-repeat top left;
}

a:hover#room6 {
	background:url(images/rooms-6.jpg) no-repeat top left;
}

#roomsWindow {
	background: url(images/rooms-frame.jpg) no-repeat top center;
	height:620px;
	color:#fff;
	text-align:center;
	width:896px;
	border: solid 1px #000;

}

#roomsWindow .content {
    padding:0px 36px 90px 16px;
	width:604px;

	margin:110px 0px 0 110px;
	height:400px;
	overflow:auto;
}

#roomsWindow .details {
	text-align:left;
	width:450px;
}


#aboutWindow, #aboutWindow2 {
	background: url(images/about-frame.gif) no-repeat top center;
	background-color:transparent;
	width:340px;
	height:500px;
	padding:220px 230px 0 230px;
	text-align:center;
	color:#000;
	text-shadow:0px 0px 20px #cfc0cd, 0px 0px 20px #cfc0cd;
}

#aboutWindow2 {
	background: url(images/about-frame-2.gif) no-repeat top center;
	background-color:transparent;
}


#aboutWindow .content, #aboutWindow2 .content {
	padding:0;
	margin:0px 0 0 0;
	height:260px;
	
}

#window {
	background-color : transparent;
}	
#servicesWindow {
	background: url(images/services-frame.jpg) no-repeat top left;
	background-color : transparent;
	text-align:left;
	color:#000;
	padding:130px 0 0 120px;

}

#servicesWindow div.content {
	overflow:auto;
	height: 440px;
	width: 440px;
	margin: 0px;
	padding: 0 10px 0 10px;
}

#services1 {
	position:absolute;
	left:401px;
	top:309px;
}

#services2 {
	position:absolute;
	left:103px;
	top:543px;
}

#services3 {
	position:absolute;
	left:331px;
	top:481px;
}


#services4 {
	position:absolute;
	left:592px;
	top:512px;
}

#services5 {
	position:absolute;
	left:251px;
	top:339px;
}

a:hover#services1 {
	background:url(images/services-1.jpg) no-repeat top left;
}

a:hover#services2 {
	background:url(images/services-2.jpg) no-repeat top left;
}

a:hover#services3 {
	background:url(images/services-3b.jpg) no-repeat top left;
}

a:hover#services4 {
	background:url(images/services-4.jpg) no-repeat top left;
}

a:hover#services5 {
	background:url(images/services-5.jpg) no-repeat top left;
}


#about1 {
	position:absolute;
	left:249px;
	top:327px;
z-index:4;
}

#about2 {
position:absolute;
	left:325px;
	top:31px;
	z-index:4;
}

#about3 {
position:absolute;
	left:658px;
	top:358px;
	z-index:4;
}

#about4 {
position:absolute;
	left:0px;
	top:549px;
	z-index:4;

}


a:hover#about1 {
	background:url(images/about-1.jpg) no-repeat top left;
}

a:hover#about2 {
	background:url(images/about-2.jpg) no-repeat top left;
}

a:hover#about3 {
	background:url(images/about-3.jpg) no-repeat top left;
	
}

a:hover#about4 {
	background:url(images/about-4.jpg) no-repeat top left;
}

#contact1 {
position:absolute;
	left:177px;
	top:511px;

}

#contact2 {
position:absolute;
	left:0px;
	top:436px;
}

a:hover#contact1 {
	background:url(images/contact-1.jpg) no-repeat top left;
}

a:hover#contact2 {
	background:url(images/contact-2.jpg) no-repeat top left;
}



#home1 {
	position:absolute;
	left:228px;
	top:115px;
}

#home2 {
	position:absolute;
	left:85px;
	top:388px;
}


#home3 {
	position:absolute;
	left:847px;
	top:167px;
}

#home4 {
	position:absolute;
	left:676px;
	top:589px;
}
#home5 {
	position:absolute;
	left:342px;
	top:334px;
}

#home6 {
	position:absolute;
	left:342px;
	top:259px;
}


#home7 {
	position:absolute;
	left:569px;
	top:441px;
}

#home8 {
	position:absolute;
	left:377px;
	top:554px;
}

#home9 {
	position:absolute;
	left:805px;
	top:468px;
}

.left {
	width:180px;
	float:left;
	margin: 0 20px 0 0;
	text-align:left;
}

.right {
	width:180px;
	float:left;
	text-align:left;
	
}

#services .left, #services .right {
	width:270px;
	float:left;
}

#servicesWindow .left, #servicesWindow .right {
	width:195px;
}

#reservations .left, #reservations .right {
	width:220px;
}

#services #mainContent {
	width:596px;
	color:#fff;
	margin-left:180px;
	font-size:0.9em;
	height:160px;
}

body {
scrollbar-arrow-color: #887551;
scrollbar-base-color: #322804;
scrollbar-dark-shadow-color: #887551;
scrollbar-track-color: #322804;
scrollbar-face-color:#322804;;
scrollbar-shadow-color: #887551;
scrollbar-highlight-color:#887551;
scrollbar-3d-light-color: #322804;
}
	


body ::-webkit-scrollbar {
    width: 12px;
}

body ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(117,90,56,1);
    border-radius: 10px;
}

body ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 12px rgba(117,90,56,1);
}

#cboxNext {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 90px;
	height: auto;
	float: none;
	opacity: 0.5;
}
#cboxNext:after {
	position: absolute;
	content: '\00a0';
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-size: 30px;
	background: url(images/Forward-50.png) no-repeat center center;
	width: 50px;
	height: 100px;
	margin: -50px 0 0 -25px;
}
#cboxPrevious {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	width: 90px;
	height: auto;
	float: none;
	opacity: 0.5;
}
#cboxPrevious:after {
	position: absolute;
	content: '\00a0';
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-size: 30px;
	background: url(images/Back-50.png) no-repeat center center;
	width: 50px;
	height: 100px;
	margin: -50px 0 0 -25px;
}
#cboxNext:hover,
#cboxPrevious:hover {
	opacity: 1;
}

.blackboard {
	position: absolute;
	width: 202px;
	height: 387px;
	left: 0px;
	top: 115px;
	color: #ffffff;
}
.blackboard.colorbox {
	cursor: pointer;
}
.blackboard:hover {
	background: url(images/home-9.jpg) no-repeat top left;
}
.bb_head {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 176px;
	height: 115px;
	background: url(images/special_offers.png) no-repeat top left;
	opacity: 0.4;
	animation: blink 1s infinite;
}
.blackboard:hover .bb_head {
	
}
.bb_content {
	/*font-family: 'Gochi Hand', cursive;*/
	position: absolute;
	top: -70px;
	left: -20px;
	width: 280px;
	height: 630px;
	font-size: 40px;
	transform: matrix3d(
2,	0.0631594459180666,	0,	0.006933058257196188,
0,	1,	0,	0,
0,	0,	1,	0,
0,	0,	0,	4
);
}
.bb_feed span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 280px;
}
.bb_feed span {
	animation: type 2s steps(60, end); 
}
.bb_feed span:nth-child(2){
  animation: type2 4s steps(60, end);
}
.bb_feed span:nth-child(3){
  animation: type3 6s steps(60, end);
}
.bb_feed span:nth-child(4){
  animation: type4 8s steps(60, end);
}
.bb_feed span:nth-child(5){
  animation: type5 10s steps(60, end);
}
.bb_feed span:nth-child(6){
  animation: type6 12s steps(60, end);
}
.bb_feed span:nth-child(7){
  animation: type7 14s steps(60, end);
}
.bb_feed span:nth-child(8){
  animation: type8 16s steps(60, end);
}
.bb_feed span:nth-child(9){
  animation: type9 18s steps(60, end);
}
.bb_feed span:nth-child(10){
  animation: type10 20s steps(60, end);
}

@keyframes type { 
  from { width: 0; } 
} 
@keyframes type2 {
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type3 {
  0%{width: 0;}
  66%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type4 {
  0%{width: 0;}
  75%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type5 {
  0%{width: 0;}
  80%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type6 {
  0%{width: 0;}
  83.3%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type7 {
  0%{width: 0;}
  85.7%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type8 {
  0%{width: 0;}
  87.5%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type9 {
  0%{width: 0;}
  88.8%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type10 {
  0%{width: 0;}
  89%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink {
  to{opacity: 1;}
}

.margintop3 {
	margin-top: 10px;
}

.london a {
	color: #000000 !important;
}

.error {
	color: #FF0000 !important;
}

#cboxClose {
	background: url('images/x.png') no-repeat center center;
}
#cboxOverlay {
	
}
.blog-cat-count {
	visibility: hidden;
}
ul:hover .blog-cat-count {
	visibility: visible;
}

@keyframes newspapers1 {
	0% {opacity: 0;}
    12.5% {opacity: 1;}
}
@-o-keyframes newspapers1 {
	0% {opacity: 0;}
    12.5% {opacity: 1;}
}
@-moz-keyframes newspapers1 {
	0% {opacity: 0;}
    12.5% {opacity: 1;}
}
@-webkit-keyframes newspapers1 {
	0% {opacity: 0;}
    12.5% {opacity: 1;}
}

@keyframes newspapers2 {
	12.5% {opacity: 0;}
    25% {opacity: 1;}
}
@-o-keyframes newspapers2 {
	12.5% {opacity: 0;}
    25% {opacity: 1;}
}
@-moz-keyframes newspapers2 {
	12.5% {opacity: 0;}
    25% {opacity: 1;}
}
@-webkit-keyframes newspapers2 {
	12.5% {opacity: 0;}
    25% {opacity: 1;}
}

@keyframes newspapers3 {
	25% {opacity: 0;}
    37.5% {opacity: 1;}
}
@-o-keyframes newspapers3 {
	25% {opacity: 0;}
    37.5% {opacity: 1;}
}
@-moz-keyframes newspapers3 {
	25% {opacity: 0;}
    37.5% {opacity: 1;}
}
@-webkit-keyframes newspapers3 {
	25% {opacity: 0;}
    37.5% {opacity: 1;}
}

@keyframes newspapers4 {
	37.5% {opacity: 0;}
    50% {opacity: 1;}
}
@-o-keyframes newspapers4 {
	37.5% {opacity: 0;}
    50% {opacity: 1;}
}
@-moz-keyframes newspapers4 {
	37.5% {opacity: 0;}
    50% {opacity: 1;}
}
@-webkit-keyframes newspapers4 {
	37.5% {opacity: 0;}
    50% {opacity: 1;}
}

@keyframes newspapers5 {
	50% {opacity: 0;}
    62.5% {opacity: 1;}
}
@-o-keyframes newspapers5 {
	50% {opacity: 0;}
    62.5% {opacity: 1;}
}
@-moz-keyframes newspapers5 {
	50% {opacity: 0;}
    62.5% {opacity: 1;}
}
@-webkit-keyframes newspapers5 {
	50% {opacity: 0;}
    62.5% {opacity: 1;}
}

@keyframes newspapers6 {
	62.5% {opacity: 0;}
    75% {opacity: 1;}
}
@-o-keyframes newspapers6 {
	62.5% {opacity: 0;}
    75% {opacity: 1;}
}
@-moz-keyframes newspapers6 {
	62.5% {opacity: 0;}
    75% {opacity: 1;}
}
@-webkit-keyframes newspapers6 {
	62.5% {opacity: 0;}
    75% {opacity: 1;}
}

@keyframes newspapers7 {
	75% {opacity: 0;}
    87.5% {opacity: 1;}
}
@-o-keyframes newspapers7 {
	75% {opacity: 0;}
    87.5% {opacity: 1;}
}
@-moz-keyframes newspapers7 {
	75% {opacity: 0;}
    87.5% {opacity: 1;}
}
@-webkit-keyframes newspapers7 {
	75% {opacity: 0;}
    87.5% {opacity: 1;}
}

@keyframes newspapers8 {
	87.5% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes newspapers8 {
	87.5% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes newspapers8 {
	87.5% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes newspapers8 {
	87.5% {opacity: 0;}
    100% {opacity: 1;}
}

#home9_new {
	position:absolute;
	display: block;
	left:766px;
	top:464px;
	width: 224px;
	height: 168px;
	background: url('images/hp-news-8.jpg') no-repeat top left;
}
#home9_new span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	animation-duration: 5s;
	animation-iteration-count: 5;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: 5;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: 5;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 5;
}
#home9_new span:nth-child(1) {
	background: url('images/hp-news-1.jpg') no-repeat top left;
	animation-name: newspapers1;
	-o-animation-name: newspapers1;
	-moz-animation-name: newspapers1;
	-webkit-animation-name: newspapers1;
}
#home9_new span:nth-child(2) {
	background: url('images/hp-news-2.jpg') no-repeat top left;
	animation-name: newspapers2;
	-o-animation-name: newspapers2;
	-moz-animation-name: newspapers2;
	-webkit-animation-name: newspapers2;
}
#home9_new span:nth-child(3) {
	background: url('images/hp-news-3.jpg') no-repeat top left;
	animation-name: newspapers3;
	-o-animation-name: newspapers3;
	-moz-animation-name: newspapers3;
	-webkit-animation-name: newspapers3;
}
#home9_new span:nth-child(4) {
	background: url('images/hp-news-4.jpg') no-repeat top left;
	animation-name: newspapers4;
	-o-animation-name: newspapers4;
	-moz-animation-name: newspapers4;
	-webkit-animation-name: newspapers4;
}
#home9_new span:nth-child(5) {
	background: url('images/hp-news-5.jpg') no-repeat top left;
	animation-name: newspapers5;
	-o-animation-name: newspapers5;
	-moz-animation-name: newspapers5;
	-webkit-animation-name: newspapers5;
}
#home9_new span:nth-child(6) {
	background: url('images/hp-news-6.jpg') no-repeat top left;
	animation-name: newspapers6;
	-o-animation-name: newspapers6;
	-moz-animation-name: newspapers6;
	-webkit-animation-name: newspapers6;
}
#home9_new span:nth-child(7) {
	background: url('images/hp-news-7.jpg') no-repeat top left;
	animation-name: newspapers7;
	-o-animation-name: newspapers7;
	-moz-animation-name: newspapers7;
	-webkit-animation-name: newspapers7;
}
#home9_new span:nth-child(8) {
	background: url('images/hp-news-8.jpg') no-repeat top left;
	animation-name: newspapers8;
	-o-animation-name: newspapers8;
	-moz-animation-name: newspapers8;
	-webkit-animation-name: newspapers8;
}
#home9_new:hover span {
	display: none;
}
#home9_new:hover {
	background-image: url('images/hp-news-hover.jpg');
}