@charset "UTF-8";
/* Background-Styles */
/* 	Footer near black colour : #321207
	Logo text colour: #6e0a0a
	Link colour: #40c321
	Font used in polaroids and logo is "Freestyle Script"*/
	
  
body {
    margin:0px; padding:0px;
    background-color:#321206;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
    font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	/*font:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;*/
    color:#666;
    font-size:11px;
    line-height:19px;
}



h2 {
    margin:10px 0px 10px 0px;
    font-size:20px;
    font-family:Baskerville,Helvetica, Arial, Sans-serif;
    color:#111;
	line-height:39px;
    letter-spacing:-1px;
}

h3{
	color:#333;
}


small {
    color:#595856;
    font-weight:bold;
    font-size:10px;
    display:block;
    margin-bottom:15px;
}

a {
 color:#40c321	;
    /*color: #6e0a0a	;  */
    text-decoration:none;
}

a:hover {
		text-decoration:underline;
}

p { margin: 0px 0px 15px 0px; }

ul{ list-style-type:none;}




#header {
    padding-top:28px;
}
  

#main {
	background:#e1f3dd url(images/main_background_light_slice2.jpg) repeat-x;
	padding-bottom:30px;
	}

#main .container {
    background-image:url(images/main_background_light2.jpg);
    background-repeat:no-repeat;
   min-height:400px;
	}
	
	.container {
    width:850px;
    margin:0 auto;
    position:relative;
}

.container_admin {
    width:1050px;
    margin:0 auto;
    position:relative;
}

#Gallery .container {
height:800px;


}


/*
Logo Style
*/
#logo h1, #logo small {
    margin:0px;
    display:block;
    text-indent:-9999px;
}
#logo {
    background-repeat:no-repeat;
	background-image:url(images/wren-lodge-rental-logo.png);
    width:150px;
    height:85px;
	/*
	background-image:url(images/logo.png);
    width:176px;
    height:69px;
	*/
}

/*  Main Block Styles*/

.block {
    /*border:1px solid #a3a09e;
    background-color:#ffffff;   */
    margin-bottom:20px;
	 margin-top:5px;
    position:relative;
}

.block_inside {
    display:block;
        padding:10px 30px;
    overflow:auto;
}

.text_block {
    float:left;
    width:430px;
	}
	
.text_block_wide
{
    float:left;
    width:750px;
	}

.text_block_admin
{
    float:left;
    width:1000px;
	}

    
}
#signature h3 {
    margin:0px;
    display:block;
    text-indent:-9999px;
}
#signature {
	
	background-repeat:no-repeat;
	background-image:url(images/Ann_and_Richard.png);
    width:123px;
    height:43px;
	float:right;
	 margin-right:20px;
	
}
 /*
	 float:right;
	 margin-right:20px;  */

/*
   Menu-Styles
*/

ul#menu {
    margin:0px; padding:0px;
    position:absolute;
    right:0px;
}
ul#menu li {
    display:inline;
    margin-left:12px;
}
ul#menu li a {
    text-decoration:none;
    color:#716d6a;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
    color:#211e1e;
}


/*
Address Styles
*/
ul#Address{
	margin-bottom:12px;
	}

ul#Address li {
    display:block;
    margin-left:12px;
	margin-bottom: -2px;
    text-decoration:none;
    color:#716d6a;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
	list-style-type: none;
	
}
.separator {
    border-top:1px dotted silver;
    margin-top:20px;
    padding-top:20px;
}

.highlight{
	color:#444;
	font-size:110%;
	font-weight:bold;
	margin-bottom: 10px;
	
}

.bold
{
	font-weight:bold;
}

ul#comments li{
margin-bottom:10px;
}

/* GuestBook */
ul#guest  {padding: 20px 0; }
ul#guest li {
    margin-bottom:10px;  }

#lstComments{
	
	padding: 20px 0;
}
	
   


