﻿body
{
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: .8em;
width: 100%;
margin: 0;
padding: 0;
background: #ffdd00 url(../images/field1.jpg) top center no-repeat;
}


/* defaults */
html, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td
{
border: 0 none;
font-size: 100%;
font-family: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}

p.info{font-size:0.85em;font-style:italic;}

/* Common Styles  */
.left{float:left;}
.right{float:right;}
.floatnone{float:none;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearNone {clear:none;}
.centertext {text-align:center;margin:0 auto;}
.paddingTop10 {padding-top:10px;}
.paddingBottom10 {padding-bottom:10px;}
.paddingBottom2 {padding-bottom:2px;}
.paddingLeft2{padding-left:2px;}
.hidden{display:none;}
.podBorder 
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:5px solid #fff;
margin-bottom:10px;
background-color:#fff;
}

.jsShow{display:none;}

a{outline:none;}
.content a{color:#344209;font-weight:bold;}


p
{
    clear: both;
    font-weight: normal;
    line-height: 1.35em;
    padding: 0 0 0 0.2em;
}

#header
{
    height:100px;
    padding-top:10px;
}

.topnav
{
    margin-left:6px;
    padding-bottom:5px;
}

.topnav ul
{
    float:left;    
}

.topnav li
{
    display:inline;
    list-style-type:none;    
}

.topnav li a
{
    display:block;
    float:left;
    height:45px;
    text-indent:-9999px;
    background-image:url(../images/navigation-sprite.png);
    background-repeat:no-repeat;
}


/*  Normal state starts  */
.topnav ul li.home a
{
    width:63px;
    background-position: 0 -45px;
}
.topnav ul li.kingfisher a
{
    width:213px;
    background-position: -63px -45px;
}
.topnav ul li.pigletbarn a
{
    width:218px;
    background-position:-276px -45px;
}
.topnav ul li.gallery a
{
    width:81px;
    background-position:-493px -45px;
}
.topnav ul li.localattractions a
{
    width:162px;
    background-position:-574px -45px;
}
.topnav ul li.findus a
{
    width:85px;
    background-position:-735px -45px;
}
.topnav ul li.contactus a
{
    width:110px;
    background-position:-820px -45px;
}
/*  Normal state ends  */
/*  Hover and selected states starts  */
.topnav ul li.home a:hover, .topnav ul li.home a.selected
{
    width:63px;
    background-position:0 0;
}
.topnav ul li.kingfisher a:hover, .topnav ul li.kingfisher a.selected
{
width:213px;
background-position:-63px 0;
}
.topnav ul li.pigletbarn a:hover, .topnav ul li.pigletbarn a.selected
{
width:218px;
background-position:-276px 0;
}
.topnav ul li.gallery a:hover, .topnav ul li.gallery a.selected
{
width:81px;
background-position:-493px 0;
}
.topnav ul li.localattractions a:hover, .topnav ul li.localattractions a.selected
{
width:162px;
background-position:-574px 0;
}
.topnav ul li.findus a:hover, .topnav ul li.findus a.selected
{
width:85px;
background-position:-735px 0;
}
.topnav ul li.contactus a:hover,.topnav ul li.contactus a.selected
{
width:110px;
background-position:-820px 0;
}
/*  Hover and selected states ends  */
/*  Top Navigation ends  */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	/*width:500px;
	height:200px;*/
	overflow:hidden;
	float:left; 
	}
#slider li, #slider li img
{
width:640px;
height:225px;
}
span#prevBtn{}
span#nextBtn{}

#mainPodText
{
background:url(../images/MainPodText_BG.png) top left no-repeat;
width:300px;
height:225px;
text-align:center;
}

#mainPodText h1
{
color:#344209;
padding:15px;
font-size:22px;
}


.content h1
{
color:#344209;
text-align:left;
font-size:22px;
padding-bottom:5px;
}
h2
{
color:#344209;
padding:0 0 10px 0;
font-size:20px;
height:22px;
}

.content p
{
padding-bottom:10px;
}
span.tel
{
font-weight:bold;
font-size:1.1em;
}


#mainPodText p
{
color:#fff;
padding:0 15px;
}

.halfPod a
{
width:100%;
height:140px;
display:block;
}

/* Pods */
#KingfisherHalfPod
{
background:url(../images/HalfPod-King.jpg) top left no-repeat;
}
#PigletBarnPod
{
background:url(../images/HalfPod-PB.jpg) top left no-repeat;
}
#FindUsPod
{
background:url(../images/Grid6Pod_FindUs.jpg) top left no-repeat;
}
#LocalAttractionsPod
{
background:url(../images/Grid6Pod_LocalAttractions.jpg) top left no-repeat;
}
#ContactUsPod
{
background:url(../images/Grid6Pod_ContactUs.jpg) top left no-repeat;
}
#PigletBarnRightPod
{
background:url(../images/Grid6Pod_PigletBarn.jpg) top left no-repeat;
}
#KingRightPod
{
background:url(../images/Grid6Pod_King.jpg) top left no-repeat;
}


