/*-----------------------------------------------------------------------------
Style Sheet for Ingrid Hennze - ColourSoundYoga.co.uk

version:   1.0
author:    Roger Knight
email:     roger@attractmore.co.uk

Colours


-----------------------------------------------------------------------------*/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, 
dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, 
input, p, blockquote, 
th, td						{margin:0; padding:0;}

table						{border-collapse:collapse; border-spacing:0;}

fieldset, img				{border:0; }

address, caption, cite, code, 
dfn, em, strong, th, var	{font-style:normal; font-weight:normal;}

/*ol, ul, li				{list-style:none;}*/

caption, th					{text-align:left;}
h1, h2, h3, h4, h5, h6		{font-size:100%;}
a							{text-decoration:none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong						{font-weight:bold;}
em							{font-style:italic;}
/* a { position:relative } /* Gets links displaying over a PNG background */
a img, img					{border:none; } /* Gets rid of IE blue borders */
.clear 						{clear:both;}

 
/*-----------------------------------------------------
		BODY, CONTAINER AND MAIN
--------------------------------------------------------*/
body						{margin:0 auto; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; line-height:1.4em; color:#484830; background:url(../images/body-border-fuzz-960.gif) top center repeat-y #FFFFFF;}

#container					{width:960px; margin:0 auto; background-color:#fff;}

/*--------------------------------------------------------
		HEADER
--------------------------------------------------------*/
#header						{background:url(../images/sky-clouds1.jpg) top center no-repeat; height:200px;}
#header h1,					
#header h2					{padding:0 0 0 30px; color:#64B053; text-shadow: 1px 1px 1px #294722;}
#header h1					{font-size:250%; padding-top:100px;}
#header h2					{font-size:180%; padding-top:20px;}
#header img					{float:right; padding:24px 16px 0 0;}

/*--------------------------------------------------------
		NAVIGATION
--------------------------------------------------------*/
#nav						{padding: 0; margin:0;}
#nav ul						{text-align:center; list-style-type:none; margin-top:12px;}
#nav ul li					{float: left; list-style-type:none; margin-right:8px;}
#nav ul li a.home			{margin-left:16px;}
#nav ul li a				{color:white; font-size:100%; background-color:#1C71B8; display:block; width:6em; line-height:2.5em; text-decoration:none; float:left; text-transform:lowercase; font-weight:bold;}
#nav ul li a:hover,
#nav ul li a:focus			{background-color:#64B053; color:white;}

body#home #nav a.home,
body#about #nav a.about,
body#colour #nav a.colour,
body#healing #nav a.healing,
body#bach #nav a.bach,
body#massage #nav a.massage,
body#sound #nav a.sound,
body#yoga #nav a.yoga,
body#contact #nav a.contact	{background-color: #64B053; color:#fff; cursor:default;}

/*------------------------------------------------------------
		MAIN
--------------------------------------------------------------*/
#main						{background-color:#fff; margin:70px 16px 0 16px;}

#main h3,
#latestnews h1				{margin:0 0 10px 0; font-size:150%; letter-spacing:1px;}
#main h4,
#latestnews h3,
#latestnews h4				{margin:0 0 10px 0; font-size:120%;}
.red						{color:#CC2228;}
.green						{color:#64B053;}
.purple						{color:#782A7A;}
.smalltext					{font-size:70%;}
.largetext					{font-size:130%;}
#main p						{margin:0 0 10px 0;}
#main a, 
#main a:visited,
#latestnews a,
#latestnews a:visited,
#sidebar a,
#sidebar a:visited			{color:#C04818; text-decoration: none; border-bottom: 1px dotted #C04818;}
#main a:hover,
#main a:focus,
#latestnews a:hover,
#latestnews a:focus,
#sidebar a:hover,
#sidebar a:focus			{border-bottom: 1px solid;}

#main .calloutbox			{background-color:#64B053; float:left; width:150px; margin:6px 16px 0px 0;}
#main .portrait				{border:10px solid #fff; border-left:none; border-right:none; margin:0 30px;}
#main .portrait p			{margin:0 -20px; padding:0.8em; background-color:#fff; font-style:italic; text-align:center;}

#main ol,
#main ul					{margin-bottom:12px; list-style-position:inside;}
#main ul li					{margin-left:30px; padding-left:12px; }
#main ol li					{font-size:80%;}
#main ul.address li			{list-style-type:none;}
blockquote					{margin:0 0 10px 16px; padding:0 0 0 40px; background:#fff url(../images/quote.gif) no-repeat left top; font-style:italic;}

/*--------------------------------------------------------
		SIDEBAR
--------------------------------------------------------*/
#latestnews					{width:250px; float:right; padding-left:10px; margin-left:10px; border-left:1px solid #000; border-bottom:1px solid #000; text-align:center;}
#sidebar					{width:340px; float:left; padding-top:0px;  overflow:hidden;}

#sidebar p					{margin:0; text-align:center; font-size:70%}
#sidebar img				{margin:16px 0 0 75px; }

/*------------------------------------------------------------
		FOOTER
--------------------------------------------------------------*/
#footer						{clear:both; width:960px; font-size: 85%; margin:1em auto 0; background:url(../images/rainbow.jpg) center top no-repeat; height:150px; color:#fff; }
#footer p					{padding:8px; margin:0px; text-align: center;}
#footer ul					{margin: 0; padding:80px 0 0 0; text-align: center;}
#footer ul li				{list-style-image: none; list-style-type: none; margin: 0; padding: 0 8px; display: inline;}

#footer a, 
#footer a:visited			{color:#fff; text-decoration: none; border-bottom: 1px dotted #fff;}
#footer a:hover,
#footer a:focus				{border-bottom: 1px solid;}

#footer.accessibility a#accessibility,
#footer.privacy a#privacy,
#footer.terms a#terms		{color:#0E702A; background-color:#cfc6b5; text-decoration:none; cursor:default;}

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

/*----------------------------------------------------------------
		FORM
-----------------------------------------------------------------*/

form#enquiryform			{margin: 0 10px 5px 0px; width:500px;}

fieldset					{padding:0px 0 0 10px; margin:0px; width: 98%; 	border:0;}

label						{display:block; padding:8px 0 0 0; font-size:90%;}
input						{width:300px;}
textarea					{font-family:Arial, Helvetica, sans-serif;}

textarea.msg				{width:300px; height:200px;}

input:focus, textarea:focus {background-color:#F5FE92;}

.required					{font-size:80%; color:#cc0000;}
.advice						{font-size:80%;}
button						{width:8em; padding:0.2em 0; margin:10px 1em 0.5em 0;}

/*----------------------------------------------------------------
		MISCELLANEOUS
-----------------------------------------------------------------*/
.floatRight					{float: right; padding:0 0 12px 16px;}
.floatLeft					{float: left; padding: 0 16px 12px 0;}

table#accesskeys			{margin: 0 0 1em 1em;}
table#accesskeys th,
table#accesskeys td 		{padding: 0.1em 1em; text-align: left; border: 1px dotted #2B457E;}