/* Start of CMSMS style sheet 'St Bathans - Layout' */
/* Layout CSS */
#sb_layout_container {
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	width:720px;
	border: solid 1px #444444;
	background-color: #FFFFFF;
}

#sb_layout_subcontainer {
	position:relative;
	width:720px;
	background-color: #FFFFFF;
}

#sb-header-1_ {
	position:relative;
	left:0px;
	top:0px;
	width:720px;
	height:119px;
	background-color: #444444;
}

#sb-header-2_ {
	position:relative;
	left:0px;
	top:0px;
	width:720px;
	height:74px;
	background-color: #444444;
}

#sb-header-3_ {
	position:relative;
	left:0px;
	top:0px;
	width:720px;
	height:79px;
	background-color: #444444;
}
#sb-nav {
	position:relative;
	left:0px;
	top:0px;
	width:720px;
	height:35px;
	background-color: #444444;
}

#sb-nav-home_ {
	position:absolute;
	left:0px;
	top:0px;
	width:88px;
	height:35px;
}

#sb-nav-accom_ {
	position:absolute;
	left:88px;
	top:0px;
	width:183px;
	height:35px;
}

#sb-nav-todo_ {
	position:absolute;
	left:271px;
	top:0px;
	width:147px;
	height:35px;
}

#sb-nav-booknow_ {
	position:absolute;
	left:418px;
	top:0px;
	width:129px;
	height:35px;
}

#sb-nav-spacer_ {
	position:absolute;
	left:547px;
	top:0px;
	width:173px;
	height:35px;
}

#sb-content_ {
	position:relative;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}

/* End of 'St Bathans - Layout' */

/* Start of CMSMS style sheet 'St Bathans - Content' */
/*****************
Content CSS
******************/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/* Set initial font styles  */
body {
   text-align: left;
   font-family: 'Trebuchet MS', Lucida Sans Unicode, Lucida Grande, Lucida Sans, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt; 
   background-color: #bab890;

}

/* set font size for all divs, this overrides some body rules */
div {
   font-size: 10pt;

}

p {
   padding-bottom: 12px;
}


/* if img is inside "a" it would have borders, we don't want that */
img {
   border: 0;
   outline:0; 
}


/* default link styles */
/* set all links to have underline and bluish color */
a, 
a:link 
a:active 
a:visited{
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
   outline: none; 
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: #385C72;
}

ul {
   list-style-type: circle;
   list-style-position: outside; 
   padding: 0px 20px 10px 20px;
   margin: 5px;
}
ul li {
   padding-bottom: 10px
}

/* Content classes CSS */
.heading {
	font-family: georgia, garamond, lucida sans unicode, lucida grande, lucida sans, verdana, arial, helveltica;
	font-size: 22pt; 
	padding-bottom: 10px;
	font-weight:normal;
}
.subheading {
	font-family: georgia, garamond, lucida sans unicode, lucida grande, lucida sans, verdana, arial, helveltica;
	font-size: 16pt;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Content IDs CSS */
div#content {
	margin: 17px;
}

#home_images, #accom_images, #todo_images {

	margin-left: 20px;
	width: 220px;
	text-align: center;
	z-index: 100;
}

div#home_images p, div#accom_images p, div#todo_images p {
	font-family: verdana, tahoma, arial, helveltica, san-serif;
	font-size: 10px;	
	text-align: center;
}
div#home_images img, div#accom_images img, div#todo_images img {
	border: solid 1px #939393;
}


div#booknow_bookings {
	margin: 10px auto;
	border: solid 1px #939393;
	background-color: #18507C; 
	height: 100px;
	width: 364px;
	text-align: center;
	
}
div#booknow_bookings a {
	color: #FFFFFF;
	
}

div#booknow_directions_form {
	width: 600px; 
	margin: 0 auto; 
	padding: 8px 8px 0px 8px; 
	background-color: #EEEEEE; 
	border: solid 1px #999999; 
}
input.btn {
	border: solid 1px #999999; 
	background-color: #DDDDDD;
}
div#booknow_directions_map {
	width: 600px;
	margin: 0 auto;
	padding: 8px 8px 0px 8px; 
	background-color: #EEEEEE; 
	border: solid 1px #999999; 

}

/* Footer CSS */
#footer {
	text-align: center;
	font-size: 10px;
	color: #111111;

}


/* CMOTION GALLERY */


/* Big Picture */
.bigpicture{
	padding:0 0 10px 0;
	clear:left;
	text-align:center;
}
#bigpicturecontainer{width:686px;overflow:hidden;}
.bigpicturecaption{
	text-align:center;
	margin:0 auto;
	padding:0;
	width: 400px;

}


/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */



div.largeview {

 text-align: center;

}



#motioncontainer {

margin-top: 5px;

height: 70px; /* according to gallery height */

width: 99.99%;

}



#motioncontainer a img {

border: 0; /* Set image border color */

margin: 0; /* chage this if you want some air inbetween images*/

height: 60px;

width:auto;

}



/* change cursor when clicking on image */

/*#motioncontainer a:active img {

cursor: progress;

}*/



#statusdiv {

background-color: #fff;

color: #FFBF00;/*#8f8f8f;*/

font-size: 65%;

font-weight: bold;

border: 0px solid #afafaf;

padding: .1em;

width: 100px;

position: absolute; /* Stop Editing Gallery Styles */

top: -10px;

left: 0px;

visibility: hidden;

}



#motioncontainer a:hover {

color: red; /* Dummy definition to overcome IE bug */

}



/* Those are already set in the template using

the "style"-tag for both of the divs. It seems to

work only this way - if someone could tell me why,

I'll appreciate!  */

/*

div#motioncontainer {

position:relative;

overflow:hidden;

}

div#motiongallery {

position:absolute;

left:0;

top:0;

white-space: nowrap;

}*/



/* END CMOTION GALLERY */






/* End of 'St Bathans - Content' */