
/* Layout sections */
	body {
		color: #463D38;
		}
		
	div#pagewrapper {
background: #E7E6D3;
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		color: #3B342E;
background: #C5BCA7;
		}
		
/* Links */		
	a,
	a:link, 
	a:active, a:visited {
color: #320404;
/*              color: #9C8E69;
		color: #720000;*/
	}

/* Headings */	
	h1, h2, h3, h4, h5, h6 {
		color: #3B342E;
	}

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
width: 205px;
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 75.01%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
	}
	a:hover {
               color: #6A0002;
	text-decoration: none;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               color: #fff;
        }
        div#footer a:hover{
               color: #fff;
        }
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.4em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 10px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
	margin: 0 0 0 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
                background: url(images/hr.png) repeat-x;
		margin: 5px 0 10px 0;
height: 2px;
	}
div#header .hr{
margin: 0 20px;
}

	
/* END TYPOGRAPHY */	

/* FORM ELEMENTS */

div.contactMessage{
text-align: left;
margin: 20px 0 10px 0;
padding-left: 8.5em; 
color: #A11111;
}

	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
 label
{
display: block;
color: #000;
width: 8em;
text-align: right;
margin-right: 0.5em;
}

input
{
color: #781351;
background: #FFFFFF;
border: 1px solid #9A8C72;
}

input:hover
{
background: #FDFCE7;
border: 1px solid #9A8C72;
}

legend
{
color: #000;
background: #000;
border: 1px solid #781351;
padding: 2px 6px;
}
	fieldset {
		border: 1px solid #999;
		padding: 10px 15px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
                color: #781351;
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
       		vertical-align:middle;
		padding: 2px;
border: 1px solid #9A8C72;
	}
	
	textarea {
		width: 230px;
		height: 8em;
	}

	select:hover ,textarea:hover {
background: #FDFCE7;
border: 1px solid #9A8C72;
	}	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 6em;
background: #ffa20f;
border: 2px outset #d7b9c9;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}


.submit{
margin-left: 8.3em; 
}
.submit input {
margin: 10px 5px;
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
	}

/* END FORM ELEMENTS */


.input_text{
margin:5px 0;
width: 150px;
}		

/* SITE SPECIFIC LAYOUT */
    body {
background: #9C8E69;
        margin-top: 0;
        padding-top: 0px;
        text-align: center;
    }
    div#pagewrapper {
border: 1px solid #fff;
width: 760px;
        margin: 0 auto;
        max-width: 760px;
        min-width: 640px;
        padding: 0;
        text-align: left;
    }
    #container {
	position: relative;
	margin: 0;
    }
    


 div#languages{
margin-right: 5px;
float: right;
width: 100px;
padding: 0;
font-size: 90%;
}

div#languages a,
div#languages a:link, 
div#languages a:active, 
div#languages a:visited{
padding:0;
margin:0;
}
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }

    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
color: #926F5C;
   padding: 10px 0;
   text-align: left;
   font-size: 90%;
   margin: 0 10px;
}

div.left49 {
  float: left;
  width: 90%;
  }

div.left49 ul{
list-style: none; 
list-style-type: none;
}

div.left49 ul li{
display:inline;
}

div.right49 {
  float: right;
  width: 10%;
  text-align: right;
  }

/* The wrapper clears the floating elements of the menu */

#menuwrapper {
border-top: 1px solid #C0C0C0;
clear:both;
height: 28px;
        overflow: hidden; 
        background: url(images/menu_bg.png) repeat-x;
        width: 100%;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li {
height: 28px;
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
text-align: center;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FDE0B1;
font-weight: bold;
	display: block; 
	margin: 0; 
	padding: 8px 15px; 
	text-decoration: none; 
	}
#primary-nav li a {
border-left: 1px solid #C0C0C0;
	}
