/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles / Navigation
:: Homepage
:: Responsive
:: Standard Pages
:: Contact Page
*/


/* -----------------------------------------
   Shared Styles / Navigation
----------------------------------------- */

body {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }

.main-title{ display:block; width:254px; height:55px; background: url(../images/armor.png) no-repeat 0 0;  margin:36px 0 20px 0; font-size:10px; }
.main-title a{ display:block; width:254px; height:55px; }

.row#header{ background:#fff; border-bottom:solid 1px #666; }
.row#main{ background:#fff; padding:18px 0 0 0; }
.row#footer{ background:#fff; border-top:solid 1px #666; text-align:center; }

#gallery .row#main{ padding:10px 0 0 0; }

ul#nav{ float:right; margin:65px 0 0 0;}
#nav li{ display:block; float:left; clear:none; font-family: Georgia, Times New Roman, serif; font-size:102%; color:#8a2520;  margin:0 0 0 0; padding:0 0 0 0; border-right:dotted 1px #666;}
#nav li a{ font-size:102%; color:#8a2520; display:block; padding:5px 12px 5px 12px; background:#fff; text-transform:lowercase; }
#nav li a:hover{ color:#fff; background:#8a2520; }

#nav li:first-child{ border-left:dotted 1px #666;}
#nav li.selected a{background:#8a2520;  color:#fff; padding:5px 12px 5px 12px;}
#nav li.selected a:hover{ background:#8a2520; }

/*
#nav li.selected a{ background:#fff url(../images/navSelected.png) no-repeat 5px 12px; padding:5px 12px 5px 15px;}
#nav li.selected a:hover{ background:#8a2520 url(../images/navSelectedHover.png) no-repeat 5px 12px; }
*/

.row#main p,
.row#maincontent p{ font-size:100%; color:#666; line-height:1.4; }

#footer ul{ margin:15px 0 0 0;}
#footer ul li{ font-family:Georgia, Times New Roman, serif; font-size:83%; margin:0 0 0 0; }
#footer ul li a{}
#footer ul li a:hover{}


h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; font-style:italic; text-transform:lowercase; font-family: Georgia, Times New Roman, serif;}

#maincontent h1 { font-size: 25px; font-size: 2.5rem; margin-bottom: 12px;  color: #8a2520; border-bottom: 1px solid #d4d4d4; padding-bottom:11px;}
h2 { font-size: 20px; font-size: 2.0rem; margin-bottom: 9px; }
h3 { font-size: 18px; font-size: 1.8rem; margin-bottom: 9px; }
h4 { font-size: 15px; font-size: 1.5rem; margin-bottom: 8px; }
h5 { font-size: 13px; font-size: 1.3rem; margin-bottom: 8px; }
h6 { font-size: 13px; font-size: 1.3rem; margin-bottom: 8px; }

#maincontent{ margin:8px 0 0 0; padding:0 0 10px 0; }

#gallery #maincontent{ margin:0 0 0 0; }

#maincontent ul{ margin-left:15px;}
#maincontent ul li{ margin:0 0 0 0; padding:0; list-style: disc outside; font-size:100%; color:#666;}
#maincontent ul li a{}

