body {
  padding: 0px;
  margin: auto;
  font-family: Cambria, Georgia, serif;
  line-height: 1.2em;
  font-size:100%;
  background:#f5f57b;
}
#header, #nav, #footer,  h1, h2, h3, h4 {
  font-family: 'Open Sans Condensed', sans-serif;
}
#header {
  color: #fff;
  background:#cc3300;
  text-align: center;
  margin: 0px;
  padding: 0;
}
#header h1{
	padding: 30px 0 20px 80px;
	margin: 0;
}

#footer { 
	color: #ffffff;
	background: #cc3300;  
	padding: 2px 2px 2px 2px;
	margin: 0;
	clear: both;
  	width: 100%; 
	text-align: center;
}

#rooms {
	width: 99%;
	max-width:800px;
}
 
#rooms img{
	display: block;
	width:100%;
    max-width:300px; 
	max-height:225px;
    height: auto;
	padding: 2px;
}

#rooms .long {
	display: block;
	width:100%;
    max-width:225px; 
	max-height:300px;
    height: auto;
	float: left;
	padding: 30px;
}

div.roomimg {

	float: left;
	position:relative;
}

div.caption{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:2px; /* position will be on bottom */  
    left:2px;  
    width:98.5%;  
    /* styling bellow */  
    background-color:#cc3300;  
    font-family: 'tahoma';  
    font-size:15px;  
    color: #f5f57b;
	font-weight: bold;
	text-align: center;
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}

div.caption1{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:29px; /* position will be on bottom */  
    left:30px;  
    width:79%;  
    /* styling bellow */  
    background-color:#cc3300;  
    font-family: 'tahoma';  
    font-size:15px;  
    color: #f5f57b;
	font-weight: bold;
	text-align: center;
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}

p.desc{  
    padding:5px;  
    margin:0px;  
} 

.breakfast{
	width: 98%;
	color: #cc3300;
	text-align: center;
	padding: 20px;
	background: #f0dfb2;  
	box-shadow: 0 0 5px #ccc;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {color: #f5f57b}

#footer h3 {
	padding: 20px 20px;
}

#content{
max-width:1280px;
margin: 20px auto;
}

.bxslider {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.bxslider  img{
	width:100%;
    max-width:1000px; 
	max-height:220px;
    height: auto;
	}


#main {
	float: left;
	width: 60%;
	margin: 0 0 20px 0;
	padding: 0;
}

#main .textArea {
	color: #cc3300;
	margin-right: 2%;
	padding: 0 2% 0 2%;
	vertical-align: middle;
	}

.textArea a {
	color: #cc3300;
	text-decoration: underline;
}

.textArea a:hover {color: #cc3300}	
	
#main .textArea .map {
	width: 100%;
	height: 400px;
	}

#rates {
	float: left;
	width: 60%;
	margin: 0 0 20px 0;
	padding: 0;
}

#rates .textArea {
	color: #cc3300;
	margin-right: 2%;
	padding: 0 2% 0 2%;
	vertical-align: middle;
	}

.sidebar{
	background:#f0dfb2;
	float: left;
	margin: 0 0 20px 1%;
	padding: 0;
	width:39%; 
}
.sidebar .textArea {
	padding: 20px;
	color: #cc3300;
	font-size: 85%;  
	box-shadow: 0 0 5px #ccc;
} 

.sidebar .textArea  .payments {
	display: block;
	width:100%;
    max-width: 250px; 
	max-height: 50px;
    height: auto;
	margin-left: 0px;
}

.sidebar .textarea .trip1{
	max-width: 154;
	max-height: 78;
	margin-left: auto;
	margin-right: auto;
}

#header  img{
	display: block;
	width:100%;
    max-width:703px; 
	max-height:79px;
    height: auto;
	margin-left: auto;
	margin-right:auto;
}
.failte logo {

	display: block;
	width: 200px;
	max-width: 200px; 
	max-height: 44px;
	height: auto;
	margin-left: auto;
	margin-right:auto;	
}

#rates .payments{
	display: block;
	width:100%;
    max-width: 250px; 
	max-height: 50px;
    height: auto;
	margin-left: 0;
}


.failte {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background: #f0dfb2;
	width: 95%;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0 0 5px #ccc;
	}

#images  img{
	display: block;
	width:100%;
    max-width: 200px; 
	max-height:150px;
    height: auto;
	margin-left: auto;
	margin-right:auto;
}
	
.textArea  img{
	display: block;
	width:100%;
    max-width:200px; 
	max-height:150px;
    height: auto;
	margin-left: auto;
	margin-right:auto;
}

.trip1 img{
    max-width: 154px; 
	max-height: 78px;

}

.amenities{
	display: inline-block;
    position: relative;
    margin: 10 auto;
    max-width: 800px;  
    text-align: left;
	width: 95%
 
}
.amenities  img{
	float: left;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-top: 10px;
	max-width:200px; 
	max-height:150px;
    height: auto;

}
	
/*  
Menu Not Required for Avonmore - see styles.css and #nav
#menu ul {
  margin: 0;
  padding: 3px;
  list-style: none;
  color: #333;
  background:#cc3300;
  overflow: hidden; 
  text-align: center;
}

#menu li {
  display:inline-block;
}
#menu a {
  display: block;
  color:#f5f57b;
  text-decoration: none;
  padding: 10px;
  font-weight: bold;
}
#menu a:hover {
	background: rgb(51,51,51);
	color: #fff;
}
*/

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
	.sidebar{
	margin: 0 0 20px 1%;
	clear:both;
	width:98%; 
	}
	#main {
	clear:both;
	width:100%;	
	}
	#main .textArea {
	margin:0;
	}	
	
	#rates {
	clear:both;
	width:100%;	
	}
	#rates .textArea {
	margin:0;
	}

	
}

@media screen and (max-width: 480px) {
	body{
		font-size: 100%;
	}
	.sidebar{
		margin: 0;
		width:100%;   
	}
	.TA_selfserveprop{
	margin: auto;
	
	}
	
	
/* make images disappear for mobile phones	 */
#rightsideimage{
	clip: rect(0 0 0 0);
	max-height: 0;
    position: absolute;
    overflow: hidden;
	display: block;
	}
	
.amenities {
	font-size: 75%;
	}	

.failte {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background:#f0dfb2;
	width:99%;
	padding: 2px;
	}
.breakfast {
	width:99%;
	padding: 2px;
	text-align: center;
	background:#f0dfb2;
}