/*	------------------------------------------------------------
	style.css for eastview-garrigill.co.uk
	Developed by Richard Brown, Tower Web Design
	Richard at TowerWebDesign dot co dot uk
	This version: 9 Sept 2008
	------------------------------------------------------------ */

html, body, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
	background-color:#fff;
}
img { border:0; }
body {
  text-align: center;
}

html, body {
    margin: 0;
    padding: 0;
}

h1 {
	color:#000;
	font-size: 22px;
	text-align: center;
}
h2 {
	color:#000;
	font-size: 20px;
	text-align: center;
}
.smalltitle {
	font-size: 16px;
}
.smalltitle2 {
	font-size: 14px;
	font-weight: normal;
}
.content {
	text-align:center;
	margin: 0 auto;
	width: 90%;
	/*border: 4px solid gray;*/
}
.error {
	color: #f00;
	font-weight: bold;
	text-align: center;
}

a:link,
a:active,
a:visited {
	color: #444;
	text-decoration: none;
	font-size: 18px;
	/*font-weight: bold;*/
}
a:hover {
	color:  #ccc;
    /*text-decoration: underline;*/
}

hr {
color: #005356;
background-color: #005356;
height: 1px;
border:0px;
}

.quote {
	font-family: /*Roman, "Times New Roman",*/ serif;
	font-style: italic;
/*	font-family: "Kristen ITC", "Brush Script MT" cursive;*/
	font-size: 15px;
	text-align: center;
}
.quotor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.emphasise {
	font-weight: bold;
}

.blurb {
	color:#555;
	padding: 4px 8px;
	margin-left: auto;
  	margin-right: auto;
	text-align:center;
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	/*border: 4px solid blue;*/
}
.welcome1 {
	text-align: center;
	font-family: /*Roman, "Times New Roman",*/ serif;
	font-size: 30px;
}
.welcome2 {
	text-align: center;
	font-family: /*Roman, "Times New Roman",*/ serif;
	font-size: 50px;
	/*font-weight: bold;*/
}
.welcome3 {
	text-align: center;
	font-family: /*Roman, "Times New Roman",*/ serif;
	font-size: 32px;
}

.card {
	margin-left: auto;
  	margin-right: auto;
   margin: 0 15px 15px 0;
   padding: 10px 0;
   text-align: center;
   border-right: 2px solid #aaa;
   border-bottom: 2px solid #aaa;
/*   border-right: 2px solid #ccc;
   border-bottom: 2px solid #ccc;*/
   font-size: 75%;
}

.width220 { width: 220px; }
.width320 { width: 320px; }
.width354 { width: 354px; }
.width420 { width: 420px; }
.width488 { width: 488px; }
.width466 { width: 466px; }

.cottage {
	width: 45%;
	margin-left: auto;
   margin-right: auto;
	text-align: center;
}

.cottage_row {
	/*border: 1px solid blue;*/
	width: 90%;
	/*width: 780px;*/
	margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.cottage h1 {
	/*border: 1px solid red;*/
	font-size: 20px;
	color: #555;
}
.cottage h2 {
	/*border: 1px solid red;*/
	font-size: 13px;
	color: #555;
}
.cottage p {
	font-size: 14px;
}

.blurb a:visited,
.blurb a:active,
.blurb a:link {
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*padding-right: 8px;*/
}
.blurb a:hover {
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#ddd;
}

.blurb .link a:visited,
.blurb .link a:active,
.blurb .link a:link {
	color:#111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*padding-right: 8px;*/
}
.link a:hover {
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#ddd;
}

.separator {
	clear: both;
	font-size: 1px;
}
hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

#footer {
	clear: both;
	text-align:center;
	background-color: #fff;
	border-top: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:8px;
}
#footer .phone {
	font-weight: bold;
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	font-size:12px;
	font-weight: bold;
	color:#00f;
}
#footer a:hover {
	font-size:12px;
	font-weight: bold;
	color:#888;
}
#footer #tower {
	/*border:1px solid red;*/
	color:#888;
}
#footer #tower a,
#footer #tower a:link,
#footer #tower a:active,
#footer #tower a:visited {
	font-size:12px;
	font-weight: bold;
	color:#aaa;
}

