@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% "Times New Roman", Times, Georgia, serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0 0 0 0;
  color: #666666;
  FONT-FAMILY: "Times New Roman", Times, Georgia, serif;
  min-width: 960px;
  text-align: center;
  background-color: #e6e6e4;
}

a:link {text-decoration: underline; color: #838b83; background-color: transparent;}
a:visited {text-decoration: underline; color: #838b83; background-color: transparent;}
a:hover {text-decoration: none; color: #838b83; background-color: transparent;}

/*-- CONTAINER DIVS - THESE ARE USED TO SET UP THE HORIZONTAL BANDS OF THE PAGE --*/

.headerContainer {float: left; width: 100%; height: 150px; background: url(images/header_bg.gif) top left repeat-x #e6e6e6; margin: 0;}
.headerContent {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}

.homeHeaderContainer {float: left; width: 100%; height: 131px; background: url(images/header_bg.gif) top left repeat-x #e6e6e6; margin: 0;}
.homeHeaderContent {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}

.homeIntroContainer {float: left; width: 100%; height: 388px; background: url(images/home_intro_bg.gif) top left repeat-x; margin: 0;}
.homeIntroContent {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left; background: url(images/home_intro_kevin.jpg) top right no-repeat; height: 388px;}

.titleStripContainer {float: left; width: 100%; height: 80px; margin: 0; background-color: #838b83;}
.titleStripContent {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}

.mainContainer {float: left; width: 100%; background-color: #e6e6e6; margin: 0; padding: 0 0 30px 0;}
.mainContent {margin: 0 auto; width: 960px; border: 0; position: relative; text-align: left;}

.footerContainer {float: left; width: 100%; background-color: #838b83; height: 40px; margin: 0;}
.footerContent {margin: 0 auto; width: 960px; border: 0; position: relative; text-align: center;}

.copyrightContainer {float: left; width: 100%; background-color: #e6e6e6; margin: 0;}
.copyrightContent {margin: 0 auto; width: 960px; border: 0; position: relative; text-align: center;}


/*-- GENERAL USEFUL CLASSES --*/
.divClear {clear: both;}
.skiplink {display: none;}

/*-- HEADER AREA --*/
.headerLogo {float: left; display: inline; width: 174px; height: 88px; margin: 43px 0 0 10px;}

/*-- NAV BAR --*/
.navbar {float: right; display: inline; width: 709px; margin: 82px 0 0 0; height: 10px;}
	.navbar ul {float: right; display: inline; margin: 0; padding: 0; width: 709px; height: 10px;}
	.navbar li {display: inline; list-style: none;}
	.navbar li a {float: left; display: inline; height: 10px; outline: none;}
	.navbar li span {display: none;}

#navHome a {width: 40px; height: 10px; background: url(images/nav_home.gif); margin: 0;}
#navHome a:hover {background: url(images/nav_home.gif) 0 10px; width: 40px; height: 10px; margin: 0;}
#navHomeOn a {width: 40px; height: 10px; background: url(images/nav_home.gif) 0 10px; margin: 0;}

#navDairyCottage a {width: 104px; height: 10px; background: url(images/nav_dairy_cottage.gif); margin: 0;}
#navDairyCottage a:hover {background: url(images/nav_dairy_cottage.gif) 0 10px; width: 104px; height: 10px; margin: 0;}
#navDairyCottageOn a {width: 104px; height: 10px; background: url(images/nav_dairy_cottage.gif) 0 10px;  margin: 0;}

#navGrandDesigns a {width: 107px; height: 10px; background: url(images/nav_grand_designs.gif); margin: 0;}
#navGrandDesigns a:hover {background: url(images/nav_grand_designs.gif) 0 10px; width: 107px; height: 10px; margin: 0;}
#navGrandDesignsOn a {width: 107px; height: 10px; background: url(images/nav_grand_designs.gif) 0 10px; margin: 0;}

#navThingsToDo a {width: 94px; height: 10px; background: url(images/nav_things_to_do.gif); margin: 0;}
#navThingsToDo a:hover {background: url(images/nav_things_to_do.gif) 0 10px; width: 94px; height: 10px; margin: 0;}
#navThingsToDoOn a {width: 94px; height: 10px; background: url(images/nav_things_to_do.gif) 0 10px; margin: 0;}

#navBabyKit a {width: 125px; height: 10px; background: url(images/nav_baby_kit.gif); margin: 0;}
#navBabyKit a:hover {background: url(images/nav_baby_kit.gif) 0 10px; width: 125px; height: 10px; margin: 0;}
#navBabyKitOn a {width: 125px; height: 10px; background: url(images/nav_baby_kit.gif) 0 10px;  margin: 0;}

#navGuestBook a {width: 87px; height: 10px; background: url(images/nav_guest_book.gif); margin: 0;}
#navGuestBook a:hover {background: url(images/nav_guest_book.gif) 0 10px; width: 87px; height: 10px;  margin: 0;}
#navGuestBookOn a {width: 87px; height: 10px; background: url(images/nav_guest_book.gif) 0 10px; margin: 0;}

#navAvailability a {width: 90px; height: 10px; background: url(images/nav_availability.gif); margin: 0;}
#navAvailability a:hover {background: url(images/nav_availability.gif) 0 10px; width: 90px; height: 10px;  margin: 0;}
#navAvailabilityOn a {width: 90px; height: 10px; background: url(images/nav_availability.gif) 0 10px; margin: 0;}

#navContact a {width: 62px; height: 10px; background: url(images/nav_contact.gif); margin: 0;}
#navContact a:hover {background: url(images/nav_contact.gif) 0 10px; width: 62px; height: 10px;  margin: 0;}
#navContactOn a {width: 62px; height: 10px; background: url(images/nav_contact.gif) 0 10px; margin: 0;}

/*-- TITLE STRIP --*/
.titleStripContent h1 {font-style: italic; font-size: 30px; font-weight: normal; line-height: 80px; margin: 0 0 0 10px; color: #e6e6e6;}

/*-- FOOTER --*/
.footerContent p {font-size: 11px; color: #e6e6e6; line-height: 40px; text-align: center; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
	.footerContent a:link {text-decoration: none; color: #e6e6e6; background-color: transparent;}
	.footerContent a:visited {text-decoration: none; color: #e6e6e6; background-color: transparent;}
	.footerContent a:hover {text-decoration: underline; color: #e6e6e6; background-color: transparent;}

.copyrightContent p {font-size: 12px; color: #838b83; padding: 20px 0 50px 0; text-align: center; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif;}

/*-- HOME PAGE --*/
.homeIntroColumn1Holder {float: left; display: inline; width: 300px; margin: 0 20px 0 10px;}

.homeIntroColumn1 {float: left; display: inline; margin: 60px 0 0 0; width: 300px; height: 295px;}
	.homeIntroColumn1 h2 {font-size: 18px; color: #FFFFFF; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;}
	.homeIntroColumn1 p {font-style: italic; font-size: 18px; color: #e6e6e6; line-height: 1.3em;}

.homeIntroButtons {float: left; display: inline; margin: 0; height: 32px; width: 300px;}

.homeIntroButtonReadMore {margin: 0 40px 0 0;}

.homeIntroColumn2 {float: left; display: inline; margin: 60px 0 0 0; width: 300px;}
	.homeIntroColumn2 h2 {font-size: 18px; color: #FFFFFF; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;}
	.homeIntroColumn2 p {font-style: italic; font-size: 18px; color: #e6e6e6; line-height: 1.3em;}
	.homeIntroColumn2 a:link {text-decoration: underline; color: #d9cab9; background-color: transparent;}
	.homeIntroColumn2 a:visited {text-decoration: underline; color: #d9cab9; background-color: transparent;}
	.homeIntroColumn2 a:hover {text-decoration: underline; color: #d9cab9; background-color: transparent;}

.homeLowerImage {float: left; display: inline; margin: 25px 0 0 10px; width: 540px;}

.homeNewsletterSignUp {float: right; display: inline; margin: 25px 10px 0 0; width: 380px;}
	.homeNewsletterSignUp h3 {font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0; line-height: 1.2em;}
	.homeNewsletterSignUp p {font-size: 16px; color: #838b83; line-height: 1.5em;}	

.homeNewsletterForm {float: left; display: inline; width: 380px; margin: 11px 0 20px 0;}
	.homeNewsletterForm form {margin: 0; padding: 0;}
	.homeNewsletterForm input[type="text"] {float: left; display: inline; width: 293px; border: 1px solid #775490; background-color: #FFFFFF; color: #838b83; padding: 3px 0 3px 5px; font-size: 14px; font-style: italic; margin: 0;}

.homeNewsletterFormButton {float: right; display: inline; border: 0;}

.homeBanner {float: left; display: inline; width: 380px; margin: 0;}
	.homeBanner a:link {text-decoration: none; background-color: transparent;}
	.homeBanner a:visited {text-decoration: none; background-color: transparent;}
	.homeBanner a:hover {text-decoration: none; background-color: transparent;}

.tableHomeBanner {border: 7px solid #775490; margin: 0;}

.tableHomeBannerTopRow {font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #775490; text-align: center;}
.tableHomeBannerMiddleRow {font-size: 18px; font-family: "Times New Roman", Times, serif; color: #666666; font-style: italic; line-height: 1.4em;}
.tableHomeBannerBottomRow {font-size: 14px; font-family: "Times New Roman", Times, serif; color: #333333; line-height: 1.2em;}

/*-- DAIRY COTTAGE PAGE --*/
.dairyCottageSection {float: left; display: inline; width: 940px; margin: 20px 0 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc;}
	.dairyCottageSection img {float: right; display: inline; width: 452px; border: 4px solid #FFFFFF; margin: 0 0 20px 0;}
	
.dairyCottageSectionText {float: left; display: inline; width: 460px; margin: 0;}	
	.dairyCottageSectionText h3 {float: left; display: inline; width: 460px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.dairyCottageSectionText p {float: left; display: inline; width: 460px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}
	.dairyCottageSectionText em {color: #643d81; font-weight: normal; font-style: italic;}

.twoColumnVideoHolder {float: right; display: inline; width: 452px; margin: 20px 0 20px 0;}

.dairyCottageFloorPlan {float: left; display: inline; width: 940px; margin: 20px 0 0 10px; padding: 0 0 10px 0;}
	.dairyCottageFloorPlan h3 {float: left; display: inline; width: 460px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}

/*-- BABY KIT --*/
.babyKitRow1 {float: left; display: inline; width: 940px; margin: 30px 0 0 10px; padding: 0 0 10px 0;}
.babyKitRow2 {float: left; display: inline; width: 940px; margin: 10px 0 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc;}

.babyKitItem {float: left; display: inline; width: 300px;}
	.babyKitItem h4 {float: right; display: inline; width: 220px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.babyKitItem p {float: right; display: inline; width: 220px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}

#babyKitSleeping {background: url(images/bk_icon_sleeping.gif) 0 0 no-repeat; margin: 0 20px 20px 0;}
#babyKitEating {background: url(images/bk_icon_eating.gif) 0 0 no-repeat; margin: 0 20px 20px 0;}
#babyKitWashing {background: url(images/bk_icon_washing.gif) 0 0 no-repeat; margin: 0 0 20px 0;}
#babyKitPlaying {background: url(images/bk_icon_playing.gif) 0 0 no-repeat; margin: 0 20px 20px 0;}
#babyKitMobility {background: url(images/bk_icon_mobility.gif) 0 0 no-repeat; margin: 0 20px 20px 0;}
#babyKitParents {background: url(images/bk_icon_parents.gif) 0 0 no-repeat; margin: 0 0 20px 0;}

.bkSection {float: left; display: inline; width: 940px; margin: 20px 0 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc;}
	.bkSection img {float: right; display: inline; width: 292px; border: 4px solid #FFFFFF; margin: 0 0 20px 0;}
	
.bkSectionText {float: left; display: inline; width: 620px; margin: 0;}	
	.bkSectionText h3 {float: left; display: inline; width: 620px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.bkSectionText p {float: left; display: inline; width: 620px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}
	.bkSectionText em {color: #643d81; font-weight: normal; font-style: italic;}

/*-- GUESTBOOK --*/
.guestbookTop {float: left; display: inline; width: 940px; margin: 10px 0 20px 10px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc;}
	.guestbookTop p {font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}

.guestbookRow {float: left; display: inline; width: 940px; margin: 10px 0 10px 10px; padding: 0;}

.guestbookThumb {float: left; display: inline; width: 220px; height: 140px; margin: 0 20px 0 0; border: 0;}
.guestbookThumbEnd {float: left; display: inline; width: 220px; height: 140px; margin: 0; border: 0;}

/*-- AVAILABILITY --*/
.availabilityTop {float: left; display: inline; width: 940px; margin: 10px 0 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc;}
	.availabilityTop p {font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}

.availabilitySection {float: left; display: inline; width: 940px; margin: 20px 0 0 10px; padding: 0 0 10px 0;}
	
.availabilitySectionLeft {float: left; display: inline; width: 460px; margin: 0;}	
	.availabilitySectionLeft h3 {float: left; display: inline; width: 460px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.availabilitySectionLeft p {float: left; display: inline; width: 460px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}
	.availabilitySectionLeft em {color: #643d81; font-weight: normal; font-style: italic;}
	.availabilitySectionLeft h5 {float: left; display: inline; width: 460px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 1.5em 0; font-style:italic; font-weight:normal;}

.availabilitySectionRight {float: right; display: inline; width: 460px; margin: 0;}	
	.availabilitySectionRight h3 {float: left; display: inline; width: 460px; font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.availabilitySectionRight p {display:block; width: 460px; font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}
	.availabilitySectionRight em {color: #643d81; font-weight: normal; font-style: italic;}

.availabilitySectionRight form {padding: 0; margin: 10px 0 0 0;}
	.availabilitySectionRight label {font-size: 16px; font-weight: bold; color: #333333; width: 160px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 10px 0 0;}
	.availabilitySectionRight label em {color: #CC0000;}

.calendarHolder {text-align:center;}

.formBookingText {width: 270px; border: 2px solid #CCCCCC; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formBookingButton {margin: 0 0 0 170px; background-color: #FFFFFF; border: 2px solid #838b83; padding: 5px 10px 5px 10px; color: #838b83; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

/*-- CONTACT US --*/
.contactMainColumn {float: left; display: inline; width: 620px; margin: 10px 0 20px 10px;}
	.contactMainColumn h2 {font-size: 18px; color: #333333; font-weight: bold; margin: 1em 0 -0.5em 0;}
	.contactMainColumn h4 {font-size: 18px; color: #666666; line-height: 1.5em; font-weight: normal;}
	.contactMainColumn p {font-size: 16px; color: #666666; line-height: 1.5em;}
	.contactMainColumn h6 {font-size: 12px; font-weight: bold; color: #333333; line-height: 1.5em;}
	.contactMainColumn h6 em {color: #CC0000;}
	.contactMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contactMainColumn label {font-size: 16px; font-weight: bold; color: #333333; width: 140px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contactMainColumn label em {color: #CC0000;}

.formContactText {width: 430px; border: 2px solid #CCCCCC; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactButton {margin: 0 0 0 160px; background-color: #FFFFFF; border: 2px solid #838b83; padding: 5px 10px 5px 10px; color: #838b83; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

.contactRightColumn {float: right; display: inline; width: 300px; margin: 30px 10px 0 0;}
	.contactRightColumn h2 {font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.contactRightColumn p {font-size: 16px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}

.contactDirections {float: left; display: inline; width: 940px; margin: 10px 0 0 10px; padding: 20px 0 0 0; border-top: 1px solid #cccccc;}
	.contactDirections h3 {font-size: 20px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}

.contactDirectionsColumn {float: left; display: inline; width: 300px; margin: 10px 20px 10px 0;}
	.contactDirectionsColumn h4 {font-size: 16px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.contactDirectionsColumn p {font-size: 16px; color: #666666; line-height: 1.5em;}
	
.contactDirectionsColumnEnd {float: right; display: inline; width: 300px; margin: 10px 0 10px 0;}
	.contactDirectionsColumnEnd h4 {font-size: 16px; color: #643d81; font-style: italic; font-weight: normal; margin: 0 0 0 0; line-height: 1.2em;}
	.contactDirectionsColumnEnd p {font-size: 16px; color: #666666; line-height: 1.5em;}