ul.sitemap{ margin:0;}
ul.sitemap.top{ margin:20px 0 0 0;}
ul.sitemap li{ margin:0 0 8px 0 !important; width:100%; padding:0 0 8px 0 !important; list-style:none !important; border-bottom:1px solid #ddd;}
ul.sitemap li a{  font-size:16px !important;}
ul.sitemap ul{ margin:0 0 0 20px !important; }
ul.sitemap ul li{ padding:0 !important; margin:0 0 2px 0 !important; border:none !important; }
ul.sitemap ul li a{ font-size:13px !important; font-style:italic;}

.button { background:#8a2520;  color:#fff; }
.button:hover { background:#8a2520;  color:#fff; }


/* -----------------------------------------
   Homepage
----------------------------------------- */

ul.row{ display:block; background:#fff; margin:0 0 23px 0;}
ul.row li{ display:block; margin:0 !important; width:33.33% !important; overflow:hidden; }

li#panel1{ height:352px; background:url(../images/home01.png) no-repeat top right; }
li#panel2{ height:352px; background:url(../images/home02.png) no-repeat top left; }
li#panel3{ height:352px; background:url(../images/home03.png) no-repeat top left; }
li#panel4{ height:63px; background:url(../images/willow.png) no-repeat top right; }
li#panel5{ height:63px; background:url(../images/kingsmeadow.png) no-repeat top left; }
li#panel6{ height:63px; background:url(../images/cottage.png) no-repeat top left; }

li#panel2 a, li#panel3 a{ height:57px; width:95%; display:block; position:absolute; bottom:31px; font-size:95%; color:#fff; padding:8px 0 0 5%; }
li#panel2 a{ text-align:right; padding:8px 5% 0 0; }
li#panel4 a, li#panel5 a, li#panel6 a{ height:51px; width:95%; display:block; font-size:95%; color:#fff; padding:12px 5% 0 0; text-align:right;}
li#panel6 a{ text-align:left; padding:12px 0 0 5%;}

ul.row li a span{ font-size:165%; font-family:Georgia, Times New Roman, serif; display:block;}
ul.row li a:hover{  color:#000 !important; }


/* -----------------------------------------
   Gallery page
----------------------------------------- */

.gallerycontent{ display:block; margin:15px 0 0 0;}
.gallerycontent p{ display:block; width:100%; float:left; clear:left; margin:0 0 32px 0 ; padding:0 0 31px 0; border-bottom:1px solid #ccc;}
.gallerycontent p img{ float:left; clear:none; margin:0 15px 0 0 ;}

/* -----------------------------------------
   Contact page
----------------------------------------- */

#map_canvas{ display:block; width:100%; height:256px; border:1px solid #ccc; margin:30px 0 0 0;}
#contact #maincontent p img{ margin:0 15px 0 0;}


/* -----------------------------------------
   Responsive
----------------------------------------- */


/* smaller desktops */
@media only screen and (min-width: 320px) and (max-width: 767px) { 

	ul#nav{ float:right; margin:0 0 10px 0; width:100%; clear:left; }
	ul#nav li{ float:left; width:16.4%;  }
	#nav li a{ font-size:102%; color:#8a2520; display:block; padding:5px 12px 5px 12px; background:#fff; }
	
	.four.columns{ margin-left:0 !important; }
	
}

/* tablet portrait (landscape follows desktop style)*/
@media only screen and (max-width: 768px) { 

	li#panel1{ display:none !important; }
	
	ul.row{ background:#fff;}
	ul.row li{width:50% !important; overflow:hidden; margin:0 !important; float:left !important;  }
	
	li#panel2{ background:url(../images/home02Tablet.png) no-repeat top left; }
	li#panel3{ background:url(../images/home03Tablet.png) no-repeat top left; }
	
	li#panel2 a, li#panel3 a{ height:57px; width:92%; display:block; position:absolute; bottom:31px; font-size:90%; color:#fff; padding:13px 0 0 5%;}
	li#panel2 a{ text-align:left; padding:13px 0 0 5%; }
	
	li#panel4,
	li#panel5,
	li#panel6{ width:50% !important; float:right !important;  display:block !important; clear:right !important; background-position: top left !important; margin-bottom:8px !important;  }
	
	li#panel4 a, li#panel5 a, li#panel6 a{ height:51px; width:95%; display:block; font-size:95%; color:#fff; padding:12px 5% 0 0; text-align:right;}
	
	#main{ position:relative; }
	#home #maincontent{ width:46%; float:left; position:relative;}
	#maincontent p{ font-size:14px !important; line-height:1.5 !important;}	
	
	.hide-on-tablets, .hide-on-phones{ display:none !important;}
	
	#nav li a{ font-size:102%; color:#8a2520; display:block; background:#fff; }
	#nav li.selected a{ background:#8a2520; color:#fff; }
	#nav li.selected a:hover{ }
	
}
 

/* smartphone portrait */
@media only screen and (max-width: 320px) and (orientation: portrait) { 

	.row#header{ border-bottom:none; }
	
	.main-title{ margin:15px 0 0 0;}
	
	ul#nav{ float:left; margin:15px 0 0 0; }
	
	#nav li{font-size:102%; width:100% !important; color:#8a2520;  margin:0 0 0 0; padding:0 0 0 0; border-bottom:dotted 1px #666; border-right:none;}
	#nav li a{ font-size:102%; color:#8a2520; display:block; padding:3px 8px 3px 8px; background:#fff; }
	#nav li.selected a{ background-image:none; font-style:italic; color:#fff; background:#8a2520; padding:3px 10px 3px 10px;}
	#nav li.selected a:hover{background-image:none; }
	#nav li:first-child{ border-left:none;}
	
	ul.row{ margin-bottom:8px !important; }
	
	li#panel2, li#panel3, li#panel4, li#panel5, li#panel6{ height:57px; display:block; width:100% !important; float:left; margin-bottom:8px !important; }
	li#panel2 a, li#panel3 a, li#panel4 a, li#panel5 a, li#panel6 a{ height:57px; width:95%; display:block; position:relative; bottom:0; font-size:83%; color:#000; padding:10px 5% 0 0 !important; text-align:right !important;}
	li#panel4 a, li#panel5 a, li#panel6 a{ color:#fff; }
	
	ul.row li a span{ font-size:135%; }
	
	li#panel2{ height:75px; background-position:0 -30px;}
	li#panel3{ height:75px; background-position:-80px -130px;}
	
	li#panel2 a,
	li#panel3 a{ height:75px; padding:18px 5% 0 0 !important; font-size:100%;}
	
	#maincontent{ width:100%; float:left; position:relative; left:0; top:0; margin:0;}
	#home #maincontent{ width:100%;}
	
	#map_canvas{ margin:0 0 0 0;}
	
	.hide-on-tablets, .hide-on-phones{ display:none !important;}
}

/* smartphone landscape */
@media only screen and (max-width: 480px) and (orientation: landscape){ 

	.main-title{ margin:20px 0 20px 0;}
	
	#nav li{ text-align:center !important; }
	#nav li a{ text-align:center !important; padding:3px 0 3px 0; }
	#nav li.selected a{ background-image:none; font-style:italic; color:#fff; background:#8a2520; padding:3px 0 3px 0;}
	#nav li.selected a:hover{background-image:none; }
	
	li#panel2, li#panel3{ height:57px; display:block; width:50% !important; float:left; margin-bottom:0 !important; margin-top:5px !important;}
	li#panel4, li#panel5, li#panel6{ height:57px; display:block; width:100% !important; float:left !important; margin-bottom:8px !important; }
	
	li#panel2 a, li#panel3 a{ height:57px; width:95%; display:block; position:relative; bottom:0; font-size:83%; color:#000; padding:10px 5% 0 0 !important; text-align:right !important; }
	li#panel4 a, li#panel5 a, li#panel6 a{ height:57px; width:98%; display:block; position:relative; bottom:0; font-size:82%; color:#fff; padding:18px 0 0 0 !important; text-align:right !important; }
	
	ul.row li a span{ font-size:130% !important; }
	
	li#panel4 a span, li#panel5 a span, li#panel6 a span{  display:inline !important; font-size:125% !important; font-weight:bold; }
	
	li#panel4{ background-color:#a25928; }
	li#panel5{ background-color:#abb7be; }
	li#panel6{ background-color:#a5aeb7; }
	
	li#panel2{ height:100px; background-position:0 -30px;}
	li#panel3{ height:100px; background-position:-80px -130px;}
	
	li#panel2 a,
	li#panel3 a{ height:100px; padding:20px 5% 0 0 !important; font-size:110%;}
	
	#maincontent{ width:100%; float:left; position:relative; left:0; top:0; margin:0;}
	#home #maincontent{ width:100%;}
	
	#map_canvas{ margin:15px 0 0 0;}
	
	.hide-on-tablets, .hide-on-phones{ display:none !important;}

}

/* -----------------------------------------
   IE Version Specific
----------------------------------------- */