/*#menuimage {
	width:100%;
	background-image: url(../images/banner.jpg);
	height:94px;
}*/

#menu {
	margin: 0 auto;
	background-image: url(../images/bannerx.jpg);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position: 50% 0;
	width: 90%;
	/*height:124px;*/
	height:124px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#e8e9e4;
}
#menutext {
	position:relative;
	bottom:-100px;
}
#menu a,#menu a:link, #menu a:visited {
	color:#000;
}
#menu a:hover {
	color:#bbb;
}

.links {
	text-align:left;
}
.links h1 {
	text-align: left;
	color:#000;
	font-size: 20px;
}
.black {
	color:#000;
}

.link {
	padding-bottom:10px;
}

.a hover {
	font-weight: bold;
	color:#f00;
}
.leftcolumn {
	padding:0;
	margin:0;
	width:50%;
	float:left;
	/*border:1px solid green;*/
	text-align:right;
	/*padding-right:20px;*/
}
.columnpic {
	/*border:1px solid gold;*/
	text-align:center;
	width:250px;
}
.leftpic {
	/*border:1px solid gold;*/
	text-align:center;
	width:320px;
	float:left;
}
.rightpic {
	float:right;
	/*border:1px solid gold;*/
	text-align:center;
	width:320px;
}
.rightcolumn {
	width:50%;
	padding:0;
	margin:0;
	float:left;
	/*border:1px solid gray;*/
	text-align:left;
	/*padding-left:20px;*/
}
/*.leftpic {
	border:1px solid gold;
	width:250px;
	text-align:center;
}*/
.leftcolumn h2 {
	font-size: 13px;
	color: #555;
	/*text-align:right;
	/*padding-right:20px;*/
}
.rightcolumn h2 {
	font-size: 13px;
	color: #555;
	/*text-align:left;
	padding-left:20px;*/
}
.leftcolumn img {
	padding:4px;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
.rightcolumn img {
	padding:4px;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

.column1 {
	/*width: 45%;
	float: left;*/
	text-align:left;
	margin: 8px;
	padding: 8px;
}
.column2 {
	/*width: 45%;
	float: left;*/
	text-align:left;
	margin: 8px;
	padding: 8px;
}
/* gallery columns */
.gcolumn1 {
	width: 45%;
	float: left;
	text-align:left;
	margin: 8px;
	padding: 8px;
}
.gcolumn2 {
	width: 45%;
	float: left;
	text-align:left;
	margin: 8px;
	padding: 8px;
}

#innermenu {
	float: left;
}

#pagecontrol {
/*	border: 1px solid black;*/
	float: left;
	font-size: 12px;
	text-align:left;
	font-weight:normal;
	width: 100px;
	color: #666;
	border-left: 1px solid #e8e9e4;
	padding-left: 8px;
}

#pagecontrol a:hover.print { font-weight:normal; color:#333; text-decoration: none; }
#pagecontrol a:link,
#pagecontrol a:active,
#pagecontrol a:visited {
	color: #666;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
#pagecontrolb {
	font-size: 12px;
	text-align:left;
	font-weight:normal;
	color: #666;
	border-left: 1px solid #e8e9e4;
}

#pagecontrolb a:hover.print { font-weight:normal; color:#333; text-decoration: none; }
#pagecontrolb a:link,
#pagecontrolb a:active,
#pagecontrolb a:visited {
	color: #666;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

#leftmenu {
	width:100px;
	float:left;
	border:1px solid black;
}

/*#gallery {
margin: 0;
padding: 0;
list-style-type: none;
	text-align: center;
}*/
#gallery ul {
	width: 100%;
	float:left;
	/*margin:0 auto;*/
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#gallery li {
	width: 20%;
	/*width:200px;*/
	border:solid #aaa;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers*/
	-moz-border-radius:10px;
 /* */
	background:#FFF;
	padding:10px;
	text-align:center;
	/*position:relative;*/
/*	float:left;*/
	display:inline;
	/*margin:0 auto;*/
	margin:5px;
}
#gallery a span {
/*\*/
	position:absolute;
	left:-9999px;
}

#gallery a:hover span{
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
}