@charset "utf-8";
/*******************************************
Clear Default Margins/Paddings and Borders *
********************************************/
* {
    margin: 0;
    padding: 0;
}
img {
    border: none;
}

/*******************************************
Default Page Properties                    *
********************************************/
html {
    height: 100%;
}
body {
    background: url(../graphics/bg-body.gif) repeat-x;
    font: 62.5% Arial, Helvetica, sans-serif;
    color: #000;
    height: 100%;
}
a:link, a:visited {
    color: #006600;
    text-decoration: underline;
}

/*******************************************
Font Properties                            *
********************************************/
h1 {
    font: 4em/1em "Times New Roman", Arial, Helvetica, sans-serif;
    color: #006600;
    margin-bottom: 0.3em;
    border-bottom: 1px #fff solid;
}
h2 {
    font: 3em/1em "Times New Roman", Arial, Helvetica, sans-serif;
    color: #006600;
    margin-bottom: 0.1em;
}
    h2 a:link, h2 a:visited {
        text-decoration: none;
    }
h3 {
    font: bold 2.3em/1.3em "Times New Roman", Arial, Helvetica, sans-serif;
    color: #006600;
    margin-bottom: 0.7em;
}
h4 {
    font: bold 2.3em/1.3em "Times New Roman", Arial, Helvetica, sans-serif;
    color: #333;
    margin-bottom: 0.7em;
}
h5 {
    font: bold 1.3em/1.3em "Times New Roman", Arial, Helvetica, sans-serif;
    color: #000;
    margin-top: 0.7em;
}
h6 {
    font: bold 1.4em/1.3em Arial, Helvetica, sans-serif;
    color: #000;
    margin-bottom: 0.5em;
}
p {
    font: 1.3em/1.7em Arial, Helvetica, sans-serif;
    color: #000;
    margin-bottom: 1.5em;
    text-align: justify;
}
ul {
    list-style-type: square;
    margin-left: 50px;
    font: 1.3em/1.6em Arial, Helvetica, sans-serif;
    color: #000;
    margin-bottom: 0.4em;
}
li {
	padding-bottom: 0.5em;
    text-align: justify;
}

/*******************************************
Layout DIV Properties                      *
********************************************/
#wrapper {
	width: 760px;
    margin-left: auto;
    margin-right: auto;
}
    #header_logo {
        width: 100%;
        position: relative;
    }
    #header_logo_links {
        position: absolute;
        bottom: 13px;
        right: 5px;
    }
    #header_photo {
        width: 760px;
        height: 250px;
        overflow: hidden;
        border-top: #ffff81 1px solid;
    }    
    #header_navigation {
        position: absolute;
        top: 315px;
        width: 760px;
        height: 16px;
        background: url(../graphics/bg-navigation.png) repeat;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
        margin-bottom: 10px;
    }
        #header_navigation ol {
            list-style: none;
        }
        #header_navigation li {
            font: bold 13px Arial, Helvetica, sans-serif;
            color: #1a1a1a;
            display: inline;            
        }
        #header_navigation a:link, #header_navigation a:visited {
            padding: 10px 20px;
            color: #000;
            text-decoration: none;
        }
        #header_navigation a:hover {
        	background: #ffff00;
            text-decoration: underline;
        }
    
    #content_wrap {
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 40px;
    }
        #content_1col {
        	margin-left: auto;
            margin-right: auto;
            width: 740px;
        }
        #content_2col_left {
            float: left;
            width: 480px;
        }
        #content_2col_right {
            float: right;
            width: 225px;
            border-left: 1px #d7e258 dotted;
            padding-left: 10px;
        }
        
        #content_2col_right_cottages {
            float: right;
            width: 225px;
            padding-top: 15px;
        }
        
            #content_2col_right_cottages_inset {
                border: 1px #ffffaa solid;
                padding: 8px 8px 1px;
                margin-top: 17px;
                background: #ffffcc;
            }
            #content_2col_right_cottages_inset p {
            	margin-bottom: 20px;
            }
        
        #content_availability_left {
        	float: left;
            width: 350px;
        }
        #content_availability_right {
        	float: right;
            width: 380px;
        }

    #footer {
        padding-top: 15px;
        padding-left: 2px;
        padding-right: 2px;
        border-top: 2px #ffffaa solid;
        margin-bottom: 10px;
    }
        #footer #left {
            float: left;
    
        }
        #footer #right {
            float: right;
        }
        
        #footer p {
            font: 1.1em/1.7em Arial, Helvetica, sans-serif;
            margin-bottom: 0.4em;
        }
        
        #footer ol {
            list-style: none;
            margin-bottom: 0.5em;
        }
        #footer li {
            font: 1.2em Arial, Helvetica, sans-serif;
            color: #000;
            display: inline;
            margin-left: 10px;
        }
        
.clear-both {
    clear: both;
}
.clear-right {
    clear: right;
}

