﻿/*Swanmeadow new style sheet*/ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
} 
 
#pagewidth{
	width:770px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFBF;
	border: 1px solid #7D7D00;

} 
 
#logo{
	position:relative;
	height:170px;
	background-color:#FFFFBF;
	width:100%;
	background-image: url(../images/swanmeadow-logo.jpg);
	background-repeat: no-repeat;
} 
 
#maincol{background-color: #FFFFBF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:; 
 }
 
#footer{
	background-color:#FFFFBF;
	clear:both;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;



 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* Modifies standard links */

a	{
	text-decoration: none;
	color: #7D6400;
	font-weight: bold;

	}
a:hover {
text-decoration: underline;
}

img	{  border-style: none;
}


/* Tabbed menu bar */

#header {
	float:left;
	width:100%;
	font-size:0.7em;
	line-height:normal;
	background-color: #FFFFBF;
	background-image: url(../images/menu/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;



  }
#header ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
  }
#header li {
	float:left;
	background:url(../images/menu/left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-align: center;
  }
#header a {
	float:left;
	display:block;
	background:url(../images/menu/right.gif) no-repeat right top;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 5px;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#7D7D00;
  }
#header #current {
  background-image:url(../images/menu/left_on.gif);
  }
#header #current a {
  background-image:url(../images/menu/right_on.gif);
  color:#333;
  padding-bottom:5px;
  }	  
	  /* End tabbed menu bar */
	  /* Footer link defs */
#fmenu {
	text-align: center;
	clear: none;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
#fmenu ul{
	padding : 5px;
	margin : 0;
	white-space : nowrap;
	text-align: center;
	list-style-type: none;






}
#fmenu ul li{
	display : inline;
	list-style-type: none;
	margin: 0px 10px;
	padding: 0px;




}

#fmenu ul li a{
	text-decoration : none;
	background-position: 0px 2px;
	font-weight: normal;
	font-style: normal;
	color: #7D6400;
	padding-top: 10px;
	padding-bottom: 10px;

}

#fmenu ul li a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #7D7D00;


}


/* End footer links */
/* Footer text styles */
#flist ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5;
	margin-bottom: 5;
	padding: 0px 0px 10px;


}

#flist ul li	{
	display: inline;
	list-style-type: none;
	margin-right: 0px;
	margin-left: 0px;
	padding: 5px 10px 5px 18px;
	background-image: url(../images/menu/diamond.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 0px;
	margin-bottom: 0px;



}
/*End footer text styles*/

/* Header styles  */
h1 {
	font-family: "Times New Roman", times, serif;
	font-size: 160%;
	color: #7D7D00;
	font-weight: bold;
	font-style: italic;
	font-style: oblique;
	margin: 0px;
	padding: 20px 25px 0px;
	line-height: 1em;

}
.tagline {
	font-size: 60%;
	font-variant: small-caps;
	font-style: normal;
	color: #B38F00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}
h2	{
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	color: #B38F00;
	padding-bottom: 10px;
	padding-left: 25px;
	margin: 0px;
	padding-top: 10px;



}

h3	{
	font-family: "Times New Roman", Times, serif;
	font-size: 80%;
	color: #7D7D00;
	padding-bottom: 10px;
	padding-left: 25px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;

}
/* End header styles /*

/* Main body text style */
.tmain {
	font-size: 85%;
	float: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;

}
/* Picture floats */
.leftpic {
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;

}

.rightpic	{
	float: right;
}

/* End picture floats */

/* Styles for map page */
.map1 {
	font-size: 80%;
	height: 450px;
	width: 550px;
	border: 1px solid #7D7D00;
	margin-left: 100px;
	margin-bottom: 20px;



}
.address {
	list-style-type: none;
	font-size: 80%;
	display: block;
	margin-left: 60px;



}
.addresshdr {
	font-weight: bold;
	color: #7D7D00;
}
/* End styles for map page */
/* Top of page links */
.top-link {
	font-size: 70%;
	float: right;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;

}
/* Makes sure that next section does not overlap the last */
.clear	{
	clear: both;
	height: 1px;

}

/* Slideshow styles */

.slidepos {
	margin: 20px 0px 0px;
	font-size: 10px;
	color: #666666;
	text-align: center;



}
/* Bold items on accommmodation page */
.boldlist {
	font-weight: bold;
}

.prices {
	font-size: 75%;
	margin-left: 0px;
	border: 1px solid #7D7D00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;


}
.priceshdr {
	font-weight: bold;
	text-align: center;

}

/* Form definitions */
	/* Wrapper for feedback form */
.feedbox {
	font-size: 75%;
	float: left;
	width: 450px;
	margin: 0px 0px 25px 50px;
	padding: 0px;

}

form 	{
margin : 0;
padding : 0;
}

fieldset {
margin : 20px;
padding : 1em;
border : 1px solid #7D7D00;
}

	fieldset div br {
	display : none;
	}

/* Style the legend, labels and the div containing the submit button. */

legend {
font-weight : bold;
color : #7D6400;
margin : 0;
padding : 0.5em;
font-size:110%
}

label {
display : block;
}

#fm-submit {
	clear : both;
	padding-top : 1em;
	text-align : center;
	cursor: hand;

}

