h1, h2, h3 {font-family: Georgia, Times New Roman, serif; font-weight: normal; color: #515145;}
h1 {font-size: 21px}
h2 {font-size: 19px; padding-bottom: 18px}
h3 {font-size: 17px; border-bottom: 1px solid #b7b592; margin-bottom: 12px; padding-bottom: 6px;}
input.wpcf7-text, input.wpcf7-quiz, textarea.wpcf7-text  {padding: 4px;}
input.wpcf7-quiz {margin-bottom: 15px;}
a {color: #5676b8; text-decoration: none;}
a:hover {color: #123e98; border-bottom: 1px dotted}
a.pdflink {background: transparent url(images/pdficon.png) top left no-repeat; padding: 9px 0px 0px 30px}
div.entry a.pdflink {padding-top: 6px; font-size: 15px}
p {font:13px/18px 'Helvetica', Arial, sans-serif; color: #515145;}
#breadcrumbs {float: right; margin-right: 11px; margin-bottom: -20px; position: relative;}
p.small {font-size:12px; line-height:16px}
#generic p.pbottom5 {padding-bottom: 5px}
p.description {font-family: Georgia, Times New Roman, serif; font-style: italic; padding-left: 30px;}
.toptenpx {margin-top: 12px;}
body {background: transparent url(img/bg.jpg) top left repeat}
a.logo {display:block; margin-top: 30px}
#upperbar {display: block; height: 27px; background: #d2d1b2; text-align: right; width: 350px; margin-left: 400px; margin-bottom: 24px; padding: 8px 14px;}
.FloatLeft {float: left; width: 48%; margin-right: 15px;}
.FloatRight {float: left; width: 48%;}
.FloatRight img {float: right !important; margin-top: 30px; margin-right: -15px; padding: 13px; background: #fff; -moz-box-shadow: 2px 3px 7px rgba(0,0,0,.3); -webkit-box-shadow: 2px 3px 7px rgba(0,0,0,.3); box-shadow: 2px 3px 7px rgba(0,0,0,0.3);}
.search-text {margin-right: 7px; float: left;}
nav ul {border-bottom: 1px solid #000; height: 38px; margin-bottom: 10px}
nav[role="navigation"] li {font-family: Georgia, Times New Roman, serif; float: left; font-size: 11px}
nav[role="navigation"] li a {float: right; font-size: 14px; padding: 10px 8px; text-decoration: none; color: #000}
nav[role="navigation"] li a:hover, nav[role="navigation"] li a:focus {color: #000; background: #e5e4cf; border-bottom: none}
nav[role="navigation"] li a:active {color: #000; background: #e5e4cf}
nav[role="navigation"] ul li ul	{position:absolute; left:-9999px; top:-9999px; list-style-type:none; padding: 0px; margin:0px; height: auto}
nav[role="navigation"] li:hover	{position:relative}
nav[role="navigation"] li:hover ul {left:0px; top:36px; padding:0px; background: #EFEFE1; border-bottom: none; z-index: 100}
nav[role="navigation"] li:hover ul li {height:auto; padding:3px 5px 5px; border:none}
nav[role="navigation"] li:hover ul li a {height:18px; display:block; width:180px; text-indent:5px; border-bottom: 1px solid #ddd}
nav[role="navigation"] li:hover ul li a:hover {height:18px}
p.referral {color: #965714; text-align: center; font-family: 'Satisfy', cursive; font-size: 19px; line-height: 26px}
#window {position: relative; float: left; width: 920px; height: 340px; margin-top: 26px; border: 10px solid #efefe1;}
#mainContent {background: #e5e4cf url(img/shadow.png) top center no-repeat; width: 900px; padding: 20px}
#generic {background: #e5e4cf; width: 900px; padding: 20px}
#nadine {background: #e5e4cf url(images/nadine.jpg) bottom right no-repeat; width: 900px; padding: 20px}
#contact {background: #e5e4cf url(images/horse-on-a-phone.jpg) bottom left no-repeat; width: 900px; padding: 20px}
#beach {background: #e5e4cf url(images/beach-rides.jpg) bottom right no-repeat; width: 900px; padding: 20px}
#lessons {background: #e5e4cf url(images/pony-rides-cape-town.jpg) bottom right no-repeat; width: 900px; padding: 20px}
#therapy {background: #e5e4cf url(images/pony-rides-cape-town.jpg) bottom right no-repeat; width: 900px; padding: 20px}
#generic h1, #contact h1, #therapy h1, #nadine h1, #beach h1, #lessons h1 {padding-bottom: 12px}
#generic p, #contact p, #therapy p, #nadine p, #beach p, #lessons p {padding-bottom: 18px}
#horses {background: #dfdec5 url(img/shadow.png) top center no-repeat; width: 870px; padding: 20px 35px}
#footer {background: #cecca8 url(img/shadow.png) top center no-repeat; width: 900px; padding: 20px; margin-bottom: 80px}
#horses h2, #horses span.description {float: left}
div.callout {float: left; width: 250px; padding: 20px 38px 20px 0px}
div.callout p {font-size: 18px; line-height: 26px; font-family: Georgia, Times New Roman, serif; font-style: italic}
div.lefty {float: left; margin-right: 160px}
div.lefty-big {float: left; width: 375px; margin-right: 50px}
div.wpcf7 {float: left; width: 450px;}
div.wpcf7-mail-sent-ok {background: #DFF2BF; border: #4F8A10; color: #4F8A10;}
div.wpcf7-validation-errors {background: #FEEFB3; border: #9F6000; color: #9F6000;}
select.wpcf7-select {width: 231px}
span.your-message {padding-bottom: 10px}
span.wpcf7-form-control-wrap, .wpcf7-submit {float: right; clear: both;}
span.description {font-family: Georgia, Times New Roman, serif; color: #878664; padding: 3px 0 0 5px}
div.payment-methods {border-top: 1px dotted #81806d; color: #81806d; padding-top: 15px}
div.payment-methods p { color: #81806d}
div.payment-methods h4 {color: #81806d; text-transform: uppercase; font-weight: normal; letter-spacing: 5px; font-size: 14px; padding-bottom: 10px}
div.half {width: 375px}
div.thirds {width: 263px; float: left; padding: 0px 18px;}
div.thirds h1 {text-align: center;}
div.thirds h1 a {color: #515145;}
div.thirds img {padding: 10px 0px 15px;}
div.quads {width: 190px; float: left; padding: 0px 9px;}
div.thin {width: 160px}
div.thick {width: 220px}
div.map {width: 235px}
div.quads ul li a {color: #515145}
div.quads ul li a:hover {color: #123e98; border-bottom: 1px dotted}

ul li {font-size: 13px; line-height: 18px}
ul.right-side, ul.left-side {width: 158px; float: left;}
ul.right-side li a, ul.left-side li a {font-size: 15px; line-height: 23px; color: #515145}
div.horses-left {width: 520px; float: left}
div.horses-right {width: 320px; float: right; padding-top: 2px;}
ol.thumb-grid li, ol.thumb-grid-thin li {float: left; margin: 15px 15px 15px 0}
ol.thumb-grid-thin li:nth-child(4n) {margin-right: 0}
ol.thumb-grid li:nth-child(7n) {margin-right: 0}
ol.thumb-grid li a img, ol.thumb-grid-thin li a img {width: 101px; height: 101px; border: 4px solid #adac8a}	

nav select { display: none;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
	@media only screen and (max-width: 479px) {
	body {background: #eee;}
	p{font-size: 15px; line-height: 20px;}
	h2{font-size: 22px;}
	#upperbar, p.referral {display: none;}
	a.logo {padding: 2% 28%;}
	.container_12, .container_12 .grid_2, .container_12 .grid_10, .container_12 .grid_12 {float: left; display: inline; width: 320px; margin: 0px;}
	nav[role="navigation"] ul {display: none;}
	nav select {display: inline; width: 280px; margin: 15px 20px;}
	select { font-size: 18px }
	#example, #window {display: none;}
	#mainContent, #beach, #nadine, #lessons, #generic {background: #E5E4CF; width: 300px; padding: 10px;}
	div.half {width: auto;}
	div.thirds {padding-bottom: 30px;}
	#horses {display: none;}

	#footer {width: 300px; padding: 10px;}
	div.quads {width: 255px; padding: 20px;}
	}
	 */