@charset "utf-8";
css {
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #353831;
	font-family: Arial, Helvetica, sans-serif;
}

#headerbg {
	clear: both;
	height: 203px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top_bg.png);
}
#headderholder {
	clear: both;
	height: 150px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#logo {
	float: left;
	height: 99px;
	width: 187px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../images/srlogo.png);
	margin-top: 50px;
}
#logo a {
	color: #32352E;
	text-decoration: none;
	display: block;
	height: 99px;
	width: 187px;
}

#book-now {
	float: right;
	margin-right:35px;
	margin-top: 50px;
}



#navigation {
	float: right;
	height: 40px;
	width: 600px;
	margin-top: 20px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	display: block;
}
#navigation li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
#navigation a {
	margin: 0px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
	color: #7A8271;
	font-size: 16px;
}
#navigation a:hover {
	margin: 0px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
	color: #FFFFFF;
}
#content {
	clear: both;
	height: 307px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/home_bar_bg.png);
}
#contentholder {
	clear: both;
	height: 307px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}
#contleft {
	float: left;
	height: 307px;
	width: 566px;
}
#imgtext {
	height: 270px;
	width: 565px;
	margin-top: 20px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h3 {
	margin: 0px;
	padding: 15px;
	color: #757B6A;
}
#textcontent {
	clear: both;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#textholder {
	clear: both;
	height: auto;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}
#contright {
	float: left;
	height: 307px;
	width: 346px;
}
#footer {
	clear: both;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#footerholder {
	clear: both;
	height: 20px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align: center;
	font-size: small;
	color: #FFFFFF;
	line-height: 20px;
}
#textholder2 {
	clear: both;
	height: auto;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#left ul {
	margin: 0px;
	padding: 0px;
	display: block;
}
#left li {
	display: block;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}
#left a {
	color: #7A8271;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}
#left a:hover {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}



#left {
	float: left;
	height: 200px;
	width: 100px;
}
#right {
	float: left;
	height: auto;
	width: 812px;
}
.subimg {
	float: left;
	height: 359px;
	width: 576px;
	margin-top: 30px;
}
.subtext {
	float: left;
	width: 230px;
	height: auto;
	margin-top: 30px;
}
#subcont {
	float: left;
	height: auto;
	width: 812px;
}
.subleft {
	float: left;
	height: auto;
	width: 406px;
}
.thumbtext {
	float: left;
	height: auto;
	width: 812px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.leftthumb {
	float: left;
	height: 180px;
	width: 180px;
	margin: 10px;
}
.rightthumb {
	float: right;
	width: 612px;
	height: auto;
}

.headimg {
	float: left;
	height: 30px;
	width: 406px;
	margin-top: 10px;
	background-color: #222421;
}
h2 {
	margin: 0px;
	font-weight: lighter;
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
	text-transform: uppercase;
}



p {
	color: #CCCCCC;
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.headimg2 {
	float: left;
	height: 30px;
	width: 812px;
	margin-top: 10px;
	background-color: #222421;
}
.text {
	float: left;
	height: auto;
	width: 406px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.img {
	margin: 5px;
	height: auto;
	width: auto;
	float: left;
}
#subcont2 {
	float: left;
	height: auto;
	width: 600px;
}

.headimg3 {
	float: left;
	height: 30px;
	width: 600px;
	margin-top: 10px;
	background-color: #222421;
}
.educationthumb {
	float: left;
	height: auto;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.subtext2 {
	float: left;
	width: 300px;
	height: auto;
	margin-top: 30px;
}
.img2 {
	margin: 5px;
	height: auto;
	width: auto;
}
.text ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.text li {
	padding: 5px;
	color: #D0D0D0;
	font-weight: bold;
	font-size: 14px;
}
.educationthumb  ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.educationthumb li {
	padding: 5px;
	color: #D0D0D0;
	font-weight: bold;
	font-size: 14px;
}
.thumbnails {
	margin: 12px;
	float: left;
	height: 180px;
	width: 200px;
	background-color: #C7D92C;
}
.subtext3 {
	float: right;
	width: 300px;
	height: auto;
	margin-top: 10px;
}
#map {
	float: left;
	height: 400px;
	width: 500px;
	margin: 20px;
}
.subtext4 {
	float: right;
	width: 300px;
	height: auto;
	margin-top: 70px;
}
#imgtext h2 {
	padding: 10px;
	font-size: 24px;
	color: #CCCCCC;
}
.img_tourism {
	clear: both;
	height: 100px;
	width: 100px;
	float: left;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.incr {
	float: left;
	height: 100px;
	width: 250px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#map a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
}
#map a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
h1 {
	margin: 0px;
	padding: 10px;
	color: #FFFFFF;
	font-weight: normal;
}