#primary-nav li li a { 
	border: 1px solid #C0C0C0;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background: url(images/menu_bg_over.png) repeat-x; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background: url(images/menu_bg_over.png) repeat-x; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background: url(images/menu_bg_over.png) repeat-x; 
	}

#primary-nav li:hover { 
	background: url(images/menu_bg_over.png) repeat-x; 
	}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

div#top{
width: 100%;
margin: 0;
background: url(images/top_bg.jpg) repeat-y;
height: 18px;
color: #AFA685;
padding: 4px 0 0 0;
text-align: right;
}

div#vtour{
float:left;
width:350px;
}

div#vtour a:link, div#vtour a:visited{
font-weight: bold;
text-decoration: blink;
}

#top ul, #top li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#top a:link, #top a:visited
{
font-size: 85%;
line-height: 12px;

margin: 4px 10px 2px 10px;
text-decoration: none;
color: #DDB779;
}

#top a:link#active, #top a:visited#current, #top a:hover
{
background: transparent;
}

#top a:hover { color: #fff; }


    /* HEADER */
        div#header {
background: url(images/header_bg.jpg) repeat-x;
            margin: 0 0 0 0;
            padding: 0;
            width: 760px;
            height: 268px;
            text-align: left;
        }

         div#header h1 a {
background: url(images/logo.jpg) no-repeat 100px;
            text-indent: -700em;
float:left;
            height: 180px;
            width: 410px;
            margin: 0;
            padding: 0;
        }   

        div#header img{
float:right;
            height: 268px;
            width: 350px;
            margin: 0;
            padding: 0;
        }    
    /* END HEADER */    

    div#content {
        width: 96%;
        margin-top: 10px;
        padding: 1em 2%;
        text-align: left;
    }
    div#main {

    }
    div#menu_horiz {
        width: 100%;
        text-align: left;
    }

/* END CONTENT */

/* CSS for Reservation module
*/

div.top_steps h3,
div.top_steps h4{
display:inline;
margin: 0 10px;
}

div.top_steps h4{
color: #CBCBA1;
}


div.step1{
margin:0;
padding:3px 5px;
width: 400px;
background: #DDDAC9;
border: 1px #C5BCA7 solid;
}

div.step1 label
{
width: 100px;
color: #000;
text-align: right;
margin-right: 0.5em;
display:inline;
float:left;
}

div.step2{
margin:0;
padding:3px 5px;
width: 720px;
background: #DDDAC9;
border: 1px #C5BCA7 solid;
}

div.step2 label
{
margin-left:30px;
color: #000;
text-align: right;
margin-right: 0.5em;
display:inline;
}

div.step2 table{
background: #EFECDC;
font-size: 90%;
}


div.step2 table select{
padding:0;
}

div.step2 table#room:hover{
background: #F4F1EC;
}


div.step3{
margin:0;
padding:0;
width: 720px;
}

div.res_top{
margin: 0 0 5px 0;
height: 25px;
background: #DDDAC9;
padding: 8px 5px 0 5px;
}

div.res{
margin:0 0 5px 0;
clear:both;
border: 1px #C5BCA7 solid;
background: #E2E1CF;
height: 180px;
}

div.guestinfo{
height: 90px;
margin:0;
padding:4px;
}

div.guestinfo label,
div.step3 table{
font-size:90%;
}


div.guestinfo label{
text-align: right;
margin-right: 0.5em;
display:inline;
width: 100px;
}

div.step3 table b{
font-size:110%;
}

div.pageoptions p{
clear:both;
margin:0;
padding:0;
text-align:left;
}

div.desc_form{
float:left;
}

div.description label{
width:200px;
font-size: 90%;
}

div.description textarea{
height: 4em;
}

div.add_text{
float:left;
padding:15px 10px;
text-align:left;
display:inline;
font-size: 90%;
}

#submit{
margin-left: 105px;
}
#submit input {
margin: 10px 5px;
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
	}

div.total{
clear:both;
text-align:center;
padding: 5px;
background: #DDDAC9;
font-weight: bold
}
