/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
/************************************/
Serene View Farm Bed and Breakfast - summer Theme
Copyright 2010, Maggie Emery
URL: www.sereneviewfarm.com
AUTHOR: Travis J. Weihermuller
DATE: 18 Feb. 2010
REVISION: 1.0
DESCRIPTION: summer THEME
/************************************/

html {
margin:0;
border:0;
padding:0;
width:100%;
height:100%;
}

body {
margin:0;
border:0;
padding:0;
width:100%;
height:100%;
}

#link a:link {
color:#bdbdbd; 
font-size:14pt;
font-family: georgia, arial, times new roman; 
text-decoration:none;
}

#link a:visited  {
color:#bdbdbd; 
font-size:14pt;
font-family: georgia, arial, times new roman; 
text-decoration:none;
}

#link a:hover { 
color:#fff; 
font-family:georgia, verdana, times new roman; 
font-size:14pt; 
text-decoration:bold;
}

#link a:active { 
color:#bdbdbd; 
font-size:14pt;
font-family: georgia, arial, times new roman; 
text-decoration:none;
}


h1 {
font-size:34px;
color:#2E2E2E;
font-family: georgia, verdana, times new roman;
font-weight:normal;
}

h2 {
font-size:26pt;
color:#3d5e3e;
font-family: georgia, verdana, times new roman;
text-align:center;
margin: 10px 0 -8px 0;
font-weight:normal;
}

h3 {
font-size:16pt;
color:#f0f0f0;
font-family: georgia, verdana, times new roman;
font-weight:normal;
line-height:0%;
margin: 10px 0 15px 0;
}

h4 {
font-size:12pt;
color:#1E5524;
font-family: georgia, verdana, times new roman;
font-weight:normal;
line-height:15%;
}

p {
font-family: arial, verdana, times new roman;
font-size:12pt;
color:#353535;
font-weight: normal;
line-height:135%;
}

ul {
font-family: verdana, arial, times new roman;
font-size:12pt;
color:#404040;
font-weight: normal;
}

.NewsletterSignup  input{
border-bottom: 1px #f0f0f0 dashed;
}

.season {
position:relative;
float:left;
left:10px;
font-size:14pt;
color:#bdbdbd;
font-family: georgia, verdana, times new roman;
font-weight:normal;
}

.bodyWraper { 
background-image: url('images/background_summer2.gif');
width:100%;
height:auto;
position:absolute;
top:0;
}

.mainWrapper {
width:937px;
height:100%;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
top:0;
}

.left {
position:relative;
width:17px;
height:100%;
float:left;
left:0;
top:0;
}

.leftWrapper1 {
position:relative;
width:17px;
height:78px;
top:483px;
left:0;
background-image:url('images/leftwrapper1_summer.gif');
background-repeat:no-repeat;
}

.leftWrapper2 {
position:relative;
width:17px;
height:182px;
top:733px;
left:0;
background-image:url('images/leftwrapper2_summer.gif');
background-repeat:no-repeat;
}

.center {
position:relative;
width:903px;
height:auto;
float:left;
left:0;
top:0;

}

.right {
position:relative;
width:17px;
height:100%;
float:left;
left:0;
top:0;
}


.rightWrapper1 {
position:relative;
width:17px;
height:93px;
top:433px;
left:0;
background-image:url('images/rightwrapper1_summer.gif');
background-repeat:no-repeat;
}

.rightWrapper2 {
position:relative;
width:17px;
height:192px;
top:673px;
left:0;
background-image:url('images/rightwrapper2_summer.gif');
background-repeat:no-repeat;
}

.header {
position: relative;
width:903px;
height:471px;
float:left;
top:0px;
left:0;
background-image: url('images/header_summer2.jpg');
background-repeat: no-repeat;
}

.header2 {
position: relative;
width:903px;
height:10px;
float:left;
top:0;
left:0;
background-image: url('images/header2_summer2.jpg');
background-repeat: no-repeat;
}

.navigation {
position: relative;
width:903px;
height:auto;
float:left;
top:0px;
left:0px;
background-image: url('images/ribbonbg1_summer.png');
background-repeat: repeat-x;
background-color: #f0f0f0;
}