/*******************************************
Galleria Styles                            *
********************************************/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 8px 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}
.galleria li div span{width:400px} /* MSIE bug */
	.caption{font-style:italic;color:#887;}
	.gallery{position:relative; margin-bottom: 20px;}
	.gallery_box{width:480px;margin:0 auto;}
    .gallery_box_unstyled { list-style: none; margin: 0;}
	.gallery_box li{padding: 0; width:70px;height:70px;border:1px solid #999;background:#000;}
	.gallery_box li.hover{ border-color:#333; }
	.gallery_box li.active{ border-style:solid; border-color:#339900; }
	.gallery_box li div{left:0px}
	.gallery_box li div .caption{font:italic 0.7em/1.4em georgia,serif;}	
	#main_image{margin:0 auto 7px auto;height:285px;width:480px;}
	#main_image img{ border: 1px #dedede solid; }	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}	

/*******************************************
Availability Table                         *
********************************************/
#availability_key {
	padding-top: 7px;
    padding-bottom: 7px;
	margin-bottom: 20px;
    background: #efefef;
    border: #dedede 1px solid;
}
#availability_key ol {
	margin-left: 0px;
}
#availability_key li{
	list-style: none;
    display: inline;
    width: 50px;
    height: 30px;
    padding: 14px;
    font: 12px Arial, Helvetica, sans-serif;
}

.availability {
	width: 100%;
    border: 1px #dedede solid;
}
    .availability td {
        height: 25px;
        font: 1.2em Arial, Helvetica, sans-serif;
        border-bottom: 1px #dedede dotted;
        padding: 1px;
    }
    .availability tr:hover {
        background: #efefef;
    }
    .availability th {
        font: bold 1.2em Arial, Helvetica, sans-serif;
        border: 1px solid #efefef;
        height: 25px;
        background: #ffffcc;
        min-width: 55px;
    }

/*******************************************
Form Properties                            *
********************************************/
fieldset { border: 0.05em solid #dedede; padding-bottom: 1em; margin-bottom: 1.5em; }
fieldset legend { padding: 0.4em; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #006600; }
fieldset div { clear: left; margin: 0em; padding-left: 1em; padding-top: 0.5em; }
fieldset div label { float: left; width: 150px; font: bold 1.3em Arial, Helvetica, sans-serif; padding-top: 0.5em; } 
fieldset input { background: #eeffe6; width: 240px; padding: 0.4em; border-top: 0.05em solid #999999; border-right: 0.05em solid #999999; border-bottom: 0.05em solid #cccccc; border-left: 0.05em solid #cccccc; font: 1.2em Arial, Helvetica, sans-serif; }
fieldset select { background: #eeffe6; }
fieldset textarea { background: #eeffe6; width: 240px; padding: 0.4em; border-top: 0.05em solid #999999; border-right: 0.05em solid #999999; border-bottom: 0.05em solid #cccccc; border-left: 0.05em solid #cccccc; font: 1.2em Arial, Helvetica, sans-serif; }
fieldset .button { width: 120px; border: 0.1em solid #999999; padding: 0.3em; font-weight: bold; color: #372e3f;}
fieldset .addinfo { font: 1.15em/1.5em Arial, Helvetica, sans-serif; }
fieldset .tickbox { width: 20px; border: none; }
fieldset .image { background: none; width: 95px; height: 30px; border: none; }
.formerror { background: #ffe6e6; border: 1px #CC0000 solid; padding: 2px; font: 1.2em Arial, Helvetica, sans-serif; margin-bottom: 15px; }
.formerror li { padding-top: 2px; font: 0.7em Arial, Helvetica, sans-serif;}
/*******************************************
Other DIVs and Styles                      *
********************************************/
.cottages_column {
    padding: 3px;
    margin-bottom: 20px;
    border: 1px #dedede solid;
}
	.cottages_column_photo {
    	float: left;
    }
    .cottages_column_infobox {
        float: right;
        width: 418px;
        padding: 4px;
        height: 140px;
        background: #ffffcc;
        border: 1px solid #ffffaa;
        font: 1em Arial, Helvetica, sans-serif;
	}
.hrline {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-bottom: 1px #dedede solid;
    margin-bottom: 20px;
    overflow: hidden;
}
.image_frame {
	border: 1px #dedede solid;
    padding: 0px;
}

#next_prev_cottages {
	float: right;
    font: 1.4em/1.7em Arial, Helvetica, sans-serif;
    color: #006600;
    text-align: right;
}



/* Reservation Form Styles
****************************************************************************/
.jquery_tab_title { font: 25px "Times New Roman", Times, serif; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;  }

label{ display:block; padding-bottom:3px; font-weight: bold; }
label.inline{ display:inline; }	
.input-small, .input-medium, .input-big, .input-flex, select, textarea{ padding:5px; border:1px solid #ccc; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; background-color:#efefef; color:#1a1a1a; }
.input-small{width:120px;}
.input-medium{width:240px;} 
.input-big{width:480px;} 
.input-flex{width:70%;}
textarea, iframe { overflow:auto; }
.button { border:1px solid #959595; font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; background-color:#006600; padding:5px 15px; color:#fff; cursor:pointer; }
.button:hover{ padding:6px 15px 4px; }
textarea{ line-height:1.5em; width:70%; height:200px; }
				.content-box{
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:47%;
					margin-right:0.6%;
					padding:1%;
					}
				.content-box-100{
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:94%;
					margin-right:0.6%;
					padding:1%;
                    margin-bottom: 20px; 
					}
                .content-box-smaller {
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:37%;
					margin-right:0.6%;
					padding:1%;
                }
                .content-box-larger {
					background:#efefef url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #dedede;
					float:left;
					width:57%;
					margin-right:0.6%;
					padding:1%; 
                }
                
                .content-box-1 {
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:30%;
					margin-right:0.6%;
					padding:1%;
                }
                .content-box-2 {
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:30%;
					margin-right:0.6%;
					padding:1%; 
                }
                .content-box-3 {
					background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0;
					border:1px solid #FDD845;
					float:left;
					width:30%;
					margin-right:0.6%;
					padding:1%; 
                }
/*******************************************
End of Stylesheet                          *
********************************************/