#footer
{
background-image:url(../images/footerBG.jpg);
background-repeat:no-repeat;
width:950px;
height:38px;
float:left;
margin-bottom:10px;
padding-left:10px;
}

#footer ul
{
width:600px;
}

#footer li
{
display:inline;
list-style-type:none;
background-image:url(../images/footerSeparator.jpg);
background-repeat:no-repeat;
background-position:0 10px;
padding:12px 5px 11px 5px;
float:left;
}

#footer li.first
{
background-image:none;
padding-left:22px;
}

div.copyright
{
padding:5px;
text-align:center;
}

#footer li a, div.copyright
{
font-size:0.85em;
color:#8a5c48;
display:block;
float:left;
text-decoration:none;
}

div.copyright span a
{
color:#8a5c48;
text-decoration:none;
}

#footer li a:hover, div.copyright span a:hover
{
text-decoration:underline;
}

/*contact us form */
.contactUsForm
{
background:url(../../library/images/ContactUs_formBG.png) no-repeat 0 0;
height:185px;
}

.contactUsForm label
{
color:#fff;
padding-bottom:2px;
}

.contactUsForm p.warning
{
color:#fff;
padding-bottom:10px;
font-size:1.1em;
padding-left:0;
font-weight:bold;
text-align:center;
}

.contactUsForm #buttonContainer
{
position:absolute;
top:158px;
right:7px;
width:142px;
height:40px;
display:inline;
}

div.formTextBox
{
background:url(../../library/images/textbox.png) no-repeat 0 0;
}
.formTextBox input
{
background:transparent;
border:none;
height:34px;
padding:6px 0 0 10px;
width:200px;   
}

div.formTextArea
{
background:url(../../library/images/textarea.png) no-repeat 0 0;
height:90px;

}
.formTextArea textarea
{
background:transparent;
border:none;
height:82px;
padding:4px 0 0 10px;
width:260px;
overflow:auto;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size:1em;
}

/* Map */
#map_canvas
{
border:1px solid #344209;
width:938px;
height:300px;
}
div.googleinfoWindow
{
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:14px;
text-align:center;    
margin-top:10px;
}
div.googleinfoWindow a
{
color:#344209;
line-height:1.2em;
display:block;
margin-top:5px;
}
div.nonJSMap
{
text-align:center;
}

ul.contentList, ol.orderedList
{
list-style-type:none;
padding:5px 0 10px 0;
margin-left:5px;
position:relative;
}

ul.contentList li
{
padding-left:16px;
padding-bottom:10px;
background:url(../../library/images/bullet.gif) no-repeat 0 0;
}
ul.contentList li.noGrain
{
background-image:none;
padding-left:0;
}

ol.orderedList li
{
padding-left:5px;
position:relative;
float:left;
}
ol.orderedList img.marker
{
float:left;
width:27px;
}

ol.orderedList li div.locationDetails
{
margin-left:6px;
float:left;
clear:right;
}
ol.orderedList li div.locationDetails p
{
padding-top:3px;
}

table.small
{
margin:0 auto;
width:280px;
border:1px solid #d7e7ad;
}

table.small tr.top
{
background:url(../../library/images/table280.jpg) no-repeat 0 0;
height:30px;
}
table.small tr.top th
{
color:#fff;
font-size:1.2em;
vertical-align:middle;
text-align:center;
}
table.small tr.odd
{
background-color:#eaeaea;
height:25px;
}
table.small tr.even
{
background-color:#fff;
height:25px;
}
table.small tr.even td, table.small tr.odd td,table.small th,table.large tr.even td, table.large tr.odd td,table.large th
{
vertical-align:middle;
text-align:center;
}

table.large
{
margin:0 auto;
width:500px;
border:1px solid #d7e7ad;
}
table.large tr.top
{
background:url(../../library/images/table500.jpg) no-repeat 0 0;
height:30px;
}
table.large tr.top th
{
color:#fff;
font-size:1.2em;
vertical-align:middle;
text-align:center;
}
table.large tr.odd
{
background-color:#eaeaea;
height:25px;
}
table.large tr.even
{
background-color:#fff;
height:25px;
}

ul.images
{
    list-style-type:none;    
}

ul.images li
{
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    height:82px;
    width:98px;
    padding:0;
}
ul.images li.first
{
    margin-left:0;
}
ul.images li.last
{
    margin-right:0;
}
ul.images img
{
    width:98px;
    height:82px;
    border:0;
    padding:0;
    border:1px solid #d7e7ad;
    outline:none;
}