/*-------------------------------------------------

	Website by:	@Strawberry (jw)
	Client: 		Sunderlandwick Estate
	Date:			06.06.2011

-------------------------------------------------*/








/*-------------------------------------------------
	FONT FACE (REMOVE IF NOT USED)
-------------------------------------------------*/

@font-face {
    font-family: 'AntennaBold';
    src: url('../fonts/antenna-bold-webfont.eot');
    src: url('../fonts/antenna-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antenna-bold-webfont.woff') format('woff'),
         url('../fonts/antenna-bold-webfont.ttf') format('truetype'),
         url('../fonts/antenna-bold-webfont.svg#AntennaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AntennaMedium';
    src: url('../fonts/antenna-medium-webfont.eot');
    src: url('../fonts/antenna-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antenna-medium-webfont.woff') format('woff'),
         url('../fonts/antenna-medium-webfont.ttf') format('truetype'),
         url('../fonts/antenna-medium-webfont.svg#AntennaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntennaRegular';
    src: url('../fonts/antenna-regular-webfont.eot');
    src: url('../fonts/antenna-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antenna-regular-webfont.woff') format('woff'),
         url('../fonts/antenna-regular-webfont.ttf') format('truetype'),
         url('../fonts/antenna-regular-webfont.svg#AntennaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AntennaThin';
    src: url('../fonts/antenna-thin-webfont.eot');
    src: url('../fonts/antenna-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antenna-thin-webfont.woff') format('woff'),
         url('../fonts/antenna-thin-webfont.ttf') format('truetype'),
         url('../fonts/antenna-thin-webfont.svg#AntennaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}








/*-------------------------------------------------
	CORE STYLES
-------------------------------------------------*/

/* MINIMAL BASE STYLES */

h1,h2,h3,h4,h5,h6 { font-weight: bold; } /*headers (h1,h2,etc) have no default font-size or margin */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ul, ol { margin-left: 25px; }
nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */
small { font-size: 11px; }
/* highlighting - these need to be seperate */
::-webkit-selection { background: #ed1a3a; color:#fff; text-shadow: none; }
::-o-selection { background: #ed1a3a; color:#fff; text-shadow: none; }
::-moz-selection { background: #ed1a3a; color:#fff; text-shadow: none; }
::selection { background:#ed1a3a; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #ed1a3a; } /* j.mp/webkit-tap-highlight-color */


body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #888;
	background: #f6f0f5 url(../img/body.jpg) top center repeat-x;
	}

h1 {
	font-family: 'AntennaBold', Arial, sans-serif;
}

h2,
h3,
h4,
h5,
#nav,
#footer div ol {
	font-family: 'AntennaRegular', Arial, sans-serif;
}



/*-------------------------------------------------
	HEADER STYLES
-------------------------------------------------*/

	.ie6 .top {
		margin-top: 50px;
		}
	#header {
		overflow: hidden;
		padding-top: 50px;
		position: relative;
		}
	.ie6 #header {
		padding-top: 0px;
		}

		#header .logo,
		#header .logo a {
			margin-right: 20px;
			margin-bottom: 20px;
			width: 636px;
			height: 48px;
			background: url(../img/logo.png) top left no-repeat;
			}

		#header aside {
			margin-top: 12px;
			float: right;
			}

			#header aside ol {
				float: right;
				font-family: 'AntennaMedium', Arial, sans-serif;
				font-size: 14px;
				line-height: 16px;
				letter-spacing: .5px;
				list-style: none;
				color: #8a2529;
				}

				#header aside ol li {
					text-align: right;
					}

		#header-facebook {
			position: absolute;
			top: 0;
			right: 0;
			background: #3A5795;
			padding: 10px;
			color: #fff;
			text-decoration: none;
			font-family: 'AntennaBold', Arial, sans-serif;
			-webkit-transition: background .2s ease-in-out;
			-moz-transition: background .2s ease-in-out;
			-o-transition: background .2s ease-in-out;
			transition: background .2s ease-in-out;
			}

			#header-facebook:hover {
				background: #8A2529;
				}


