body{
background-color:#e5eaf0;
	margin-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;}

#main{
width:630px;
float:left;}

.inner{
margin:5px;
background-color:#2D0D00; }


#footer{
padding:0px;
margin:3px;
background-image: url(../images/footer.jpg);
height: 50px;
clear:both;}

#footer p{
color: #ffffff;
font-size: 0.8em;}

h1{
margin:3px;
background-color:#FFFFFF;
padding-left:2px;
font-size:1em;
color:#476c98;}

h2{
background-image:url(../images/info-box.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
padding:2px;
margin:1px;
font-size: 0.85em;}



h4{
color:#5e6b94;
font-weight:bold;
font-size:12px;
margin: 0px}

p{
margin:0px;
padding:2px;
font-size: 0.78em;
color: #2C444E;}


.blue{
color:#406472;}

.strangford_about_box {
margin:5px 2px;
padding:0;
list-style:none;
background-color:#FFFFFF;
border: 1px solid #e1e1e1;}


.photos{
float: right;
width: 455px;
margin:2px;}  

.detail{
float: left;
width:398px;
margin:2px;
clear:both;}

.photos{
float: right;
width: 380px;
margin:2px;}


.ardglass_about_box {
background-image:url(../images/ardglass_box.jpg);
	background-repeat:no-repeat;
margin:3px;
padding:0;
list-style:none;
background-color:#00aded;
border: solid 1px #FFFFFF;
}

.ardglass_about_box p{
color: #ffffff;}

.ardglass_about_box h1{
	color:#FFFFFF;
	font-size:1em;
	background-color: #01ADED;
}

.strangford_about_box p{
color: #314953;}

.strangford_about_box h1{
	
	font-size:1em;
}

.about_box ul{
margin:0;
padding:0;
list-style:none;
background-color:#EA8729;
border: solid 1px #FFFFFF;
margin-top:2px;
margin-bottom:10;
border-bottom: 3px solid #CCCCCC;
clear:both;
}
   
.clearone{
margin:0px;
padding:0px;
clear:both;
height: 1px;}

#big_wrapper{
margin-left:auto;
margin-right:auto;
min-height:600px;
}

#wrapper{
margin-left:auto;
margin-right:auto;	
background-color:#ffffff;
	padding:0;
	width:800px;
	border: 1px solid #E5E5E5;
}

.header{
margin:2px 2px 5px 2px;
min-height:125px;
color:#FFFFFF;} 

#header_bottom{
margin:2px 2px 10px 2px;
background-color:#6acff5;
clear:both;
} 

.links{
float:left;}

.return{
float:right;}

.events{
margin:3px 3px 6px 3px;
background-color:#FFFFFF; 
border: 1px solid #406472; }

.events a{
color:#00CC33;}

#footer{
clear:both;
width:790px;
margin:3px 2px 4px 4px;
padding:0;
font-size:0.8em;
background-color:#FFFFFF;} 



.selector{
clear:both;
margin:2px 2px;}


.selector_left{
margin:2px;
float:left;
width:394px;}



	
.selector_right{
margin:2px;
	float:right;
	width:394px;}
	
	
.selector_right h2{
margin:0;
background-color:#00aded;
color:#FFFFFF;
padding:2px;
font-weight:bold;}

.selector_left h2{
margin:0;

background-color:#6acff5;
color:#FFFFFF;
padding:2px;
font-weight:bold;}

.selector img{
	margin:2px;
	border: solid 1px #000000;
}

.strangford{
	
	background-repeat:no-repeat;
	margin:2px;
	float:left;
	width:391px;
	background-color:#6acff5;
	border: 1px solid #CECECE;
	z-index: 1;}
	
.chapel_island{
	background-color: #C7EE6C;
	margin:2px;
	float:left;
	width:391px;
	border: solid 1px #000000;
	z-index: 1;}
	
.salt_island{
background-color: #9FD91A;
	margin:2px;
	float:right;
	width:391px;
	border: solid 1px #000000;
	z-index: 1;}

.ardglass{
	margin:2px;
	float:right;
	width:391px;
	background-color:#0dbcfc;
	border: 1px solid #CCCCCC;
	z-index:3}


.ardglass_accommodation_box{
margin-top:0px;
float:left;
width:189px;
background-color:#FFFFFF;
border: 2px solid #406472;
height: 145px;}


.ardglass_location_box{
float:right;
width:189px;
background-color:#FFFFFF;
border: 2px solid #406472;
height: 145px;}

.strangford_accommodation_box{
float:left;
width:189px;
background-color:#ffffff;
border: 2px solid #406472;
min-height: 145px;}

.strangford_location_box{
float:right;
width:191px;
background-color:#ffffff;
border: 2px solid #406472;
min-height: 145px;}



#header .img{
margin:0;}


#header-bottom ul{
margin:2px 0 2px 0;
float:left;}

#header-bottom li{
background-image:url(../images/button.jpg);
background-repeat:repeat-x;
border:1px solid #e5e5e5;
font-size: 0.8em;
display: inline;
color: #406472;
margin-left:2px;
}

#header-bottom a:link,#header-bottom a{
padding:2px;
font-weight:bold;
font-size: 0.95em;
text-decoration: none;
color: #314953;}

#header-bottom a:hover{
font-size: 0.95em;
text-decoration: none;
color:#00AEED;}

.about_box{
margin:4px;
padding: 0;
background-color: #799998;
color:#330D00;}

.about_box h2{
font-weight: bold;
padding-top:2px;
border-top:4px solid #EA8729;
font-size: 0.8em;}

.about_box img{
margin-left:4px;
margin-right:5px;
}
.brown{
border:solid 2px #330D00;}

#detail_box{
margin:2px;
background-color: #FFFFFF;
border:1px solid #406472;
color:#406472;}

.info_box{
margin: 0 3px 0 3px;
width:788px;
height:20px;
background-image:url(../images/info-box.jpg);
background-repeat:repeat-x;
font-size:0.8em;
color:#FFFFFF;}

.info_box h2{
padding:2px;
color:#FFFFFF;}


.info_box a,a:link.a:hover{

color:#33CC00;
font-weight:bold;}

.info_box p{
color:#FFFFFF;}

#detail_box img{
margin:3px;}

#detail_box a,detail_box a:link, detail_box a:hover{
color:#406472;
font-size:0.8em;
font-weight:bold;}

.main_image{
margin-left:425px;
margin-top:4px;
width:365px;}

.main_text{
	float:left;
	width:400px;
	padding: 2px;
}

.picture_title{
	background-color:#FFFFFF;
	margin: 3px 5px 3px 0;
	padding:2px;
	color:#314953;
	text-align:center;
	border: solid 1px #314953;
}

.sent{
padding:2px;
margin:2px;
font-size: 0.8em;
background-color:#66FF99;
color:#000033;}

.full{
margin:0px;
width:100%;}

.full h2{
margin:2px;
padding:0px;}

.full a{
color:#5484a3;
text-decoration:none;
font-size: 10px;
font-weight: bold;}

.left_info{
float:left;
width:390px;
margin-right:2px;
margin-left:2px;}

.lefta{
float:left;
width:189px;
border: 1px solid #e5e5e5;
margin-right:2px;}

.lefta img{
border:0px;
padding:0px;}

.rightb img{
border:0px;
padding:0px;}


.rightb{
float:right;
width:189px;
border: 1px solid #ebebeb;
}

.right_info{
float:right;
width:390px;
margin-right:2px;}




.moreinfo{
color:#999999;
font-size:10px;
margin:1px;}

.afloat{
float:right;}

.divider{
width: 100%;
border: 1px solid #cccccc;}

/* The slideshow CSS. Customize to meet your taste. */
.slideshow {
	font-family:Arial, Helvetica, sans-serif;
	width:370px;
	height:300px;
	overflow:hidden;
	background-color:#FFFFFF;
	
	color:#FFFFFF;
	border:1px solid #DDE2F7;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:6px 0 6px 6px;
	padding-top:0px;
	font-size:1px;
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
  
}
.slideshow > ul > li > div > p {
  font-size:11px;
  text-align:center;
  padding:5px 0px 0px 0px;
  margin:0px;
  color:#00BBBB;
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:465px;
	height:210px;
}
.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px;
	padding:0px;
	width:60px;
	height:60px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border: solid 2px #00BBBB;
}

.download{
width:95%;
display: block;}



/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 944px;	
	height:100px;	
	
	/* custom decorations */
	padding:0px 0;	
	border:1px solid #DDE2F7;
	background-color:#FFFFFF;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:center;
	width:185px;
	padding:0px 0px;
	font-size:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #ffffff;
	background-color: #ffffff;
	margin-right: 35px;

	-moz-border-radius:5px;
	margin-left: 10px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ffffff;		
	background-color:#fff;
}





.grey{
color:#999999;}

.highlight{
background-color: #f6f6f6;
border: 1px solid #e5f7fd;
margin:3px;
padding:0;}





.select{
margin:2px;
float:right;}


.select ul{
margin:0px;
float:left;}

.select li{
background-color: #70bd42;
border: solid 2px #a1e75b;
margin-right: 5px;
padding:1px;
font-size: 0.8em;
display: inline;
color: #ffffff;
}

.select a:link,.select a{
	font-weight:bold;
	font-size: 0.95em;
	text-decoration: none;
	color: #ffffff;
}

.select a:hover{
font-size: 0.95em;
text-decoration: none;
color:#314953;}

#low{
border: solid 1px #e5e5e5;
float:left;
margin-left:3px;
margin-top:3px;
width:250px;
margin-bottom:3px;
}

#mid{
margin-top:3px;
border: solid 1px #e5e5e5;
margin-left: 268px;
width:255px;
margin-bottom:3px;}

#high{
margin-left:5px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
border: solid 1px #e5e5e5;
float:right;
width:250px;
}

.days{
float:left;
width:180px;}

.price{
float:right;
width:35px;}

#map{
clear:both;}

#form1
{width: 95%;}