* {
margin: 0;
padding: 0;
}
BODY, HTML {
background: #f0f0f0;
color: #000;
font: 12px Arial, Helvetica, sans-serif normal;
}
#container {
width: 895px;
margin: 0 auto;
border: 4px solid #293b4f;
}
#header {
width: 895px;
height: 453px;
background: url(../../images/sanctuary/header.jpg) no-repeat;
}
#header_bottom {
width: 895px;
height: 20px;
background: #c1d2d9;
border-bottom: 1px solid #97a09f;
}
#subheader {
width: 895px;
height: 242px;
background: url(../../images/sanctuary/subheader.png) no-repeat;
}
#main_container {
width: 895px;
overflow: hidden;
background: #fff;
}
#main {
width: 580px;
float: left;
}
#column {
width: 295px;
float: right;
}
#videos {
width: 261px;
margin: 10px auto;
}
img { border: 0; }
h2 {
font-size: 16px;
font-weight: bold;
color: #303a43;
padding: 10px 10px 0 10px;
}
h3 {
font-size: 14px;
font-weight: bold;
color: #C00;
padding: 10px 10px 0 10px;
}
#main p { 
padding: 10px; 
line-height: 18px;
}
#column ul {
list-style-type: none;	
width: 260px;
margin: 20px 0 0 0;
}
#column li {
width: 260px;
height: 20px;
border-bottom: 1px dotted #666;
padding: 5px;
}
#column li a {
font-weight: bold;	
color: #a2b9c3;
text-decoration: none;
line-height: 20px;
padding: 0 0 0 10px;
}
#column li:hover {
background: #eef8fa;	
}
#booknow {
width: 250px;
height: 119px;
background: url(../../images/booknow.png) no-repeat;
margin: 10px;
}
#footer_bar {
width: 895px;
height: 23px;
background: #fff;
}
#footer_bar img {
margin: 0 auto;
display: block;
}
.text1 {
padding: 10px;	
background: #fff;
}
.text1 a {
color: #303a43;
font-weight: bold;
text-decoration: none;
}
.text1 a:hover {
color: #64798C;
font-weight: bold;
text-decoration: none;
}
.text10 {
font-size: 10px;
padding: 10px;
}
#footer {
width: 895px;
height: 100px;
color: #303a43;
background: #fff;
}
#footer a {
color: #303a43;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
color: #64798C;
font-weight: bold;
text-decoration: none;
}
.text2 {
float: left;
padding: 80px 10px 10px 10px;
}
.text3 {
float: right;	
padding: 80px 10px 10px 10px;
}
.text4 {
position: absolute;
margin: 293px 0 0 195px;
font-weight: bold;
}
#subheader_box1 {
width: 240px;
height: 90px;
position: absolute;
margin: 130px 0 0 620px;
}
#subheader_box1 h2 {
font-weight: bold;
font-size: 15px;
padding: 0;
color: #3b4958;
}
#subheader_box1 p {
font-size: 10px;
padding: 5px 0;
color: #496d7c;
}
#subheader_box2 {
width: 315px;
margin: 0 0 0 10px;
}
#subheader_box2 h1 {
font-size: 15px;
font-weight: bold;
padding: 10px 10px 0 0;
color: #3b4958;
}
#subheader_box2 p {
font-size: 10px;
padding: 5px 0;
color: #496d7c;
}
.text5 a {
font-weight: bold;
text-decoration: none;
color: #496d7c;
}
.text5 a:hover {
font-weight: bold;
text-decoration: underline;
color: #496d7c;
}
.text6 {
float: left;
}
.text6 a {
font-weight: bold;
text-decoration: none;
color: #496d7c;
}
.text6 a:hover {
font-weight: bold;
text-decoration: underline;
color: #496d7c;
}
#subheader_box3 {
width: 315px;
margin: 0 0 0 10px;
}
#subheader_box3 p {
font-size: 10px;
padding: 5px 0;
color: #496d7c;
}
#subheader_box3 ul {
list-style-type: none;
margin: 5px 0 0 0;
}
li#thumb1 a {
width: 93px;
height: 89px;
background: url(../../images/thumb1.png) no-repeat;
float: left;
}
li#thumb2 a {
width: 93px;
height: 89px;
background: url(../../images/thumb2.png) no-repeat;
float: left;
margin: 0 5px;
}
li#thumb3 a {
width: 93px;
height: 89px;
background: url(../../images/thumb3.jpg) no-repeat;
float: left;
}
#subheader_box4 {
width: 560px;
margin: 0 0 0 10px;
}
#subheader_box4 p {
font-size: 10px;
padding: 5px 0;
color: #496d7c;
}
#subheader_box4 ul {
list-style-type: none;
margin: 5px 0 0 0;
position: relative;
height: 650px;
}
li#thumb4 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary1.jpg) no-repeat;
position: absolute;
top: 0;
left: 0;
}
li#thumb5 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary2.jpg) no-repeat;
position: absolute;
top: 0;
left: 168px;
}
li#thumb6 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary3.jpg) no-repeat;
position: absolute;
top: 0;
left: 336px;
}
li#thumb7 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary4.jpg) no-repeat;
position: absolute;
top: 130px;
left: 0;
}
li#thumb8 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary5.jpg) no-repeat;
position: absolute;
top: 130px;
left: 168px;
}
li#thumb9 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary6.jpg) no-repeat;
position: absolute;
top: 130px;
left: 336px;
}
li#thumb10 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary7.jpg) no-repeat;
position: absolute;
top: 260px;
left: 0;
}
li#thumb11 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary8.jpg) no-repeat;
position: absolute;
top: 260px;
left: 168px;
}
li#thumb12 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary8.jpg) no-repeat;
position: absolute;
top: 260px;
left: 336px;
}
li#thumb13 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary10.jpg) no-repeat;
position: absolute;
top: 390px;
left: 0;
}
li#thumb14 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary11.jpg) no-repeat;
position: absolute;
top: 390px;
left: 168px;
}
li#thumb15 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary12.jpg) no-repeat;
position: absolute;
top: 390px;
left: 336px;
}
li#thumb16 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary13.jpg) no-repeat;
position: absolute;
top: 520px;
left: 0;
}
li#thumb17 a {
width: 158px;
height: 120px;
background: url(../../images/sanctuary/thumbs/sanctuary14.jpg) no-repeat;
position: absolute;
top: 520px;
left: 168px;
}
#phone {
width: 190px;
height: 60px;
position: absolute;
margin: 390px 0 0 680px;
text-align: center;
}
#phone p { padding: 0; }
.text7 {
font-size: 30px;
font-weight: bold;
color: #2a686c;
}
.text8 a {
font-size: 12px;
font-weight: bold;
color: #2a686c;
text-decoration: none;
}
.text8 a:hover {
text-decoration: underline;	
}
#menu {
width: 600px;
height: 30px;
float: left;
margin: 420px 0 0 40px;
}
#menu ul {
list-style-type: none;	
position: relative;
}
#menu li a {
width: 100px;
color: #2a686c;
font-weight: bold;
text-decoration: none;
float: left;
padding: 5px;
}
#menu li a:hover {
text-decoration: underline;	
}

.gallery
{
border: 1px solid red;
float: left;
width: 450px;
}
#thumbBox{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0px;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar{ 
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ 
background-color: white;
}

#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}