/*-------------------------------------------------
	FEATURE SLIDER STYLES
-------------------------------------------------*/

	#nav {
		border-bottom: 12px solid #8a2529;
		}

		#nav ul {
			font-size: 16px;
			letter-spacing: -1px;
			}


			#nav ul li {
				float: left;
				padding-top:10px;
				padding-bottom:10px;
				margin-bottom: 3px;
				margin-right: 22px;
				}
			#nav ul li.last-child {
				margin-right: 0px;
				}

				#nav ul li a {
					text-decoration: none;
					color: #8a2529;
					border-bottom: 1px solid transparent;
					-webkit-transition: border .1s ease-in-out;
					-moz-transition: border .1s ease-in-out;
					-o-transition: border .1s ease-in-out;
					transition: border .1s ease-in-out;
					}

				.ie6 #nav ul li a {
					border-bottom: none;
					}

				#nav ul li a:hover {
					border-bottom: 4px solid #8a2529;
					}








/*-------------------------------------------------
	MAIN CONTENT STYLES
-------------------------------------------------*/


		.anythingwindowslider {
			margin-left: -5px;
			padding-top: 15px;
			}

		.anythingwindowslider #slider {
			list-style: none;
			}

		#slider li {
			float: left;
			}

			#slider h1 {
				padding-top: 10px;
				font-size: 46px;
				line-height: 48px;
				letter-spacing: -2px;
				color: #752023;
				}

			#slider a {
				text-decoration: none;
				-webkit-transition: color .1s ease-in-out;
				-moz-transition: color .1s ease-in-out;
				-o-transition: color .1s ease-in-out;
				transition: color .1s ease-in-out;
				}

			#slider h2 {
				font-size: 42px;
				line-height: 43px;
				letter-spacing: -2px;
				color: #ED1A3A;
				}

			#slider img {
				float: right;
				margin-left: 50px;
				}

			#slider a p {
				margin-top: 12px;
				line-height: 18px;
				color: #999;
				-webkit-transition: color .1s ease-in-out;
				-moz-transition: color .1s ease-in-out;
				-o-transition: color .1s ease-in-out;
				transition: color .1s ease-in-out;
				}

				#slider a:hover p {
					margin-top: 12px;
					line-height: 18px;
					color: #444;
					}

				#slider a p b {
					font-weight: bold;
					color: #ED1A3A;
					text-decoration: none;
					-webkit-transition: color .1s ease-in-out;
					-moz-transition: color .1s ease-in-out;
					-o-transition: color .1s ease-in-out;
					transition: color .1s ease-in-out;
					}

				#slider a:hover p b {
					color: #752023;
					}


	div.anythingwindowslider {
		overflow: hidden;
		height: 440px;
		}

	div.anythingSlider {
		display: block;
		width: 954px !important;
		height: 440px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		overflow: hidden; /* needed for Opera and Safari */
		}

	/* Active State */
	div.anythingSlider.activeSlider .thumbNav a.cur {
		color: #bbb;
		background-color: #bbb;
		}
	div.anythingSlider.activeSlider .thumbNav a {
		color: #fff;
		background-color: #fff;
		}

	/**** DO NOT CHANGE BELOW THIS LINE ****/
	/* anythingSlider viewport window */
	div.anythingSlider .anythingWindow {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 100%;
		}
	/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
	div.anythingSlider {
		position: relative;
		padding: 20px 0px 30px;
		}
	/* anythingSlider base UL */
	ul.anythingBase {
		background: transparent;
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		}
	ul.anythingBase li.panel {
		background: transparent;
		display: block;
		overflow: hidden;
		float: left;
		padding: 0;
		margin: 0;
		}

	/* Navigation Arrows */
	div.anythingSlider .arrow {
		position: absolute;
		display: block;
		z-index: 20;
		}
	div.anythingSlider .arrow a {
		display: block;
		height: 14px;
		width: 11px;
		text-align: center;
		outline: 0;
		}
	div.anythingSlider .arrow a span { display: block; text-indent: -9999px; height: 8px; }
	div.anythingSlider .forward { top: 389px; right: 399px; }
	div.anythingSlider .back { top: 389px; left: 399px; }
	.ie6 div.anythingSlider .forward { top: 379px; }
	.ie6 div.anythingSlider .back { top: 379px;}
	.ie7 div.anythingSlider .forward { top: 379px; }
	.ie7 div.anythingSlider .back { top: 379px;}
	div.anythingSlider .forward a { background: url(../img/rightarrow.png) no-repeat center; }
	div.anythingSlider .back a { background: url(../img/leftarrow.png) no-repeat center; }
	div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
	div.anythingSlider .back.disabled { display: none; }

	/* Navigation Links */
	div.anythingSlider .anythingControls { outline: 0; display: none; position: relative; top: -60px; text-align: center; }
	div.anythingSlider .thumbNav { margin: 0px 0px 0px 4px; padding: 0; }
	div.anythingSlider .thumbNav li { display: inline; }
	div.anythingSlider .thumbNav a {
		font: 1px Serif;
		display: inline-block;
		text-decoration: none;
		height: 10px;
		width: 10px;
		margin: 0 4px 0 0;
		text-align: center;
		outline: 0;
		color: #fff;
		background-color: #fff;
		border: 2px solid #bbb;
		border-radius: 50px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		}
	div.anythingSlider .thumbNav a:hover {
		color: #bbb;
		background-color: #bbb;
		}

	/* slider autoplay right-to-left, reverse order of nav links to look better */
	div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
	div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
	div.anythingSlider.rtl .anythingWindow {
		direction: ltr;
		unicode-bidi: bidi-override;
		}
	/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

	/* Autoplay Start/Stop button */
	div.anythingSlider .start-stop {
		display: none;
		}
	div.anythingSlider .start-stop:hover,
	div.anythingSlider .start-stop.hover { background-image: none; }

	div.anythingSlider,
	div.anythingSlider .anythingWindow,
	div.anythingSlider .thumbNav a,
	div.anythingSlider .arrow a,
	div.anythingSlider .start-stop {
		transition-duration: 0;
		-o-transition-duration: 0;
		-moz-transition-duration: 0;
		-webkit-transition-duration: 0;
		}

	#buttons {
		margin-top: -10px;
		padding: 0px 0px 30px 105px;
		background: url(../img/stable.png) bottom left no-repeat;
		}

		#buttons a {
			float: left;
			display: block;
			position: relative;
			text-indent: -99999px;
			margin-left: 30px;
			width: 400px;
			height: 145px;
			border-radius: 5px;
			box-shadow: 2px 0px 10px #666;
			}

		.ie6 #buttons a {
			margin-left: 20px;
			}

		#buttons a#southdevon { background: url(../img/button-southdevon.png); }
		#buttons a#butcher 	{ background: url(../img/button-butcher.png); }

		#buttons a#southdevon img	{ position: absolute; top: 13px; left: 21px; }
		#buttons a#butcher img		{ position: absolute; bottom: 0px; left: 10px; }

		#buttons a:hover {

			}