/* Contact */
ul#contact{
margin-top:15px;
}
ul#contact li {
     
    margin-bottom:5px;
	font-size:120%;
	text-decoration:none;
		
}




#grdPrice  td {
	padding: 3px 6px;
	
}

#grdPrice
{
	width: 70%;
	padding: 0;
	margin:  0 0 10px 0;
	
}

#tblContactUs {
	width: 320px;
	padding: 0;
	margin:  0 0 10px 0;
	border: 1px solid #98d881;
}

#tblContactUs  caption {
	padding: 5px 0;
	width: 700px;
	/*font-style: italic;*/
	
	text-align: left;
}

#tblPrice th,td
{
	padding: 0px 6px;
	border: 1px solid #999;
  border-radius: 2px;
  /*border-collapse: collapse;*/
}

#tblPrice th {
  text-align: left;
}


#tblContactUs  td {
	padding: 3px 6px;
}

#tblContactUsButton
{
width:320px;
text-align:center;
}/*check out in opera*/


/* Button, Label and Textbox Styles*/
.btnLong
{
	font-weight:bold;
	font-size: 100%;
	text-transform:uppercase;
	width:150px;
	border: 1px solid #666;
	color:#211e1e;
	background:#98d881;
}

.lblStandard
{
	width:100px;
}
.lblLong
{
	width:350px;
}

.lblErrorLong
{
	color:red;
	font-size:110%;
}

.lblLong
{
	color:#666;
	font-size:100%;
}



.tbxShort
{
width:80px;
}

.tbxStandard
{
width:200px;
}
.tbxPassword
{
width:149px;
}
.tbxLong
{
width:350px;
}
.tbxMultiLine
{
width:200px;
height:80px;
}





.grdHeader
{
	
	color:#211e1e;
	background:#98d881;
	/*margin:0;*/
}



#grdComments {
	width:100%;
}
#grdComments  td {
	padding: 3px 6px;
	
}

#grdComments .tbxStandard{
font-size:85%;
}
#grdComments .tbxMultiLine
{
width:200px;
height:50px;
font-size:100%;
}


#grdPrices {
	width:60%;
}
#grdPrices  td {
	padding: 3px 6px;
	
}



/* Calendar Styles */
.lblBlock
{
	background:#98d881;
	border: 1px solid #666;
}

#myCalendar
{
	width:200px;
}

.TitleStyle
{
	 Color:#321206;
	 border: 4px solid #E0E0E0;
	 background:White;
}

.otherMonthDayStyle
{
	Color:#e1f3dd;
}

.bookedEnd
{
	background-image:url(images/cal_half_end.png);
	background-repeat:no-repeat;
	/*border: 1px solid #666;*/
}

.bookedStart
{
	background-image:url(images/cal_half_start.png);
	background-repeat:no-repeat;
	/*border: 1px solid #666;*/
}


.booked
{
	Background:#98d881;
	/*border: 1px solid #666;*/
}


 
 
 
    
/*    Footer-Styles */

#footer {
    background-image:url(images/background_footer.jpg);
    background-repeat:repeat-x;
    color:white;
    padding:40px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
.footer_column {
    float:left;
    width:120px;
    margin-right:30px;
}
#footer .long {
    width:610px;
}
#footer h3 {
    color:#e2dddc;
    text-transform:uppercase;
    font-size:10px;
}
.footer_column ul li, .footer_column ul {
    list-style:none;
    margin:0px;
    padding:0px;
}







.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	/*body{padding:20px;background:white;background:white;color:#555;font:80%/140% 'helvetica neue',sans-serif;width:900px;margin: 0 auto;}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}*/
	.caption{color:#888;position:absolute;top:480px;left:180px;width:250px;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:150px;float:left;}
	.gallery_demo li{width:65px;height:47px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:180px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:0 auto 60px auto;height:438px;width:670px;float:right;}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:2.6em;}
	
	.nav{position:absolute;top:460px;left:0;}
	
	
	