/* 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;
	margin-top:0px;
}

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

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

h3 {
  font-size: 1.8em;
  font-weight: normal;
}

h4 {
  font-size: 1.6em;
  font-weight: normal;
  color: #999999;
}

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

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

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

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

#branding h1 {
  margin: 0;
}

#mainNav {
  list-style: none;
}


#footer {
  background-color:#D1C8B8;
  padding: 1px 10px;
}
#footer p {
	line-height: 5px;
	font-size: 12px;
}

.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;
  background: #ffffff; 
}

#mainContent { 
  width: 95%; 
  margin: 0; 
  float: left;
  padding-left: 5px;
  padding-right: 6px;
} 



#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 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;
}

/* Temporary styles */

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

#homepagepic { 
	width: 250px;
	border: 1px solid #000000;
	margin: 5px 10px 5px 15px;
	float: right;
}

#mediapic { 
	border: 1px solid #000000;
	margin: 5px 10px 5px 15px;
	float: right;
}

.newsreview {
	margin: 5px;
	padding: 7px;
	border: 1px solid #cccccc;
}

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

.comment2 {
	margin: 5px;
	padding: 7px;
	border: 1px dotted #DFBF8A;
}

.newssource {
	float: right;
	background: #FFF3DD;
	font-size: 1.5em;
	padding: 10px;
	border: 1px #878787 solid;
}