html {
	font-size: 100%
}
body {
	background: #c0d8eb;
	margin: 0px 0px 10px;
	font: 11px/14px arial, helvetica, sans-serif;
	color: #393a4f
}
form {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
a {
	outline: none
}
.12 {
	font-size: 12px
}

h2{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 16px;
	font-family:arial, helvetica, sans-serif;
	color:#444444;
	padding-bottom: 12px;
	margin: 0px;
	line-height: 16px;
	padding-top: 4px
}

h3{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	font-family:arial, helvetica, sans-serif;
	color:#444444;
	padding-bottom: 12px;
	margin: 0px;
	line-height: 16px;
	padding-top: 4px
}

hr{
	height:1px;
	width:90%;
}

#error {
	font-size: 20px;
	color: #3257b2;
}

#main {
	clear: both;
	border-right: #b8cee2 5px solid;
	padding-right: 4px;
	border-top: #b8cee2 0px solid;
	padding-left: 4px;
	background: #fff;
	padding-bottom: 4px;
	margin: 0px auto;
	overflow: hidden;
	border-left: #b8cee2 5px solid;
	width: 820px; padding-top: 0px;
	border-bottom: #b8cee2 5px solid;
	position: relative
}
.first {
	background: none transparent scroll repeat 0% 0%
}
#header {
	clear: both;
	background: url(../images/header-bg.jpg) no-repeat;
	left: 4px;
	overflow: hidden;
	width: 820px;
	position: absolute;
	top: 4px;
	height: 195px
}
#header p {
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	color: #c2cde8;
	padding-top: 5px
}
#header strong {
	clear: both;
	display: block;
	margin: 36px 0px 0px 10px
}
#header strong a {
	display: block;
	background: url(../images/logo.gif) no-repeat;
	overflow: hidden;
	width: 205px;
	text-indent: -9999px;
	height: 81px
}
#header .nav {
	clear: both;
	border-right: #fff 0px solid;
	border-top: #fff 1px solid;
	background: url(../images/white-dot.gif) #3157b2 repeat-x 0px 25px;
	margin: 28px 0px 0px;
	overflow: hidden;
	border-left: #fff 0px solid;
	width: 100%;
	border-bottom: #fff 0px solid
}
#header .nav ul {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
#header .nav ul li {
	border-right: #fff 1px solid;
	float: left;
	list-style-type: none;
	height: 26px
}
#header .nav ul li a {
	float: left;
	overflow: hidden;
	height: 25px
}
#header .nav ul li a.home {
	width:68px;
	background:url(../images/home.gif) no-repeat;
}
#header .nav ul li a.about {
	width:99px;
	background:url(../images/team.gif) no-repeat;
}
#header .nav ul li a.services {
	width:99px;
	background:url(../images/services.gif) no-repeat;
}
#header .nav ul li a.booking {
	width:91px;
	background:url(../images/booking.gif) no-repeat;
}
#header .nav ul li a.contact {
	width:91px;
	background:url(../images/contact.gif) no-repeat;
}
#header .nav ul li a:hover,
#header .nav ul li a.active {
	background-position:0 -25px;
	border-bottom:1px solid #b9c8eb;
}

#header .nav p {
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	background: url(../images/tel.gif) no-repeat;
	float: right;
	padding-bottom: 0px;
	margin: 6px 20px 0px 0px;
	overflow: hidden;
	width: 153px;
	text-indent: -9999px;
	padding-top: 0px;
	height: 12px
}
#content {
	clear: both;
	border-top: #b9c8eb 4px solid;
	margin: 195px 0px 0px;
	overflow: hidden;
	width: 820px
}
#left {
	clear: both;
	padding-right: 0px;
	padding-left: 5px;
	left: 0px;
	float: right;
	padding-bottom: 0px;
	margin: 200px 0px;
	overflow: hidden;
	width: 245px;
	padding-top: 0px;
	position: absolute;
	top: 4px;
	height: 480px;
}

#left ul {
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 8px 9px;
	overflow: hidden;
	width: 380px;
	padding-top: 0px
}
#left ul li {
	padding-right: 0px;
	padding-left: 7px;
	background: url(../images/black-dot.gif) no-repeat 0px 5px;
	float: left;
	padding-bottom: 0px;
	width: 360px;
	padding-top: 0px;
	list-style-type: none;
	
}
#left ul li a {
	color: #06f;
	text-decoration: none
}
#left ul li a:hover {
	text-decoration: underline
}
#left p {
	margin: 0px 0px 8px
}
#left p a {
	color: #06f;
	text-decoration: none
}
#left p a:hover{
	color: #06f;
	text-decoration: underline;
}
#left p a.bold {
	font-weight: bold;
