#main {position: relative; width: 900px; background-color: #000;margin: 20px auto; text-align: left;	padding: 0px;}
#header {position: relative; top: 0px; left: 0px; width: 900px;	height: 136px; background-color: #000;padding: 0 0 0 0; margin: 0 0 0 0; border-bottom: 0px solid #fff;}
#header, #content, #footer { font-size:0.69em;}
.col_1, .col_2, .col_3, .column1, .column2, .column3, .box_comp { float:left;}

#home #content .line_ver1 { background:url(../images/line_ver.gif) 608px top repeat-y; width:100%;}
#home .col_1 {width:195px; padding:0px;}
#home .col_2 {width:704px; padding:0px; border-left: 1px solid #999;}

#oak #content .line_ver1 { background:url(../images/line_ver.gif) 608px top repeat-y; width:100%;}
#oak #content .col_1 {width:240px; margin-right:5px;}
#oak #content .col_2 { width:985px;}
#oak #content .col_2 .column1 { width:522px; margin-right:13px;}
#oak #content .col_2 .column2 { width:450px;}

#hill .img {width:704px; padding:0px; border-left: 1px solid #999;}
#hill .col_1 {width:195px; padding:0px;}
#hill .col_2 {width:704px; padding:0px; border-left: 1px solid #999;}
#hill .col_2 .col_1 {width:323px; }
#hill .col_2 .col_2 {width:380px; border-left: 1px solid #fff;}

#hill_b .img {width:704px; padding:0px; border-left: 1px solid #fff;}
#hill_b .col_1 {width:195px; padding:0px;}
#hill_b .col_2 {width:704px; padding:0px; border-left: 1px solid #999; }
#hill_b .col_2 .col_1 {width:423px; }
#hill_b .col_2 .col_2 {width:280px; border-left: 0px solid #999;}

#footer {height:66px; background:#000; border-top:0px solid #999; font-size:1em; color:#000; clear: both; padding-top:15px;}

/*==================LAYOUT END====================*/

