/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#D4D4D4;
}

#logo {
	float: left;
	height: 72px;
}
#wording {
	float: right;
	height: 72px;
}

#header {
	_clear: both;
	width: 100%;
	overflow: visible;
	_margin-top: -72px;
}

#branding h1 {
	text-indent: -5000px;
	background: url(../images/headerpics/headerpic3.png) bottom center;
	height: 220px;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

#wrapper {
  background: url(../images/wrapper_bg.gif) repeat-y top left;
}

#content {
	background: url(../images/content_bg.gif) repeat-y top right;
}


#branding {
width: 100%;
  height: 220px;
  background-color:#ffffff;
}

#branding h1 {
  margin: 0;
}

#mainNav {
  list-style: none;
}

#secondaryContent {
  text-align: right;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footer {
  background-color:#D1C8B8;
  padding: 1px 10px;
}
#footer p {
	line-height: 5px;
	font-size: 12px;
}
#homepagepic { 
	width: 250px;
	border: 1px solid #000000;
	margin: 5px 10px 5px 15px;
	float: right;
}

.picContainer {
	padding: 0px;
	margin: 10px 10px 10px 10px;
	width: 64px;
	height: 64px;
	border: #FFFFFF 3px solid;
	float: left;
}

.picContainer_cottages {
	padding: 0px;
	margin: 10px 20px 10px 20px;
	width: 100px;
	height: 100px;
	border: #FFFFFF 4px solid;
	float: left;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 98%; 
  margin: 0 auto; 
  text-align: left; 
}

#mainNav { 
  width: 23%;
  float: left;
}


#content { 
  width: 75%; 
  float: right; 
}

#mainContent { 
  width: 62%; 
  margin: 0; 
  float: left;
  padding-left: 5px;
  padding-right: 6px;
} 
#secondaryContent { 
  width: 25%;
  min-width: 10em;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
} 



#footer { 
  clear: both; 
}

/* add some padding to the contentse in the main nav and secondary content areas */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;;
  font-weight: normal;
  font-size: 1em;
}

#mainNav * { 
 padding-left: 20px;
 padding-right: 20px;
 _padding-left: 10px;
}

#mainNav * *, #secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}

#mainNav ul {
	list-style: none;
}

#mainNav p {
	text-align: left;
	padding-left: 10px;
}

#mainNav a {
	text-decoration: none;
	color: #000000;
	padding-left: 10px;
	margin: 5px;
	padding: 5px;
}

#mainNav li a:Hover {
	color: #000000;
	background: #F8F0E3;
}

/* top navigation menu */
#menucontainer {
	background: #D1C8B8;
}
#mainmenu {
	margin: 0 auto; 
	margin-top: -148px;
	padding:0;
	list-style-type:none;
	width:750px; 
	left:0;
	top:72px;
	height:30px;
	background-color: #D1C8B8;
}

#mainmenu li {
	float:left;
	padding:0;
	margin:0
}

#mainmenu li a, #mainmenu li a:visited  {
	display:block;
	float:left;
	padding: 0px 15px 0px 15px;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#000000;
	text-align:center
	}

#mainmenu li em {
	display:block;
	float:left;
	font-style:normal;
	width:107px;
	height:30px;
	line-height:30px;
	letter-spacing:-1px;
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#333;
	text-align:center;
}

#mainmenu li a:hover {
	color:#000000;
	background:#FAE5C0;
	}

/* external link styling */
/* external links
================================== */

a[href^="http:"] {
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.thethatchedcottagecompany.com"] {
  background-image: none;
  padding-right: 0;
}

/* Remove border from images in the gallery */

#secondaryContent img {
	border: 0px;
}

/* Quotations markup */
blockquote {
border-top: dashed 1px #bbb;
border-bottom: dashed 1px #bbb;
width: 95%;
margin: 10px -20px 20px -10px;
background: #fff url(../images/alt_quote_start.gif) 20px 20px no-repeat;
position: relative;
}

#mainContent > blockquote {
margin-right: -60px;
}

p.quoteBody {
color: #363636;
font-size: 145%;
line-height: 1.1em;
font-weight: bold;
padding: 34px 10px 0 95px;
text-align: left;
background: url(../images/alt_quote_end.gif) bottom right no-repeat;
}

p.quoteCite {
color: #9d0a0e;
font-size: 115%;
font-weight: bold;
text-align: right;
padding-right: 15px;
padding-bottom: 10px;
margin-bottom: 0;
}

/* Location Pin Background */
#locationpin {
	font-size: 145%;
	color: #C33C3C;
	font-style: oblique;
	font-weight: bold;
	text-align: center;
	width: 80%;
	height: 100px;
	padding: 6px;
	background: #FFFFFF url(../images/pin.gif) top left no-repeat;
}

.offer {
	margin: 5px;
	padding: 7px;
	border: 1px dotted #A07C41;
	background: #F8F7F4;
}

/* =Tables
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 10px 0px;

	padding: 0px;
}
td {
	margin: 4px;
	padding: 6px;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	border: solid 1px #ccc;
	font-size: 1.2em;
}
td.headings {
	background-color: #cb7a0c;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}

/* = Calendar styles
-----------------------------------------------------------------------------*/


.cal_priceband_1 {
	background-color:#0099FF;
}
.cal_priceband_2 {
	background-color: #5CA824;
} 
.cal_priceband_3 {
	background-color: #FFCC00;
}
.cal_priceband_4 {
	background-color: #FF9933;
} 
.cal_priceband_5 {
	background-color: #FF0000;
}
.cal_head {		/*<<month name >>*/
	background-color: #fff;
	color:            #000;
	font-size:        1.4em;
	font-weight:      bold;
	text-transform: uppercase;
}
a.cal_head {
	color: #9c402e;
}
a.cal_head:hover {
	text-decoration: none;
}
.cal_days {	/*mon, tues... heading*/
	background-color: #fff;
	color:            #333;
	font-size:        1.2em;
	font-weight:      bold;
	text-transform: uppercase;
}
.cal_content, a.cal_content {	/*ordinary dates available to book*/
	background-color: #EEEEEE;
	color:            #cc0000;
	font-family:      Verdana;
	font-size:        10px;
}
.cal_event, a.cal_event {	/*normal, unallocated days*/
	background-color: #DDDDDD;
	color:            #000000;
	font-family:      Verdana;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
}
.cal_today {	/*The current day - */
	background-color: #94a24a;
	color:            #000000;
	font-family:      Verdana;
	font-size:        10px;
}
.cal_weekend {	/* Saturdays */
	background-color: #cc0000;
	color:            #000000;

}
.cal_busy {	/*days already booked*/
	background-color: #e9e9e9;
	color:            #fff;

}
#cal a {
	background-color: #cc0000;
	padding: 2px;
	color: #fff;
	text-decoration:none;

}
#cal a:hover {
	background-color: #000;
	padding: 2px;
	color: #fff;
}
a.nxt {
	color: #cc0000;
	font-size: 1.1em;
}
a.pre {
	color: #94a24b;
	font-size: 1.1em;
}