/* CSS Document */

*
{
margin:0;
padding:0;
}


body
{
margin:0 auto; 
color:#51402D;
font-family:tahoma, Arial, Helvetica, sans-serif;
font-size:0.7em;
}


.clear
{
clear:both;
}


h2
{
width:auto;
color:#443E39;
font-family:gill sans, Arial, Helvetica, sans-serif;
font-size:2.5em;
font-weight:normal;
margin-top:5px;
margin-bottom:10px;
}


h3
{
width:auto;
color:#443E39;
font-family:gill sans, Arial, Helvetica, sans-serif;
font-size:1.9em;
font-weight:normal;
margin-top:5px;
margin-bottom:10px;
}


h3#cottage-left
{
width:220px;
margin-top:0;
position:relative;
float:left;
margin-top:10px;
clear:none;
color:#443E39;
font-size:1.9em;
font-weight:normal;
}


#header
{
height:153px;
width:760px;
position:relative;
margin:0 auto;
}
#header img
{
width:352px;
height:56px;
position:relative;
float:right;
margin-right:21px;
border:0px;
display:inline;
clear:both;
}
#header h1
{
width:169px;
height:153px;
position:relative;
float:left;
background:#241B11 url('../images/layout/pig-logo.gif') no-repeat left top;
display:block;
}
#header h1 span
{
display:none;
}
#header h2
{
width:467px;
height:39px;
position:absolute;
background:url('../images/layout/snout-logo.gif') no-repeat right top;
margin-top:112px;
right:0px;
display:block;
}
#header h2 span
{
display:none;
}



#outerwrapper
{
position:relative;
width:100%;
height:161px;
margin:0 auto;
background:url('../images/layout/layout-bg.jpg') top center repeat-x;
clear:none;
margin-bottom:0;
}



#outerwrapper2
{
background:url('../images/layout/body-bg.jpg') top left repeat-x;
}



#wrapper
{
width:760px;
height:auto;
position:relative;
margin:0 auto;
text-align:left;
}




/* Sidebar Navigation */

#sidebar
{
width:169px;
height:auto;
position:relative;
float:left;
background:#241B11;
clear:none;
}
#sidebar ul
{
background:#352D24 url('../images/layout/sidebar-bg.gif') top center repeat-y;
color:#6e6c6c;
font-family:gill sans, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.4em;
list-style-type:none;
text-align:right;
}
#sidebar ul li
{
width:169px;
height:24px;
border-bottom:1px solid #2B2218;
line-height:22px;
}
#sidebar ul li a:link,
#sidebar ul li a:visited
{
width:169px;
color:#857D6E;
text-decoration:none;
padding-right:18px;
}
#sidebar ul li a:hover
{
height:24px;
width:151px;
color:#8E712F;
display:block;
padding-right:18px;
background:#2E2419 url('../images/layout/nav/arrow-pink.gif') no-repeat right center;
text-align:right;
}




/* Content */


#content
{
width:591px;
height:auto;
float:left;
position:relative;
}
#content a:link,
#content a:visited
{
color:#504B46;
text-decoration:none;
}
#content a:hover
{
color:#443E39;
background:#D6D7D8;
}
#content img
{
float:left;
position:relative;
display:inline;
border:0px;
}


#content-welcome-bottom
{
height:auto;
width:591px;
background:#F2E1B9;
}
#content-welcome-top
{
height:auto;
width:591px;
background:#F7EDE2;
}



/* Content-inner */


