body 
{
	padding:0px;
	margin:0px;
	font-family:Arial;
	text-align:center;
	font-size:11.5px;
	background-color:#C6C5C6;
	color:#666666;
}
*
{
	padding:0;
	padding:0;
}
a
{
	color:#666666;
}
h2
{
	font-size:1em;
	font-weight:bold;
	color:#666666;
	margin-right:10px;
	margin-left:0px;
}
.bgimage {
   margin: 10px 10px 0px 0;
   padding-left: 40px;
   padding-right:20px;
   background: transparent url(../images/speechmark.png) no-repeat;
   background-position:top left; 
}
.speechRight
{
    height:20px;
    background: transparent url(../images/speechmarks_right.png) no-repeat;
   background-position:right;
   margin-right:20px;
    margin-top:-20px;
   border-bottom:dotted 1px #C7E2E2;
   padding-bottom:15px;
   padding-top:0px;
}
div#popupContent h2.title
{
    margin-left:0px;
}
h2.title
{
	margin-bottom:10px;
	margin-left:10px;
}
div#imageViewer h2.title
{
	margin-left:45px;
	margin-bottom:10px;	
}

p
{
	color:#666666;
	font-size:1em;
	margin-right:10px;
	margin-left:0px;
}
.underline
{
    text-decoration:underline;
}
p.stepDescription
{
	/*border:solid 1px red;*/
	height:120px;
	margin-bottom:20px;
}
div#sitewrapper
{
	width:980px;
	text-align:center;
	margin:20px auto 0 auto;
}
div#popupWrapper
{
	width:780px;
	text-align:center;
	/*margin:0 0 0 0;*/
}
div#popupContent
{
	text-align:left;
	width:780px;
	background-color:#FFFFFF;
	/*background-image:url(../images/bg_image_001.jpg);
	background-repeat:no-repeat;*/
	min-height:500px;
	padding:20px;	
}
ul.roomList li
{
    margin:0 15px 10px 15px;
}
div#header
{
	width:980px;
	height:120px;
	margin-top:12px;	
	background-color:#FFFFFF;
}

div#contentarea
{
	text-align:left;
	width:980px;
	background-color:#FFFFFF;
	/*background-repeat:no-repeat;
	background-image:url(../images/blue-gradient-bg.gif);*/
	min-height:350px;	
	
}
div#topNav
{
    margin-top:0;
	text-align:left;
	font-family:Arial;
	width:980px;
	height:25px;
	background-color:#FFFFFF;
	border-top:solid 1px #78B0A1;
	border-bottom:solid 1px #78B0A1;
}


div#left
{
	width:630px;
	float:left;
	margin-left:40px;
	padding-top:0px;
	margin-top:28px;
	
}

a img
{
	border:none;
	padding-left:0px;
	margin-left:0px;
}
div.invisible
{
	visibility:hidden;
}
div#middle
{
	width:310px;
	float:left;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:28px;
}

div#right
{
	width:240px;
	background-image:url(../images/rightColStrip.jpg);
	background-repeat:repeat-y;
	float:left;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:28px;
	min-height:350px;
	margin-bottom:20px;
}
div#footer
{
	width:980px;
	height:25px;
	text-align:center;
	background-color:#F0F7F7;
	font-size:12px;
	color:#437E7E;
	font-family:Arial;
	padding-top:5px;
	border-top:solid 1px #78B0A1;
	border-bottom:solid 1px #78B0A1;
}

div#left #aboutUsContent
{
	margin-left:10px;
	margin-top:20px;
	margin-right:10px;
	min-height:350px;
	text-align:left;
	
}
div#left #roomsContent
{
    margin-top:30px;   
        
}
/*div#left #howItWorksContent
{
	margin-left:10px;
	margin-top:20px;
	min-height:403px;
	text-align:right;
}
div#middle #latestNews span.title
{
	margin-left:0px;
	color:#666666;
	font-size:1em;	
	font-weight:bold;
	margin-left:0px;
}
div#middle #latestNews
{
	margin-left:10px;
	margin-top:20px;
}
img.stepImage
{
	
	margin-bottom:20px;
	
}*/
table#contactTable
{
    margin:20px 10px 20px 10px;
}
table#contactTable td
{
    padding:5px;
}
table.pricesTable
{
    margin:30px 10px 20px 10px;
    width:500px;
}
table.pricesTable td
{
    padding:5px 20px 5px 10px;
    
}
table.timesTable
{
    margin:30px 10px 20px 10px;
    width:300px;
}
table.timesTable td
{
    padding:5px 20px 5px 10px;
    
}
div.formBgPrices
{
   height:200px;
    background-image:url(../images/form-bg-short.png);
    background-repeat:no-repeat;
}
div#formBg
{
    height:390px;
    background-image:url(../images/form-bg.png);
    background-repeat:no-repeat;
}
div#right #contactInfo
{
	margin-left:50px;
	margin-top:20px;
	margin-right:10px;
	min-height:320px;
	
}
div#right #contactInfo span.title
{
	margin-left:0px;
	color:#666666;
	font-size:1em;	
	font-weight:bold;
	margin-left:0px;
}
div#right h2.title
{
	margin-left:50px;
}
div#right img.colouredLine
{
	margin-left:40px;
}