/*-------------------------------------------------
	GOOGLE MAPS STYLES
-------------------------------------------------*/


	#maps-bg {
		width: 100%;
		background: #9a908e;
		}

	#maps {
		position: relative;
		overflow: hidden;
		padding-top: 20px;
		background: url(../img/arrow.png) top left no-repeat;
		}

		#maps h1 {
			margin-left: 133px;
			font-family: 'AntennaRegular', Arial, sans-serif;
			font-size: 35px;
			line-height: 43px;
			letter-spacing: -2px;
			color: #fff;
			}

		#maps #locations {
			margin-top: 25px;
			width: 300px;
			height: 305px;
			border-top: 1px dotted #fff;
			}

			#maps #locations ul {
				margin: 0px;
				}

			#maps #locations li {
				list-style: none;
				width: 300px;
				font-family: 'AntennaRegular', Arial, sans-serif;
				font-size: 21px;
				letter-spacing: -1px;
				line-height: 20px;
				border-bottom: 1px dotted #fff;
				}

			#maps #locations li a {
				display: block;
				padding: 20px 70px 20px 0px;
				color: #5e5e5e;
				text-decoration: none;
				-webkit-transition: color .2s ease-in-out;
				-moz-transition: color .2s ease-in-out;
				-o-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
				}
			#maps #locations li a.current {
				color: #fff;
				}

		#maps #map_canvas {
			position: absolute;
			top: 88px;
			right: 14px;
			width: 600px;
			height: 287px;
			border: 10px solid #fff;
			border-radius: 5px;
			}


		#maps #directions {
			position: relative;
			margin: 30px 14px 20px 344px;
			color: #fff;
			}

			#maps #directions h2 {
				position: absolute;
				top:0px;
				left: -347px;
				width: 314px;
				font-size: 40px;
				line-height: 38px;
				letter-spacing: -2px;
				color: #5E5E5E;
				}

			#maps #directions h3 {
				text-transform: uppercase;
				}

			#maps #directions h3, #maps #directions p, #maps #directions ul {
				margin-bottom: 12px;
				}