#content-inner
{
width:563px;
height:auto;
position:relative;
margin-left:13px;
margin-bottom:12px;
}
#content-inner span a:link,
#content-inner span a:visited
{
color:#EC008C;
margin:0px;
padding:0px;
}
#content-inner a:link,
#content-inner a:visited
{
color:#16100A;
}
#content-inner a:hover
{
color:#16100A;
background:#E2DBC7;
}
#content-inner p strong
{
display:block;
margin-bottom:10px;
}
#content-inner ul
{
width:auto;
line-height:1.6em;
margin-bottom:10px;
margin-left:15px;
}
#content-inner ul.cottage
{
width:220px;
height:auto;
margin-left:15px;
_margin-left:0px;
float:left;
position:relative;
}
#content-inner ul li
{
list-style:circle;
}
#content-inner ul li span
{
color:#EC008C;
}
#content-inner ul li a:link,
#content-inner ul li a:visited
{
margin-right:7px;
color:#51402D;
}
#content-inner ul li a:hover
{
color:#51402D;
background:#D6D7D8;
}
ul#availability
{
list-style-type:none;
margin-left:0px;
}
ul#availability li
{
list-style-type:none;
display:inline;
margin-right:15px;
}

#content-inner p
{
color:#51402D;
text-align:left;
padding-bottom:7px;
line-height:1.2em;
text-align:justify;
}
#content-inner img
{
position:relative;
margin-top:8px;
float:right;
border:1px solid #C8BC9C;
margin:0px;
padding:0px;
clear:both;
margin-bottom:12px;
margin-left:12px;
}
#content-inner h3
{
font-size:1.7em;
}
#content-inner .availability
{
text-align:left;
height:auto;
}
#content-inner table.availability 
{
text-align:left;
border:1px solid #C8BC9C;
padding:10px;
height:auto;
}
#content-inner .availability tr td span
{
margin-top:20px;
text-align:left;
}
#content-inner .availability tr td b
{
margin-top:20px;
text-align:left;
color:green;
}
#content-inner .availability tr
{
margin:20px;
text-align:left;
padding:10px;
}


#cottage-sidebar
{
width:281px;
height:auto;
float:right;
position:relative;
padding-left:0;
clear:none;
}
#cottage-sidebar img
{
width:134px;
height:134px;
margin-right:1px;
margin-left:0;
margin-bottom:1px;
border:3px solid #C8BC9C;
float:left;
clear:none;
position:relative;
background:#FFFFFF;
}
#cottage-sidebar img.last
{
margin-right:0px;
}



#cottage-sidebar-left
{
width:281px;
height:auto;
float:left;
position:relative;
padding:0;
clear:none;
}
#cottage-sidebar-left img.img-left
{
width:134px;
height:134px;
border:3px solid #C8BC9C;
clear:none;
margin:0;
padding:0;
}

#cottage-sidebar-left-bottom
{
width:266px;
height:auto;
float:left;
position:relative;
padding:0;
clear:none;
}

#cottage-sidebar-bottom
{
width:297px;
height:auto;
clear:none;
float:right;
position:relative;
padding-left:0;
_margin-top:1px;
background:url('../images/layout/sidebar-bottom-bg.gif') no-repeat left top;
}
#cottage-sidebar-bottom img
{
width:134px;
height:134px;
margin-left:16px;
margin-bottom:1px;
border:3px solid #C8BC9C;
float:left;
position:relative;
clear:none;
}
#cottage-sidebar-bottom div
{
width:130px;
float:right;
position:relative;
}
#cottage-sidebar-bottom a.transbutt
{
position:relative;
display:block;
height:52px;
width:130px;
float:right;
overflow:hidden;
clear:both;
}
#cottage-sidebar-bottom a:hover
{
background:none;

}


#cottage-sidebar-bottom a span 
{
visibility: hidden;
}



#contact_form
{
margin:20px;
padding:0;
clear:both;
}

#contact_form_left
{
float:left;
width:230px;
height:120px;

}

#contact_form_right
{
float:right;
width:420px;
}

#contact_form label
{
width:80px;
float:left;
clear:left;
margin:0 10px 20px 0;
text-align:right;
color:#fff;
}

#contact_form input, 
#contact_form textarea
{
float:left;
display:block;
border:1px solid #fff;
background:#ccc;
}

#contact_form textarea
{
width:320px;
height:100px;
margin-bottom:20px;
}

#contact_form #submit_contact_form
{
border:0;
height:8px;
width:49px;
display:block;
}