text-decoration: none
}
#left p a.bold:hover {
	text-decoration: underline
}
.info-block {
	float: left;
	width: 820px
}
.h-box {
	clear: both;
	background: url(../images/h-box-bg.gif) #f4f4f4 repeat-x;
	overflow: hidden;
	width: 100%;
	border-bottom: #d6deef 1px solid
}
.h-box h1 {
	padding-right: 0px;
	padding-left: 24px;
	font-weight: normal;
	font-size: 23px;
	padding-bottom: 0px;
	margin: 0px;
	color: #393a4f;
	line-height: 58px;
	padding-top: 0px
}
.info-holder {
	clear: both;
	margin: 22px 0px 0px;
	overflow: hidden;
	width: 815px
}
.info-holder .txt-block {
	padding-right: 0px;
	padding-left: 260px;
	float: left;
	padding-bottom: 0px;
	width: 540px;
	padding-top: 0px;
}

.info-holder .txt-block span {
	clear: both;
	padding-right: 8px;
	display: block;
	padding-left: 0px;
	font-size: 12px;
	padding-bottom: 16px;
	margin: 2px 0px 0px;
	line-height: 16px;
	padding-top: 0px
}
.info-holder .txt-block p {
	margin: 0px 0px 8px
	font-size: 1.2em;
	line-height: 1.5em;

}
.info-holder .txt-block p a {
	color: #06f;
	text-decoration: none;
}
.info-holder .txt-block p a.bold {
	font-weight: bold;
	text-decoration: none
}
.info-holder .txt-block p a:hover {
	text-decoration: underline
}
.info-holder .txt-block p a.bold:hover {
	text-decoration: underline
}
.info-holder .txt-block ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 8px 9px;
	overflow: hidden;
	padding-top: 0px
}
.info-holder .txt-block ul li {
	padding-left: 7px;
	background: url(../images/black-dot.gif) no-repeat 0px 5px;
	list-style-type: none
}
.info-holder .txt-block ul li a {
	color: #06f;
	text-decoration: underline
}
.info-holder .txt-block ul li a:hover {
	text-decoration: none
}
.info-holder .txt-block .small-box {
	clear: both;
	border-right: #d3dcf3 1px solid;
	padding-right: 14px;
	border-top: #d3dcf3 1px solid;
	padding-left: 14px;
	background: #f4f8fb;
	padding-bottom: 10px;
	margin: 0px 0px 18px;
	border-left: #d3dcf3 1px solid;
	width: 332px;
	padding-top: 10px;
	border-bottom: #d3dcf3 1px solid
}
.info-holder .txt-block .small-box-2 {
	clear: both;
	border-right: #d3dcf3 1px solid;
	padding-right: 14px;
	border-top: #d3dcf3 1px solid;
	padding-left: 14px;
	background: #f4f8fb;
	padding-bottom: 10px;
	margin: 0px 0px 18px;
	border-left: #d3dcf3 1px solid;
	width: 332px; padding-top: 10px;
	border-bottom: #d3dcf3 1px solid
}
.info-holder .txt-block .small-box img {
	float: right;
	margin: 4px 0px 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}
.info-holder .txt-block .small-box p {
	float: left;
	margin: 0px;
	width: 172px
}
.info-holder .txt-block .small-box strong {
	display: block;
	width: 176px;
	line-height: 14px;
	text-align: right
}
.info-holder .txt-block .small-box strong span {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px
}
.info-holder .txt-block .small-box-2 strong span {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px
}
#footer {
	clear: both;
	padding-right: 0px;
	border-top: #c6ebf7 6px solid;
	padding-left: 0px;
	background: #ddf7ff;
	padding-bottom: 8px;
	overflow: hidden;
	width: 820px;
	padding-top: 0px
}
#footer .f-info {
	padding-right: 0px;
	padding-left: 8px;
	float: left;
	padding-bottom: 0px;
	width: 400px;
	padding-top: 8px
}
#footer .f-info p {
	clear: both;
	margin: 0px;
	color: #5b92a4;
	line-height: 12px
}
#footer .f-info p a {
	color: #5b92a4;
	text-decoration: underline
}