* { margin:0; padding:0;}
body { background: #000 url(../images/background.jpg); color: #b0b0ae;	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;	padding: 0px;	margin: 0px;}

input, select, textarea { font-family:Georgia; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, .wrapper1 { width:100%; overflow:hidden;}
.wrapper1 {padding: 1px 0 0;}

.container { width:100%;}

p { font-size:1.1em; padding:0 10px 20px 30px; text-align:justify;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:33px;}
.form input {width:201px; height:19px; background:#fff; color:#22150d; padding-left:3px; border:1px solid #d4d0c8; border-top:1px solid #808080; border-left:1px solid #808080;}
textarea { width:329px; height:54px; background:#fff; overflow:auto; color:#22150d; padding-left:3px; border:1px solid #d4d0c8;  margin-bottom:15px; border-top:1px solid #808080; border-left:1px solid #808080;}

.select1 { background:#322116; width:136px; height:21px; border:0; color:#816c57; padding-left:5px; font-size:1.1em;}

#form1 input { width:148px; height:19px; background:#fff; border:1px solid #d4d0c8; padding-left:3px;}
#form1 select { width:80px; height:20px; border:1px solid #d4d0c8;}
#form1 div{ width:60%; margin:auto 0 .2em 0; clear:both;}
#form1 p.p1{ width:50%;}
div.form{ width:60%; margin:auto 0 .2em 0;}
div.form label{ margin-right:15px; float:left;}
div.form input[type=text]{ float:right; clear:right;}


/*==================other====================*/
.img_indent {float:left; border-top: 0px solid #999;}
.img_indentR { margin:20px 0 20px 0; float:right;}
.img_box { width:100%; overflow:hidden; padding-bottom:20px;}
.img_box img { float:left; margin:0 20px 0 0;}

.p1 { margin:10px 0 0 10px;}
.p2 {margin-bottom:67px; }
.p3 {margin-bottom:97px; }
.p4 {padding: 10px 40px 1px; border-left: 0px solid #999; border-top:1px solid #999; width: 622px;}
.p5 {padding-bottom:5px; border: 1px solid #999; width: 704px;}
.p6 {padding: 10px 0px 1px 40px; border-top:1px solid #999; width: auto;}

/*==================txt, links, lines, titles====================*/
a {color:#b0b0ae; text-decoration:underline; font-size:1.1em; font-weight:bold;}
a:hover { text-decoration:none; font-weight:bold;}

/*h2 { color:#ff8f00; font-size:1em; font-weight:normal;} */
h2 { color:#b3b3b1; font-size:2em; font-weight:bold; margin:5px 0px 20px; font-family:'Blue Ridge Heavy SF';}
h3 { color:#b3b3b1; font-size:2.5em; font-weight:bold; margin:20px 8px; font-family:'Harrington';}
h4 {font-size:2.5em; line-height:1.5em; font-weight:bold; }

h5 {font-size:1.6em; font-weight:normal; padding-bottom:12px;}

.link1 { display:block; float:left; background:url(../images/link1_bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(../images/link1_left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line_hor { background:url(../images/line1.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}

.title { margin-bottom:16px; color:#fff; font-size:2.0em;} 
.title1 { margin-bottom:16px; color:#FF8F00; font-size:2.0em;}
.title2 { margin-bottom:16px; color:#2A2741; font-size:1.65em;}


/*content*
#content { background:url(../images/bg3.png) no-repeat left top #C1C7CD; width:100%;} */
#content {width: 704px; background-color: #000; }
#content .header1 {padding:4px 5px 2px 0; }
#content .indent { padding:5px 0 3px 5px;}
#content .indent1 { padding:10px 0 46px 0px;}
#content .indent2 { padding:0 36px 46px 30px;}

.box_low {background:#000; border:0px solid #BFBEBE; left top;  width:100%; height:auto; margin:4px 0;}
.box_comp {background:#000; border:0px solid #BFBEBE; left top;  width:100%; margin-top:1px; height:0px;}
.box_top {border-left:0px solid #fff; left top;  width:100%; ; border-top:1px solid #999; height:auto;}
.box_apart {background:#000; left top;  width:100%; margin-top:1px;height:0px;}
.inner { padding:19px 16px 5px;}
.box_comp .inner { padding:19px 16px 5px;}
.box_top .inner { padding:19px 16px 5px;}

.box_imgcol2 { background:#000; height:auto; width:auto; float: right; margin-top:1px; border-left:1px solid #999; }
.box_img .inner { padding:15px 15px 7px 15px;}

.box_imgcol3 { background:#000; height:auto; width:auto; float: right; border-top:1px solid #999;}
.box_img1 .inner { padding:15px 7px 15px 15px;}

.box_img2 { background:#000; width:416px; padding:15px;}

.box1 .inner1 { padding:0 0 0 7px;}
.box2 {background:url(../images/bg3.png) left top; width:100%;}
/*.box2 .inner { padding:19px 10px 20px 12px;}*/
.box2 .inner1 { padding:0 0 0 7px;}

/*footer*/
#footer a { color:#b0b0ae; text-decoration:underline;}
#footer p { padding:0 0 0 60px; font-size:1em; color:#fff; font-weight:bold;}
#footer p1 { padding:0 500px 0 10px;}
#footer a:hover { text-decoration:none; color:#fff;}

/*==================list====================*/
ul { list-style:none;}

.list1 li a { background:url(../images/marker.gif) no-repeat left 10px; padding-left:18px; color:#fff; line-height:2em; font-size:1.35em;}
.list2 li a { background:url(../images/marker1.gif) no-repeat left 2px; padding-left:13px; color:#5c798c; line-height:2em;}
.list3 dt { font-size:1.1em; color:#f50; font-weight:bold;}
.list3 dd { padding-bottom:15px;}
.list4 { margin-bottom:8px;}
.list4 dt { padding-bottom:7px;}
.list4 dt a {background:url(../images/marker1.gif) no-repeat left 2px; padding-left:13px; color:#5c798c;}
.list4 dd { padding-bottom:17px;}
.list5 { padding-bottom:4px;}
.list5 dt { font-weight:bold;}
.list5 dd { padding-bottom:16px;}

#content_text {border-top:1px solid #474748; clear: both; height: auto; width:auto; background-color:#000; padding:0 0 1px 200px;}    

.footer_menu { background:#000; height:95px; text-align:center;}
.footer_menu li { display:inline;}
.footer_menu li a { background:url(../images/footer_divider.gif) no-repeat right 4px; padding:0 13px 0 12px; color:#b0b0ae; line-height:30px; }
.footer_menu li a:hover,.footer_menu li a.current{ color:#fff;}
.footer_menu li a.last { background:none;}
/*==========================================*/

 /* ---------------------- HORINZONTAL NAV ---------------------- */
#hmenu{position:relative;display:block;height:38px; font-size:10px;font-weight:bold;background-color:#000; text-transform:uppercase;}
#hmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#hmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#hmenu ul li a{display:block;float:left;color:#b0b0ae;text-decoration:none;padding:11px 28.6px 0;height:26px;}
#hmenu ul li a:hover,#hmenu ul li a.current{background-color:#171717; color:#fff;}

 /* ---------------------- VERTICAL NAV ---------------------- */
#vmenuH{height:488px; width:195px; font-size:10px;font-weight:bold;background-color:#DEDEE6;text-transform:uppercase; padding-top:15px;}

#vmenu{height: auto; padding: 20px 0 0 0; width:195px; background-color:#000;}	
    
#vmenu ul{margin:0px;padding:0;list-style-type:none;}
#vmenu ul li{margin:0 1px 0 0;}
#vmenu ul li a{display:block;float:left;color:#b0b0ae;text-decoration:none;margin:4px 0 4px 30px; width:165px; border-bottom:1px solid #999;}
#vmenu ul li a:hover, #vmenu ul li a.current{ color:#fff; font-weight:bold;}

/* ------------------------------ OTHERS ----------------------- */
div.offer{ width:195px; padding:0px; margin:0px; border:0 none; background:000;}
h3.offer{ color:#b3b3b1; font-size:2.0em; font-weight:normal; margin:5px 8px; font-family:'Harrington'; line-height:1.2em;}
div.offer h5{ color:#b0b0ae; font-size:1.1em; font-weight:bold;}
a.booking{display:block;float:left;color:#b0b0ae;text-decoration:none;margin:4px 0 4px 30px; width:165px; border-bottom:1px solid #999;}
.invalid{ color:red; font-weight:bold;}
.response{ font-weight:bold;}
#validation{ color:red; font-weight:bold;}
#response{}
#reload{ padding:10px 0 5px 0; margin:0px;}
#info{ width:234px; background:#fff; color:#22150d; padding-left:3px; 
border:1px solid #d4d0c8; border-top:1px solid #808080; border-left:1px solid #808080;}

/*
	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#work { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #000; border: 0px solid #b0b0ae; padding: 0px; background-attachment:scroll; width: 704px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #0A0A0A; }

/* GALLERY PANELS */
.panel {background:#000;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 5em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: #D0B898; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 0px; background-attachment:scroll;height:120px;  }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 2px solid #aaa;}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #888; }

/* POINTER FOR CURRENT FRAME */
.pointer {border-color: #fff;}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {filter: chroma(color=pink);}