#contact_form_response
{
margin:40px 20px 20px 20px;
color:#fff;
}


#errDiv
{
 width:400px;
 margin-bottom:20px;
 padding:20px;
 border:1px dashed red;
}

#msgDiv
{
 width:400px;
 margin-bottom:20px;
 padding:20px;
 border:1px dashed green;
}


#footerinner
{
position:relative;
height:auto;
width:760px;
margin:0 auto;
background:#241B11;
}


#footer-right
{
width:591px;
height:auto;
float:right;
position:relative;
border-top:8px solid #C8BC9C;
background:#fff;
}
#footer-right p
{
color:#8E712F;
text-align:right;
margin-top:14px;
}
#footer-right img
{
float:left;
position:relative;
margin-top:14px;
margin-left:10px;
}
#footer-left
{
width:169px;
height:0;
position:relative;
float:left;
text-align:left;
background:#241B11;
}
#footer-right a:link,
#footer-right a:visited
{
color:#443E39;
text-decoration:none;
}
#footer-left p
{
margin-left:20px;
}
#footer-left span
{
color:#443E39;
}

#footer-inner p
{
float:left;
color:#8E712F;
margin-top:10px;
margin-left:15px;
padding:0px;
}



/* CONTACT PAGE */

#content-inner ul#address
{
list-style-type:none;
margin-left:10px;
_margin-left:15px;
}
#content-inner ul#address li
{
list-style:none;

}
#content-inner ul#address li span
{
color:#51402D
}
#content-inner ul#address li a:link,
#content-inner ul#address li a:visited
{
margin-right:7px;
color:#443E39;
}
#content-inner ul#address li a:hover
{
color:#000;
background:#D6D7D8;
}

legend
{
font-size:1.5em;
padding:5px;
}



#contact_form
{
margin:20px;
padding:0;
clear:both;
}

#contact_form_left
{
float:left;
width:200px;
height:220px;
}

#contact_form_left img
{
margin-right: 20px;
}

#contact_form_right
{
float:right;
width:300px;
}

#contact_form label
{
width:80px;
float:left;
clear:left;
margin:0 10px 20px 0;
text-align:right;
color:#241b11;
}

#contact_form input, 
#contact_form textarea
{
width:100px;
float:left;
display:block;
border:1px solid #fff;
background:#C8BC9C;
}

#contact_form textarea
{
width:200px;
height:100px;
margin-bottom:20px;
clear: both;
}

#contact_form #submit_contact_form
{
border:0;
height:26px;
width:75px;
display:block;
}

.row {
	margin-bottom:1.5em;
	clear:both;
	padding-bottom: 10px;
	
	}

.label {
	width:40%;
	text-align:right;
	display:block;
	float:left;
	}

.field {
 	width:55%;
	text-align:left;
	display:block;
	float:right;
	
	}

.field img {
	margin-right: 200px;
	border: 2px red solid;
	}

#contact_form select 
{
border:1px solid #fff;
background:#C8BC9C;
font-family:tahoma, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

#contact_form p
{
padding: 5px;
}

#contact_form_response
{
margin:40px 20px 20px 20px;
color:#fff;
}






/* GALLERY PAGE */

#content-inner #container-gallery
{
width:100%;
}


#content-inner #container-gallery img
{
width:101px;
height:auto;
position:relative;
margin-top:8px;
float:left;
border:1px solid #C8BC9C;
clear:none;
display:inline;
margin-right:0px;
margin-bottom:2px;
padding:0px;
}




#content-inner .menu-text
{
text-align:center;
}
#content-inner .menu-text p
{
text-align:center;
}













/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:7000;
	margin:-250 0 0 -250px;
	border:30px solid #fff;
	background:#fff;
	text-align:right;
	color:#51402D;
	overflow:auto;
	scrollbar-base-color:#FACAD6;
}
#lightbox img
{
text-decoration:none;
border:none;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:8999;
	background-color:#352d24;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}