fieldset div {
margin : 0;
padding : 0;

}

	fieldset div.fm-optional {
	display : block;
	}

	fieldset div input {
	width: 200px; /* Width for modern browsers */
	border : 1px solid #900;
	padding : 1px;
	}
	
	fieldset div select {
	font-family : "Verdana", "Arial", sans-serif;
	font-size: 100%;
	width: 200px; /* Width for modern browsers */
	border : 1px solid #7D6400;
	padding : 1px;
	}
						
	fieldset div label:before {
	content: "* ";
	}

		fieldset div.fm-optional label:before {
		content: "";
		}
	
/* Optional fields. */

.fm-optional input {
border : 1px solid #ccc;
}
.titlewrapper {
	width: 100%;
	text-align: left;

}
/* End Form Definitions */

.tmainleft {
	font-size: 85%;
	padding: 10px 25px;
	text-align: left;

}
/* BG for pop up window */
.pop {
	background-color: #FFFFBF;
}
/* Text used on customer comments page */
.itals {
	font-size: 85%;
	font-style: italic;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;


}
.sig-right {
	font-weight: normal;
	float: none;
	padding-right: 30px;
	font-size: 80%;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 30px;
	text-align: right;

}

/* Picture align left where stacked in column */
.leftpic2 {
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	clear: none;
	padding: 0px;
	margin-top: 0px;


}
table {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
	width: 650px;
	font-size: 75%;
	padding: 0px;
	border: 1px solid #666666;





}
td {
	border: 1px solid #7D7D00;
	margin: 0px;
	padding: 3px;

}
.pdflink {
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 20px 40px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;



}
.piclink {
	font-size: 80%;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.bigpic {
	margin: 0px;
	padding: 10px;
}
th {

	border: 1px solid #7D7D00;
	margin: 0px;
	padding: 3px;
}
/* Formatting for calendar of events */
.leftcol {
	float: left;
	width: 175px;
	border: none;
	margin: 5px 0px 5px 50px;
	padding: 10px;
	overflow: visible;
	font-size: 85%;
	font-weight: bold;
	color: #7D7D00;






}
.rightcol {
	float: right;
	width: 400px;
	border: none;
	margin: 5px 50px 5px 0px;
	padding: 10px;
	overflow: visible;
	font-size: 85%;





}
.artlist {
	padding-top: 5px;
	padding-bottom: 5px;
}
.col-wrap {
	width: 100%;
}
/* Styles for 3 pics accross home page */
div.float {
	float: left;
	padding-right: 5px;
	padding-left: 25px;

  }
  
div.float p {
	text-align: center;
	font-size: 70%;
	padding-bottom: 20px;


   }
   
   div.container {
  border: none;
  }
  div.spacer {
  clear: both;
  }
hr {
	color: #7D7D00;
	margin: 20px 10px 10px;
	padding: 0px;

}
/* Positioning of the Visit Wales logos */
.leftpic3 {
	float: left;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;

}
/* ul for holiday cottage lists */
.hclist {
	margin: 0px;
	padding: 0px;
}
.linktext {
	float: left;
	text-align: left;
	clear: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.headertext {
	font-size: 0.83em;
	padding-top: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 240px;
	margin: 0px;
	
}