div#left #aboutUsContent span.title
{
	margin-left:0px;
	color:#666666;
	font-size:1em;	
	font-weight:bold;
}
#roomMap {
    width: 502px; 
    height: 492px;
    background: url(../images/RoomMap-updated_newest.png);
    background-repeat:no-repeat;
    margin: 10px auto; padding: 0;
    position: relative;
    /*border:solid red 1px;*/
}
#roomMap li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
}

#roomMap li#room1, #roomMap li#room1 a
{
    height:150px;
    display:block;
}
#roomMap li#room2, #roomMap li#room2 a
{
    height:148px;
    display:block;
}
#roomMap li#room3, #roomMap li#room3 a
{
    height:170px;
    display:block;
}
#roomMap li#room4, #roomMap li#room4 a
{
    height:110px;
    display:block;
}
#roomMap li#room5, #roomMap li#room5 a
{
    height:265px;
    display:block;
}
#roomMap li#room6, #roomMap li#room6 a
{
    height:225px;
    display:block;
}

#room1 
{
    left:0px; 
    top:75px;
    width: 133px;
}
#room2 
{
    left:0px; 
    top:225px;
    width: 133px; 
}
#room3 
{
    left: 173px;
    top: 95px; 
    width: 120px; 
    
}
#room4
{
    left: 173px;
    top: 265px; 
    width: 120px; 
}
#room5
{
    left: 293px;
    top: 1px; 
    width: 206px; 
}
#room6
{
    left: 293px;
    top: 265px; 
    width: 107px; 
}
#room1 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    0px -566px no-repeat;
}
#room2 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    0px -716px no-repeat;
}
#room3 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    -173px -586px no-repeat;
}
#room4 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    -173px -756px no-repeat;
}
#room5 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    -293px -492px no-repeat;
}
#room6 a:hover {
    background: transparent url(../images/RoomMap-updated_newest.png)
    -293px -756px no-repeat;
}
#simplegallery1 
{
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 3px solid #000000;
}

#simplegallery1 .gallerydesctext{ 
text-align: left;
padding: 2px 5px;
}

div.roomImage
{
    /*border:solid 1px red;*/
    float:right;
    padding:0 20px 20px 20px;
}
div.image
{
    float:right;
    padding:0 20px 20px 20px;
}
div.teamPhoto
{
    float:left;
    padding:0 20px 20px 0px;
}
div#imageViewer
{
	float:left;
	width:240px;
	padding-left:10px;
	margin-top:0px;
}
div #right a
{
	padding-right:5px;
}

div#login
{
	border:solid red 1px;
	text-align:center;
}
#navList{
/*specify here a width for a horizontal menu at fixed measure*/
width:928px;
list-style:none;
overflow:hidden;
margin:0;
padding:0 0 0 50px;
background-color:#F0F7F7;
/*border:1px solid #437E7E;*/

} 
#navList li{
display:inline;
} 

#navList a{
display:block;
float:left;
/*for links adaptable in width to its text content, using padding-right without the width*/
width:120px;
height:25px;
margin-left:1px;
padding-left:15px;
/*padding-right:60px;*/
background-color:#F0F7F7;
border-left:10px solid #C7E2E2;
font-family:arial;
font-size:12px;
text-decoration:none;
color:#437E7E;
line-height:25px;
} 

#navList a:hover{
text-decoration:underline;
} 

#navList a.current
{
    margin-left:0;
    background-color:#78B0A1;
    color:#FFFFFF;
    /*border-left:10px solid #CCCCCC;*/
    
}
#navList a.current:hover
{
     text-decoration:none;   
}

div#left ul#leftBulletList li
{
	color:#666666;
	font-size:1em;
	margin-bottom:10px;
}

span 
{
	color:#666666;
	font-size:1em;
	
}
span.NewsTitle
{
	color:#666666;
	font-size:1em;	
	font-weight:bold;
	margin-left:10px;
}
ul#leftBulletList
{
	margin-left:15px;
	list-style-image:url(../images/bulletpoint_001.png)
}


.clearfix:after
{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*fix for IE Mac*/
.clearfix
{
	display:inline-block;
}
/*hack for bug in IE6 */
*html .clearfix
{
	height:1%;
}
.clearfix
{
	display:block;
}