@charset "utf-8";
/* CSS Document 

© 2010 Radnall Wood Horses 
Hampshire Breeders of Pintabians, Arabs, Throughbreds, Welsh and their partbreds

Whitsbury Lodge, 
Whitsbury, 
Fordingbridge, 
Hampshire 
SP6 3PR England

01725 518534

radnallwoodhorses@btinternet.com

**************

Site created by Rebecca Bryant, Print & Pixels

http://www.printandpixels.co.uk

New Forest Graphic & Web Design

design@printandpixels.co.uk

************
1. Basics
2. Layout
3. Navigation
4. Headings
5. Fontsimg
6. Extras
7. Form
8. Fixes
*************

*/

/* 1. Basics */

body {
	background: url(../images/bg.jpg) repeat-x #dbe0e6;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* 2. Layout */

#wrap {
	width: 100%;
	min-height: 100%;
	margin: 0px auto 0px;
}

#head {
	margin: 20px auto 0px auto;
	width: 964px;
	height: 219px;
	background: url(../images/nav.png) top right no-repeat;
	z-index: 19;
}

#logo {
	width: 344px;
	height: 219px;
	position: relative;
	margin: 0px;
	z-index: 100;
}

#topimg {
	width: 950px;
	height: 326px;
	z-index: 1;
	margin: -108px auto 0px auto;
}

#main {
	overflow: auto;
	padding: 0px 0px 525px 0px;
	width: 950px;
	margin: 0px auto 20px auto;
	}
	
#content {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 20px 0px 20px 0px;
}

/* Boxes */


.col1 {
	width: 230px;
	height: auto;
	float: left;
	margin: 0px 10px 0px 0px;
}

.col2 {
	width: 465px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
}

.col3 {
	width: 230px;
	height: auto;
	float: right;
	margin: 0px 0px 0px 15px;
}

.col24 {
	width: 950px;
	height: auto;
	margin: 0px;
}

.table {
	width: 950px;
	height: auto;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #75bd2e;
	border-bottom: 1px solid #75bd2e;
}


.col12xleft {
	width: 465px;
	height: auto;
	float: left;
	margin: 0px 10px 0px 0px;
}


.col12xright {
	width: 465px;
	height: auto;
	float: right;
	margin: 0px 0px 0px 10px;
}


#cat {
	width: 100%;
	height: auto;
	clear: both;
}

.lbox1 {
	width: 230px;
	height: auto;
	margin: 20px 10px 20px 0px;
	float: left;
}

.lbox2 {
	width: 230px;
	height: auto;
	margin: 20px 10px 20px 0px;
	float: left;
}

.lbox3 {
	width: 230px;
	height: auto;
	margin: 20px 0px 20px 0px;
	float: left;
}

.rbox1 {
	width: 230px;
	height: auto;
	margin: 20px 0px 20px 10px;
	float: right;
}

.twocolbox {
	background: url(../images/white30.png);
	overflow:hidden;
	padding:15px 0px 15px 0px;
	margin: 15px 0px 15px 0px;
}

.columnleft {
float:left;
padding:15px 15px 0;
width:430px;
}

.columnright  {
float:right;
padding-right:5px;
width:470px;
}

.clearfix  {
display:block;
}

/* Footer */

#foot {
	background:url(../images/footbg.jpg) repeat-x;
	width: 100%;
	height: 525px;
	position: relative;
	margin-top: -525px;
	clear: both;
}

#footcont {
	width: 950px;
	height: 225px;
	padding: 95px 0px 10px 0px;
	margin: 0px auto 0px auto;
}

.fcol1 {
	width: 230px;
	height: 255px;
	float: left;
	margin: 0px 10px 30px 0px;
}

.fcol2 {
	width: 465px;
	height: 255px;
	float: left;
	margin: 0px 0px 30px 0px;
}

.fcol3 {
	width: 230px;
	height: 255px;
	float: right;
	margin: 0px 0px 30px 15px;
}

#copyr {
	width: 950px;
	height: 30px;
	margin: 40px auto 10px auto;
	clear: both;
}

#printpixels {
	width: 300px;
	height: 40px;
	background: url(../images/printandpixels.png) no-repeat right center;
	margin: 40px auto 20px auto;
}


/* 3. Navigation */

#nav {
	width: 610px;
	height: 14px;
	margin: -132px 0px 0px 333px;
	padding: 0px;
	float: left;
}


#nav ul {
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

#nav li {
	display: inline;
	margin: 0px 0px 2px 0px;
	background: none;
	padding: 0px;
	border: none;
}

#nav li a {
	text-transform: uppercase;
	background: none;
	color: #38302b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.95em;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 2px 0px;
	text-decoration: none;
}

#nav ul li a.active, #nav ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 2px 0px;
}


/* 4. Headings */

h1 {
	width: 344px;
	height: 219px;
	text-indent: -9999px;
	background: url(../images/Logo.png) no-repeat;
	margin: 0px;
}

h2 {
	color: #5c9524;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 135%;
	font-weight: normal;
	margin: 0px 0px 12px 0px;
	letter-spacing: 0.02em;
}