.navagationLeft {
position: relative;
width:11px;
height:70px;
float:left;
top:0;
left:0;
background-image:url('images/leftcurve1_summer.png');
background-repeat:no-repeat;
}

.navagationSeason {
position: relative;
width:85px;
height:55px;
float:left;
top:0;
left:0;
margin-top:8px;
font-size:12pt;
color:#f0f0f0;
font-family: georgia, verdana, times new roman;
font-weight:normal;
}

#navagationIconLink {
display:block;
position:relative;
width:52px;
height:70px;
}

.navagationSeasonWinter {
position:relative;
width:52px;
height:70px;
float:left;
top:0;
left:3px;
background-image:url('images/iconwinter_summer.gif');
background-repeat:no-repeat;
}

.navagationSeasonSpring {
position:relative;
width:52px;
height:70px;
float:left;
top:0;
left:16px;
background-image:url('images/iconspring_summer.gif');
background-repeat:no-repeat;
}

.navagationSeasonSummer {
position:relative;
width:52px;
height:70px;
float:left;
top:0;
left:30px;
background-image:url('images/iconsummer_summer.gif');
background-repeat:no-repeat;
}

.navagationSeasonAutumn {
position:relative;
width:52px;
height:70px;
float:left;
top:0;
left:45px;
background-image:url('images/iconautumn_summer.gif');
background-repeat:no-repeat;
}

.navagationLinks {
position:relative;
width:563px;
height:55px;
float:left;
top:0;
left:40px;
}
.navagationContainer {
position:relative;
float:left;
width:auto;
height:55px;
left:22px;
}

#link {
position:relative;
float:left;
top:0;
left:0;
width:auto;
height:auto;
padding-left:18px;
padding-right:18px;
padding-top:8px;
}

.navagationRight {
position: relative;
width:11px;
height:55px;
float:right;
top:0;
left:0;
background-image:url('images/rightcurve1_summer.png');
background-repeat:no-repeat;
}

.statement {
position: relative;
width:903px;
height:248px;
float:left;
top:0;
left:0;
background-color:#f0f0f0;
}

.statementLeft {
position: relative;
width:58px;
height:248px;
float:left;
top:0;
left:0;
}

.statementCenter {
position: relative;
width:787px;
height:248px;
float:left;
top:0;
left:0;
text-align:left;
}

.statementRight {
position: relative;
width:58px;
height:248px;
float:right;
top:0;
left:0;
}

.calltoaction_text {
	position:relative;
	width:100%;
	height:auto;
	float:rleft;
	top:-10px;
	left:0;
}

.calltoaction_contatiner {
	position:relative;
	z-index:10;
	width:363px;
	height:46px;
	float:right;
	top:-60px;
	right:100px;
}

.calltoaction_left {
	position:relative;
	float:left;
	width:173px;
	height:46px;	
}

.calltoaction_right {
	position:relative;
	float:left;
	width:190px;
	height:46px;		
}

.button_viewrooms {
	display:block;
	position:relative;
	float:left;
	width:173px;
	height:46px;
	background-image: url('images/Calltoaction_Viewrooms1.png');		
}

.button_viewrooms:hover {
	background-image: url('images/Calltoaction_Viewrooms2.png');		
}

.button_booknow {
	display:block;
	position:relative;
	float:left;
	width:190px;
	height:46px;
	background-image: url('images/Calltoaction_Booknow1.png');		
}

.button_booknow:hover {
	background-image: url('images/Calltoaction_Booknow2.png');		
}

/******************************************************************************************HOME PAGE*************************************************************************/

#h1Highlight {
font-size:35px;
color:#3d5e3e;
}

.photoHome1 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer9.jpg');
}

.photoHome2 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer12.jpg');
}

.photoHome3 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer10.jpg');
}

.photoHome4 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer3.jpg');
}

/***************************************************************************************CONFIRMATION PAGE********************************************************************/


/******************************************************************************************ROOMS PAGE************************************************************************/

.statementCenterRooms {
position: relative;
width:873px;
height:240px;
float:left;
top:0;
left:0;
margin: 0 15px 0 15px;
}

.statementCenterRoomsLeft {
position: relative;
width:289px;
height:240px;
float:left;
top:20px;
left:117px;
}