/*-------------------------------------------------
	FOOTER STYLES
-------------------------------------------------*/

	#sub-footer {
		position: relative;
		}

	#quick-links {
		position: relative;
		margin-top: 10px;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 1px dotted #fff;
		}

	#quick-links ul {
		float: left;
		}


		#quick-links ul {
			padding: 2px 20px;
			}

		#quick-links ul#col1 {
			padding-left: 0px;
			}

		#quick-links ul#col2 {
			border-left: 1px dotted #fff;
			border-right: 1px dotted #fff;
			}

		#quick-links ul#col3 {

			}

			#quick-links li#quick-title {
				font-weight: bold;
				}

			#quick-links li {
				font-size: 13px;
				line-height: 17px;
				color: #585858;
				}

				#quick-links li a {
					color: #fff;
					text-decoration: none;
					-webkit-transition: color .1s ease-in-out;
					-moz-transition: color .1s ease-in-out;
					-o-transition: color .1s ease-in-out;
					transition: color .1s ease-in-out;
					}

				#quick-links li a:hover {
					color: #ccc;
					}


	#partners {
		position: absolute;
		top: 39px;
		right: 0px;
		}

		#partners ul {

			}

			#partners ul li {
				display: inline;
				margin-left: 12px;
				}

				#partners ul li a {
					opacity: .7;
					-webkit-transition: opacity .2s ease-in-out;
					-moz-transition: opacity .2s ease-in-out;
					-o-transition: opacity .2s ease-in-out;
					transition: opacity .2s ease-in-out;
					}

				#partners ul li a:hover {
					opacity: 1;
					}


	#footer-bg {
		padding-top: 100px;
		color: #ccc;
		background: #585858 url(../img/footer.png) top center no-repeat;
		}

		#footer div {
			position: relative;
			padding-bottom: 30px;
			}

			#footer div #address {
				font-size: 12px;
				line-height: 20px;
				}

			#footer div #address b {
				padding-left: 10px;
				font-weight: normal;
				}

				#footer div #address a {
					color: #fff;
					text-decoration: none;
					-webkit-transition: color .1s ease-in-out;
					-moz-transition: color .1s ease-in-out;
					-o-transition: color .1s ease-in-out;
					transition: color .1s ease-in-out;
					}

				#footer div #address a:hover {
					color: #ddd;
					}

			#footer #footer-links {
				margin: 2px 0px 0px;
				}

				#footer div #footer-links li {
					display: inline;
					}

					#footer div #footer-links li a {
						padding-left: 10px;
						color: #fff;
						text-decoration: none;
						-webkit-transition: color .1s ease-in-out;
						-moz-transition: color .1s ease-in-out;
						-o-transition: color .1s ease-in-out;
						transition: color .1s ease-in-out;
						}

					#footer div #footer-links li a:hover {
						color: #e5d2cf;
						}

			#footer div ol {
				position: absolute;
				top: 10px;
				right: 0px;
				font-family: 'AntennaMedium', Arial, sans-serif;
				font-size: 14px;
				line-height: 20px;
				list-style: none;
				}

				#footer div ol li {
					color: #fff;
					}