h3 {
	text-transform: uppercase;
	color: #eaba15;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 150%;
	margin: 10px 0px 8px 0px;
	letter-spacing: 0.02em;
	text-shadow: 2px 2px 2px #000;
}


h3.form {
	color: #4a771d;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
	width: 100px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	float: left;
	padding: 5px 5px 5px 0px;
	text-shadow: none;
	text-transform: none;

}


h4 {
	color: #4a771d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 135%;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px 12px 0px;
	letter-spacing: 0.03em;
}

h5 {
	color: #4a771d;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 135%;
	font-weight: normal;
	margin: 0px 0px 12px 0px;
	letter-spacing: 0.04em;
}

h5.cat {
	color: #5c9524;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 135%;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px 12px 0px;
	letter-spacing: 0.04em;
}



/* 5. Fonts */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #38302b;
	text-align: left;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
}

p.l {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #38302b;
	text-align: left;
	line-height: 145%;
	margin: 0px 0px 10px 0px;
}


p.foot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #cebca5;
	text-align: left;
	line-height: 140%;
	margin: 0px 0px 8px 0px;
}


p.copyr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #cebca5;
	text-align: center;
	line-height: 140%;
}

span.green {
	color: #599123;
}

span.greenb {
	color: #599123;
	font-weight: bold;
}


span.yellow {
	color: #eaba15;
}


p.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #C00;
	text-align: left;
	font-weight: bold;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
}

p.success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #393;
	text-align: left;
	line-height: 140%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

/* 5a. Font Links */

a, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #599123;
	font-weight: bold;
	text-decoration: none; 
	margin: 0px;
	border: none;
}

a:active, a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #7d695a;
	font-weight: bold;
	text-decoration: underline;
}

p.copyr a.blue {
	color: #00b5e5;
	text-decoration: none;
	}



p.foot a, p.foot a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #75bd2e;
	font-weight: bold;
	text-decoration: none; 
	margin: 0px;
	border: none;
}

p.foot a:active, p.foot a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #eaba15;
	font-weight: bold;
	text-decoration: underline;
}


p.copyr a, p.copyr a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #75bd2e;
	font-weight: bold;
	text-decoration: none; 
	margin: 0px;
	border: none;
}

p.copyr a:active, p.copyr a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #eaba15;
	font-weight: bold;
	text-decoration: underline;
}


h5 a, h5 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #599123;
	font-weight: bold;
	text-decoration: none; 
	margin: 0px;
	border: none;
}

h5 a:active, h5 a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7d695a;
	font-weight: bold;
	text-decoration: underline;
}



/* 6. Extras */

img.cat {
	margin: 0px auto 8px auto;	
}

img.l {
	float: left;
	margin: 4px 8px 4px 0px;
}

img.r {
	float: right;
	margin: 0px 0px 4px 8px;
}

img.ml {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.mr {
	float: right;
	margin: 0px 0px 0px 10px;
}


ul {
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

li {
	display: block;
	margin: 0px 10px 8px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px dashed #6e5947;
}


ul li a, ul li a:visited {
	text-transform: none;
	color: #cebca5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	font-weight: normal;
}

ul li a.active {
	color: #75bd2e;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	
}

ul li a:hover {
	color: #75bd2e;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


/* 7. Form */

#contact {
	width: 460px;
	height: auto;
	margin: 10px 10px 0px 0px;
}

#success h1{
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #b0d136;
	}
	
#error h2{
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #dbb868;
	width: 100%;
	}
	
	
#feedback{
	position: relative;
	margin: 0px;
	width:auto;
	height:auto;
	padding:0 10px 10px;
	border:1px solid #5a3f2f;
}
#feedback,x:-webkit-any-link{margin-top:-600px}
#feedback,x:-moz-any-link{margin-top:-600px}

[if IE]>
#feedback{
margin-top:-580px;
height:auto
}
<![endif]
[if IE 6]>

#feedback{
margin-top:-600px;
padding-top:10px;
height:auto
}

input, textarea {
	padding: 5px;
	width: 343px;
	text-align:  left;
	color: #494949;
	font: 1em  Arial, Helvetica, sans-serif;
	line-height: 130%;
	margin: 5px 0px 10px 0px;
	background: #e9e7e7;
	border: 1px solid #80c6e3;
}

textarea:focus, input:focus {
	border: 1px solid #75bd2e;
}

button {
	background: #75bd2e;
	border: 1px solid #395d17;
	float: right;
	text-align: center;
	color: #fff;
	clear: both;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	width: 125px;
	height: 30px;
	padding: 0px 0px 2px 0px;
}

/* 8. Fixes */

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}



<!--[if !IE 7]>
#wrap {
	display:table;
	height:100%
	}
<![endif]-->

/* 9. Table */
table {
	width: 950px;
	margin: 10px 0px 30px 0px;
	border-bottom: 1px solid #90b43c;
	border-top: 1px solid #90b43c;
}

th {
	background: url(../images/arrow.png) no-repeat ;
	font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #395d17;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 18px;
	margin: 5px;
}


td {
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: none;
	padding: 6px 6px 6px 18px;
	color: #59493f;
	margin: 0px 5px 0px 0px;
	width: 310px;
}