.statementCenterRoomsRight {
position: relative;
width:342px;
height:240px;
float:left;
top:20px;
left:140px;
}

#RoomContentRow {
	float: left;
    height: auto;
    left: 0;
    margin-top:30px;
    position: relative;
    width: 903px;
}

#contentRoomsRight {
position: relative;
width: 525px;
height:auto;
float:left;
left:30px;
top:0;
}

#contentRoomsLeft1, #contentRoomsLeft2, #contentRoomsLeft3, #contentRoomsLeft4 {
position: relative;
width: 323px;
height:auto;
float:left;
top:0;
left:10px;
margin-bottom:35px;
}

#contentRoomsLeft1 p, #contentRoomsLeft2 p, #contentRoomsLeft3 p, #contentRoomsLeft4 p {
font-size:10pt;
text-align:right;
}

#roomimage {
float:right;
}

#contentRoomsLeft1 h2 {
color:#7a3937;
text-align:right;
}

#contentRoomsLeft2 h2 {
color:#b7b92c;
text-align:right;
}

#contentRoomsLeft3 h2 {
color:#4d5a46;
text-align:right;
}

#contentRoomsLeft4 h2 {
color:#a8813d;
text-align:right;
}

#Bookbutton1 {
	display:block;
	position:relative;
	z-index:10;
	background-image:url('images/Book_Rose1.png');
	width:143px;
	height:78px;
	left:192px;
	top:312px;
}

#Bookbutton2 {
	display:block;
	position:relative;
	z-index:10;
	background-image:url('images/Book_Country1.png');
	width:143px;
	height:78px;
	left:192px;
	top:312px;
}

#Bookbutton3 {
	display:block;
	position:relative;
	z-index:10;
	background-image:url('images/Book_Baldy1.png');
	width:143px;
	height:78px;
	left:192px;
	top:312px;
}

#Bookbutton4 {
	display:block;
	position:relative;
	z-index:10;
	background-image:url('images/Book_Trundle1.png');
	width:143px;
	height:78px;
	left:192px;
	top:312px;
}

#Bookbutton1:hover {
	z-index:11;
	background-image:url('images/Book_Rose2.png');
}

#Bookbutton2:hover {
	z-index:11;
	background-image:url('images/Book_Country2.png');
}

#Bookbutton3:hover {
	z-index:11;
	background-image:url('images/Book_Baldy2.png');
}

#Bookbutton4:hover {
	z-index:11;
	background-image:url('images/Book_Trundle2.png');
}

.photoRooms1 {
position:relative;
width:525px;
height:349px;
float:left;
top:-78px;
background: url('images/photos/bedandbreakfast_roseroom.jpg');
background-repeat:none;
}

.photoRooms2 {
position:relative;
width:525px;
height:349px;
float:left;
top:-78px;
background: url('images/photos/bedandbreakfast_countryroom.jpg');
background-repeat:none;
}

.photoRooms3 {
position:relative;
width:525px;
height:349px;
float:left;
top:-78px;
background: url('images/photos/bedandbreakfast_baldyroom.jpg');
background-repeat:none;
}

.photoRooms4 {
position:relative;
width:525px;
height:349px;
float:left;
top:-78px;
background: url('images/photos/bedandbreakfast_trundleroom.jpg');
background-repeat:none;
}


/***********************************************************************************AMENITIES PAGE***************************************************************************/


.statementCenterAmenities {
position: relative;
width:873px;
height:240px;
float:left;
top:0;
left:0;
margin: 0 15px 0 15px;
}

.statementCenterAmenitiesLeft {
position: relative;
width:290px;
height:260px;
float:left;
top:10px;
left:-10px;
vertical-align:bottom;
}

.statementCenterAmenities  h2{
font-size:18px;
line-height:125%;
text-align:left;
}

.statementCenterAmenities  ul{
font-size:13px;
line-height:130%;
text-align:left;
}

.statementCenterAmenitiesRight {
position: relative;
width:560px;
height:250px;
float:left;
top:7px;
left:24px;
margin: 0 5px 0 5px;
}

.photoAmenities1 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer4.jpg');
}

.photoAmenities2 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_breakfast.jpg');
}

