/*-----------------------------------------------------------------------------
Style Sheet for Spanish Reflections 

version:   1.1 (new pages added April 2008
author:    Roger Knight
email:     roger@attractmore.co.uk
website:   http://www.spanish-reflections.co.uk and www.homeopathicholidays.co.uk
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h4, h5, h6, p, pre, blockquote, form, fieldset, table {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.6;
	background-color:#AADF55;
}
/* =Highlighting the current page ----------------------------------------------------------------------------- */
body.home a#home, 
body.threecentre #nav a#threecentre, 
body.yoga #nav a#yoga, 
body.colourweek #nav a#colourweek, 
body.whoweare #nav a#whoweare, 
body.gethere #nav a#gethere,
body.links #nav a#links {
	color:#784C00;
	cursor:default;
	background-color: #FF7655;
	border:1px solid #784C00;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	height:1px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

h2, h3 {
	margin: 0px 40px 6px 40px;
	font-size: 130%;
	color:#669933;
	background-color:transparent;
	padding:6px 0 0 0;
}
h3 {
	font-size:110%;
}

p {
	font-size:110%;
	margin:0.75em 40px 0 40px;
	padding:0 0 5px 0;
}

/* =Links
-----------------------------------------------------------------------------*/
.external {
	background-image: url(images/externalLink.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
}

/* =Branding
-----------------------------------------------------------------------------*/

#header {
/*	width: 850px;
*/	background-color:#FF7655;
	margin:0px;
	padding:0px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
	margin:0;
	padding:0;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	line-height:2.5em;
	float:left;
	width:100%;
	background-color:#784C00;
	color:#FFFFFF;
}
#nav ul li {
	float:left;
	padding: 0;
	font-weight:bold;
	font-size:110%;
}
#nav ul a {
	display:block;
	padding:0.2em 1em;
	text-decoration:none;
	color:#FFFFFF;
}
#nav ul a:hover {
	text-decoration:underline;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Main Content
-----------------------------------------------------------------------------*/
#main {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	clear:both;
}

#main ul {
	padding:0 0 0 80px;
}
#main ul li {
	margin:0 0 0.5em 0;
}
#main ul li a, #main a, #header a {
	color:#784C00;
}
#main a:hover, #header a:hover {
	background-color:#784C00;
	color:#FFFFFF;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	background-color:#FF7655;
	border-top: 3px solid #784C00;
	border-bottom: 3px solid #784C00;
	padding:0 0 8px 0;
	margin: 0;
	clear:both;
}

#footer ul {
	list-style:none;
	padding:4px 0px 4px 8px;
	margin:0;
}
#footer ul + ul {
	padding:0 8px 0 0;
}
#footer li {
	font-size:90%;
	line-height: 120%;
	display:inline;
	color:#784C00;
	margin:0;
	padding:0;
}
#footer a:link, #footer a:visited {
	color:#784C00;
	font-weight:bold;
}
#footer a:hover, #footer a:active {
	color:#669933;
	font-weight:bold;
}

/* =Images
-----------------------------------------------------------------------------*/
/* These rules set the drop shadow */
.img-wrapper {
	margin:10px 6px 20px 10px;
	background:url(images/shadow.gif) no-repeat bottom right;
	float:right;
	line-height:0;
	padding:0;
}
.img-wrapper-L {
	margin:10px 10px 10px 44px;
	background:url(images/shadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	padding:0;
}
.img-wrapper img, .img-wrapper-L img {
	float:none;
	margin:0;
	background:#FFFFFF;
	padding:4px;
	border:1px solid #772600;
	display:block;
	position:relative;
	left:-5px;
	top:-5px;
}

.floatRight {
	float: right;
}