/*-----------------------------------------------------------------------------
Style Sheet for AttractMore 

version:   3.0
author:    Roger Knight
email:     roger@attractmore.co.uk
website:   http://www.attractmore.co.uk
palette:   http://www.colourlovers.com/palette/81871/7:43am

			charcoal	#26231E
			gold		#F5A00D
			grey		#CFC6B5  
			white		#FDFBF7
			green		#0E702A
-----------------------------------------------------------------------------*/
/* 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 						{border:none; } /* Gets rid of IE blue borders */
.clear 						{clear:both;}

/*-----------------------------------------------------
		IE 5.5 transparent PNG fix from Twin Helix
		http://www.twinhelix.com/css/iepngfix/
		Works on the logo but tried to apply it to the 
		text as well at the text overwrote the logo !
------------------------------------------------------*/

div { behavior: url(js/iepngfix.htc)}
 
/*-----------------------------------------------------
		BODY, CONTAINER AND CONTENT
--------------------------------------------------------*/
body						{margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.4em; color:#000; background:#FDFBF7 url(images/bg.gif) repeat-x top center;}

#base						{background:#FDFBF7 url(images/basebg.gif) repeat-x bottom center; height:7px;}

#container					{width:800px; margin:0 auto; border-left:1px solid #CFC6B5; border-right:1px solid #CFC6B5;}

#content					{width:720px; margin:40px;}

/*-----------------------------------------------------
		BRANDING
--------------------------------------------------------*/
#branding					{width:360px; background-image:url(images/AMlogo.png); background-position: top left; background-repeat:no-repeat; height:80px; }

#branding h1				{ text-indent:-9999px; line-height:1%;}

#branding img				{padding-left:60px; width:263px; height:48px;}

/*-------------------------------------------------------
		CONTROLS
-------------------------------------------------------*/
#controls					{padding:0.5em 6px 0 0; font-size:90%; text-align:right; float:right;}

#controls a					{color:#0E702A; text-decoration: none; border-bottom: 1px dotted #0E702A;}

#controls a:hover, 
#controls a:focus			{border:none;}

/*--------------------------------------------------------
		SLIDESHOW PANEL
---------------------------------------------------------*/
#slideshow					{width:340px; height:420px; position:absolute; top:0; right:20px; border:1px solid #0E702A;}

/*--------------------------------------------------------
		NAVIGATION
--------------------------------------------------------*/
#nav						{padding: 0; width:100%; background-color:#CFC6B5; height:5em; position:relative; margin-top:8px;}

#nav ul						{margin:0 auto; padding:1em 0; text-align:center; list-style-type:none; width:78%; position:relative; z-index:10;}

#nav ul li					{float: left; list-style-type:none; margin-right:12px;}
#nav ul li.contact			{margin-right:0;}
#nav ul li a				{color:white; font-size:100%; background-color:#F5A00D; display:block; width:7em; line-height:2.5em; text-decoration:none; float:left;}

#nav ul li a:hover,
#nav ul li a:focus			{background-color:#BC9023; color:white;}

#nav hr						{height:5px; background-color:#0E702A; position:absolute; top:34px; left:0; width:100%; z-index:1;}

body#home #nav a.home,
body#portfolio #nav a.portfolio,
body#about #nav a.about,
body#ethics #nav a.ethics,
body#contact #nav a.contact	{background-color:#0E702A;color:white; cursor:default;}

/*------------------------------------------------------------
		CONTENT
--------------------------------------------------------------*/
#content					{width:720px; position:relative;}

#promoblock					{width:720px; background-color:#0E702A; color:#CFC6B5; height:auto; overflow:hidden;}

#promotext					{width:348px; padding:6px; float:none; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
.promomaintext				{font-size:20px; line-height:32px; padding-top:14px;}
.promosubtext				{font-size:15px; line-height:28px; padding-top:26px;}

#actionblock				{width:720px; background-color:#CFC6B5; color:#26231E; height:auto; margin-top:40px; overflow:hidden; }

#actiontext					{width:708px; padding:6px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;}

#actionblock1				{width:148px; float:left; margin-right:10px;}
#actionblock2				{width:190px; float:left; margin-right:10px;}
#actionblock3				{width:350px; float:left; margin-top:36px;}

.actionblockheader			{font-weight:bold; font-size:90%}
.actionblocktext			{font-size:82%;}

#home #actionbutton a		{margin:0 auto; display:block; background-color:#0E702A; padding:12px; height:auto; width:6em; color:white; margin-top:20px; font-weight:bold; text-align:center; text-decoration:none; border:none;}

#home #actionbutton a:hover	{background-color:#F5A00D; color:#0E702A;}

#content h2, #content h3	{color:#0E702A; padding-left:0;}

#content p					{margin:0 0 1em 0;}
#content a, 
#content a:visited			{color:#0E702A; text-decoration: none; border-bottom: 1px dotted #0E702A;}
#content a:hover,
#content a:focus			{border: none;}

#content ul, #content ol	{margin:0; padding:0 0 5px 32px;}
#content ul ul,
#content ol ol				{list-style-type:lower-alpha;}

/*------------------------------------------------------------
		FOOTER
--------------------------------------------------------------*/
#footer						{clear:both; width:100%; font-size: 85%; color:#26231E; background-color:#CFC6B5; margin-top:1em; }

#footer p					{padding:8px; margin:0px; text-align: center;}
#footer ul					{margin: 0; padding:8px 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:#0E702A; text-decoration: none; border-bottom: 1px dotted #0E702A;}

#footer a:hover,
#footer a:focus				{border: none;}

#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;}

.img-wrapper				{margin:10px 6px 0 6px; background:url(images/shadow.gif) no-repeat bottom right; 	float:left; line-height:0; padding:0; }
.img-wrapper-R				{margin:10px 6px 0 10px; background:url(images/shadow.gif) no-repeat bottom right; 	float:right; line-height:0; padding:0; }
.img-wrapper img,
.img-wrapper-R img			{float:none; margin:0; background:#FFFFFF; padding:4px; border:1px solid #0E702A; 	display:block; position:relative; left:-5px; top:-5px; }

#portfolio .img-wrapper		{margin-left:110px;}

#content a img.externallogo	{float:left; text-decoration:none; padding:0 12px 0 0;}

/*---------------------------------------------------------------
		FORMS
----------------------------------------------------------------*/
form#enquiryform			{margin: 0; border: 1px solid #0E702A; width:700px;}

fieldset					{padding:10px 0 0 10px; margin:0px; width: 100%; border:0; position:relative;}
legend						{font-weight:bold; color: #000000; margin: 5px 0 0 0; }
label						{display:block;}
input						{width:300px;}
textarea					{width:400px; 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:0 1em 0.5em 0;}

/*----------------------------------------------------------------
		TABLES
-----------------------------------------------------------------*/
table						{border-spacing: 0; border-collapse: collapse;}
td							{text-align: left; font-weight: normal;}
#accesskeys th,
#accesskeys td				{padding: 0.1em 1em; text-align: left; border: 1px dotted #330099;}
#accesskeys td.key			{text-align:center;}

/*----------------------------------------------------------------
		MISCELLANEOUS
-----------------------------------------------------------------*/
.floatRight					{float: right;}
.floatLeft					{float: left;}
.punderline					{border-bottom-color:#FFBF55; border-bottom-style:dashed; border-bottom-width:1px; clear:both;}
abbr[title]					{border-bottom: 1px dotted #999; cursor:help;}

blockquote					{background: transparent url(images/quoleft.png) left top no-repeat; padding-bottom:12px; font-style:italic; padding-left:34px;}
blockquote p				{padding: 0 48px; background: transparent url(images/quoright.png) right bottom no-repeat;}
#portfolio blockquote		{padding:16px 0 0 0;}