.photoAmenities3 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer5.jpg');
}

/***********************************************************************************LOCATION PAGE****************************************************************************/


.statementCenterLocation {
position: relative;
width:873px;
height:240px;
float:left;
top:0;
left:0;
margin: 0 10px 0 10px;
}

.statementCenterLocation  h2{
font-size:24px;
line-height:130%;
text-align:left;
}

.statementCenterLocationRight {
position: relative;
width:530px;
height:250px;
float:left;
top:0;
left:5px;
}

.statementCenterLocationLeft {
position: relative;
width:auto;
height:auto;
float:left;
top:0px;
left:0px;
}


.photoLocation1 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_CoveredBridge.jpg');
}

.photoLocation2 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_WineTasting.jpg');
}

.photoLocation3 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_Baseball.jpg');
}

/********************************************************************************END LOCATION PAGE***************************************************************************/

.statementCenterRight p {
line-height:50%;
}

.statementCenterBottom {
position: relative;
width:787px;
height:auto;
float:left;
top:0;
left:0;
text-align:center;
}

.newsletterPackage {
position: relative;
width:903px;
height:162px;
float:left;
top:0;
left:0;
background-image: url('images/ribbonbg2_summer.png');
background-repeat: repeat-x;
background-position: 1px 7px;
background-color: #f0f0f0;
}

.newsletterPackageLeft {
position: relative;
width:7px;
height:161px;
float:left;
top:0;
left:0;
background-image: url('images/leftcurve2_summer.png');
background-repeat:no-repeat;
background-position: 0 7px;
}

.newsletterPackageLeftContent {
position: relative;
width:300px;
height:111px;
float:left;
top:0;
left:0;
margin: 25px 0 25px 10px;
text-align: left;
line-height:100%%;
}

.newsletterPackageLeftContent p{ 
color: #bdbdbd;
font-size:10pt;
font-family: arial, verdana, sans;
line-height:110%;
margin-left:5px;
} 

.newsletterPackageLeftContent input{ 
background-color:#3d5e3e;
border-bottom: 2px #bdbdbd dotted;
border-top:#3d5e3e;
border-left:#3d5e3e;
border-right:#3d5e3e;
color:#f0f0f0;
} 

.newsletterPackageDivider {
position: relative;
width:79px;
height:161px;
float:left;
top:0;
left:0;
background-image: url('images/ribboncenter_summer.png');
background-repeat:no-repeat;
background-position: 0 7px;
}

.newsletterPackageRightContent {
position: relative;
width:496px;
height:111px;
float:left;
top:0;
left:0;
margin: 25px 0 0 0;
text-align:right;
line-height:100%;
}

.newsletterPackageRightContent p{ 
color: #bdbdbd;
font-size:10pt;
margin-right:5px;
font-family: arial, verdana, sans;
line-height:130%;
} 

.newsletterPackageRightContent a:link {
color:#f0f0f0; 
text-decoration:none;
}

.newsletterPackageRightContent a:visited  {
color:#f0f0f0; 
text-decoration:none;
}

.newsletterPackageRightContent a:hover { 
color:#fff; 
text-decoration:bold;
}

.newsletterPackageRightContent a:active { 
color:#f0f0f0;  
text-decoration:none;
}

.newsletterPackageRight {
position: relative;
width:11px;
height:161px;
float:left;
top:0;
left:0;
background-image: url('images/rightcurve2_summer.png');
background-repeat:no-repeat;
}

.contentCenter { 
position: relative;
width:903px;
height:auto;
float:left;
top:0;
left:0;
background-color: #f0f0f0;
}

#contentRow {
position: relative;
width:903px;
height:auto;
float:left;
top:0;
left:0;
margin-bottom: 15px;
}

#contentRowLeft {
position: relative;
width: 297px;
height:auto;
float:left;
top:0;
left:0;
margin: 15px 18px 15px 8px;
}

#contentRowRight {
position: relative;
width: 540px;
height: auto;
float:left;
top:0;
left:0;
margin: 15px;
}

.contentLeftContent {
position: relative;
width: 297px;
height:auto;
float:left;
top:0;
left:0;
margin: 15px 18px 15px 8px;
}