/*-------------------------------------------------
	INNERPAGE STYLES
-------------------------------------------------*/

	#content {
		position: relative;
		left: 50px;
		top: 20px;
		width: 938px;
		}

		#content #takeover {
			position: relative;
			margin-bottom: 20px;
			}

			#content #takeover img {
				border: 10px solid #fff;
				-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
				-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
				box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
				}

			#content #takeover figcaption {
				position: absolute;
				bottom: 30px;
				left: 30px;
				padding: 4px 6px 4px 5px;
				background: #EEE;
				border-radius: 2px;
				opacity: 0;
				color: #444;
				-webkit-transition: opacity .2s ease-in-out;
				-moz-transition: opacity .2s ease-in-out;
				-o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
				}

				#content #takeover:hover figcaption {
					opacity: .9;
					}

		#content h2 {
			font-size: 42px;
			line-height: 43px;
			letter-spacing: -2px;
			color: #ED1A3A;
			margin-bottom: 20px;
			}



		#content #main-content {
			position: relative;
			margin-right: 30px;
			padding-bottom: 60px;
			width: 508px;
			min-height: 500px;
			font-size: 13px;
			line-height: 18px;
			}

		#content #main-content.legalpage {
			width: 940px;
			}

		#content.contact #main-content { min-height: inherit; }

		#content #main-content h3 {
			font-size: 22px;
			line-height: 23px;
			letter-spacing: -1px;
			color: #891418;
			margin-bottom: 10px;
			padding-top: 5px;
			}

		#content #main-content h4 {
			font-size: 18px;
			line-height: 19px;
			letter-spacing: -1px;
			color: #891418;
			margin-bottom: 10px;
			padding-top: 5px;
			}

		#content #main-content h5 {
			font-size: 16px;
			line-height: 17px;
			letter-spacing: -1px;
			color: #891418;
			margin-bottom: 10px;
			padding-top: 5px;
			}

		#content #main-content p {
			margin-bottom: 15px;
			}

		#content #main-content > p:first-of-type,
		#content #main-content p.firstoftype {
  			font-size: 17px;
  			line-height: 21px;
			}

		#content #main-content ul {
			margin: 0px 0px 15px 16px;
			}

		#content #main-content a {
			color: #ED1A3A;
			text-decoration: none;
			-webkit-transition: color .1s ease-in-out;
			-moz-transition: color .1s ease-in-out;
			-o-transition: color .1s ease-in-out;
			transition: color .1s ease-in-out;
			}
		#content #main-content a:hover {
			color: #891418;
			}


		#content #side-bar {
			position: absolute;
			top: 0px;
			right: -430px;
			width: 400px;
			}

			#content #side-bar img {
				padding-bottom: 8px;
				margin-bottom: 12px;
				border-bottom: 1px dotted #8A2529;
				}

			#content #side-bar p {
				margin: 10px 10px 5px 15px;
				}

			#content #side-bar ul {
				margin: 10px 15px 5px 32px;
				}
			#content #side-bar ul li {
				padding-bottom: 6px;
				line-height: 16px;
				}

			#content #side-bar .logo {
				border-bottom: none;
				display: block;
				float: left;
				margin: 0 17px 17px 0;
				padding-bottom: 0;
				}



			#contact_form {
				font-size: 16px;
				}

			#contact_form label {
				}

			#contact_form input,
			#contact_form textarea {
				padding: 5px;
				width: 490px;
				margin-top: 2px;
				margin-bottom: 10px;
				border: 1px solid #bbb;
				}

			#contact_form textarea {
				height: 250px;
				}

			#contact_form button {
				padding: 7px;
				margin-top: 2px;
				margin-bottom: 10px;
				color: #fff;
				background: #ED1A3A;
				border: none;
				}
			#contact_form button:hover {
				background: #666;
				}






/*-------------------------------------------------
	PRINT STYLES
-------------------------------------------------*/

@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; }
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }  /* Don't show links for images */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}