.contentRightContent {
position: relative;
width: 540px;
height: auto;
float:left;
top:0;
left:0;
margin: 15px;
}

.footerTop {
position: relative;
width:903px;
height:12px;
float:left;
top:0;
left:0;
background-image: url('images/footertop_summer.gif');
background-repeat: no-repeat;
}

.footerBottom {
width:903px;
height:auto;
float:left;
left:0;
left:0;
background-image: url('images/footerbottom_summer.gif'); 
background-repeat:repeat-y;
}

.footerBottom h3 {
text-align:center;
}

.footerBottom p{
color: #bdbdbd;
font-size:10pt;
font-family: arial, verdana, sans;
line-height:150%;
}

.footerBottom a:link {
color:#f0f0f0; 
text-decoration:none;
}

.footerBottom a:visited  {
color:#f0f0f0; 
text-decoration:none;
}

.footerBottom a:hover { 
color:#fff; 
text-decoration:bold;
}

.footerBottom a:active { 
color:#f0f0f0;  
text-decoration:none;
}

.footerBottom {
color: #bdbdbd;
font-size:10pt;
font-family: arial, verdana, sans;
line-height:150%;
}


.footerCenterLeft {
position:relative;
width:320px;
height:175px;
float:left;
left:0;
top:0;
margin:10px;
text-align:right;
padding-right:10px;
border-right: 2px dotted #bdbdbd;
}

.footerCenterRight {
position:relative;
width:520px;
height:175px;
float:left;
left:0;
top:0;
margin:5px;
margin-top:10px;
}

/****************************************************************************Contact Page**************************************************************************************************/

.statementCenterContactLeft {
position:relative;
width:300px;
height:250px;
float:left;
left:0;
top:0;
}

.statementCenterContactRight {
position:relative;
width:375px;
height:250px;
float:left;
left:0;
top:0;
}

#statementCenterContactTop {
position:relative;
width:750px;
height:auto;
float:left;
left:0;
top:0;
}

#statementCenterContactBottom {
position:relative;
width:750px;
height:auto;
float:left;
left:0;
top:0;
}

#statementCenterContactBottom_Column {
position:relative;
width:auto;
height:auto;
float:left;
left:0;
top:0;
margin: 0 15px 0 15px;
}

#statementCenterContactBottom_ColumnLeft {
position:relative;
width:82px;
height:70px;
float:left;
left:0;
top:0;
margin: 0 5px 0 0;
}

#statementCenterContactBottom_ColumnRight {
position:relative;
width:170px;
height:70px;
float:left;
left:0;
top:0;
padding-top:10px;
vertical-align:middle;
}

#statementCenterContactBottom_ColumnRight p{
border: 1px dotted bottom;
line-height:100%;
}

#formIconsContainer {
position:relative;
width:550px;
height:auto;
float:left;
left:0;
top:0;
}

#formIcons {
position:relative;
width:140px;
height:auto;
float:left;
left:0;
margin: 0 0 0 25px;
border-right: dashed 1px #386d8d;
text-align:left;
}

#formIcons  img{
display:block;
text-align:left;
left:5px;
margin-left:auto;
margin-right:auto;
}

#formIcons  img{
margin-left:auto;
margin-right:auto;
}

#redMarker {
color: #E82422;
font-weight:bold;
}

#formContainer {
border-bottom: dashed 2px #386d8d;
margin: 15px;
}

#formContainer2 {
margin: 15px;
}

#formContainer p {
font-weight:bold;
line-height:100%;
font-family: arial, verdana, sans;
}

#formContainer2 p {
font-weight:bold;
line-height:100%;
font-family: arial, verdana, sans;
}

input { 
border:#3d5e3e dotted 2px;
background-color:#f0f0f0;
}

textarea { 
border:#3d5e3e dotted 2px;
background-color: #f0f0f0;
}

.photoContact1 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer2.jpg');
}

.photoContact2 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer3.jpg');
}

.photoContact3 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer11.jpg');
}

.photoContact4 {
position:relative;
width:323px;
height:225px;
float:left;
background: url('images/photos/williamsportbedandbreakfast_summer10.jpg');
}

/****************************************************************************END Contact Page************************************************************************************************/
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}