/* 
--- PLEASE NOTE ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.

--- CONTENTS ---

1) All
2) Body
3) Links
4) General
5) Clearfix
6) Structural

7) Header
8) Navigation
9) Content
10) Footer

11) Lists
12) Tables

##)	Styles that need putting in order

Please keep tidy :)

*/
	
/* ------------------------------------------------------------------ */
/* =All */
/* ------------------------------------------------------------------ */

* {margin: 0; padding: 0;}
html {min-height:101%;}
.center {text-align:center;}
.right {text-align:right;}
	
/* ------------------------------------------------------------------ */
/* =Body */
/* ------------------------------------------------------------------ */

body {
	background: #222 url(../graphics/bg.gif) repeat;
	text-align: left;
	font: 80%/1.3 Tahoma, Arial, Verdana, Sans-Serif;
}
	
/* ------------------------------------------------------------------ */
/* =Links */
/* ------------------------------------------------------------------ */

a {
	font-weight: normal;
	color: #6fc5e9;
	text-decoration: none;
	outline: none;
	}
	
a:hover,
a:focus {color: #cadb2c;}

#content a {text-decoration: underline;}
#content a:hover,
#content a:focus {text-decoration: none;}

#content #main a {color: #077bab;}
#content #main a:hover,
#content #main a:focus {color: #014662;}
	
/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */

img {border: 0;}
hr {display: none;}
acronym {border-bottom: 1px dotted; cursor: help;}
.clear {clear: both;}
.small_text {font-size: 0.9em;}
.hide_1 {display: none;}
.hide_2 {position: absolute; left: -1000em;}
.hide_3 {text-indent: -1000em;}

/* Skip links */

ul#skip {
	position: absolute;
	left: 0;
	top: 10px;
	text-transform: lowercase;
  }

ul#skip a {
	display: block;
	position: absolute;
	left: -1000em;
	white-space: nowrap;
	}
    
ul#skip a:focus {
	left: 0;
	text-decoration: none;
	} 

/* ------------------------------------------------------------------ */
/* =Clearfix */
/* ------------------------------------------------------------------ */

.clearfix:after,
#content ul#category_funnels:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix, #content ul#category_funnels {display: inline-block;}
.clearfix, #content ul#category_funnels {display: block;}
	
/* ------------------------------------------------------------------ */
/* =Structural */
/* ------------------------------------------------------------------ */

/* Container */

#container {background: url(../graphics/header_bg.jpg) repeat-x 50% 0;}

#container #wrap {
	margin: 0 auto;
	max-width: 77em;
	min-width: 600px;
	text-align: right;

}	

#gallery-container {background: url(../graphics/header_bg.jpg) repeat-x 50% 0;}

#gallery-container #wrap {
	margin: 0 auto;
	max-width: 77em;
	min-width: 600px;
	text-align: right;
}	

/* Main */
		
#main {
	position: relative;
	z-index: 3;
	float: right;
	border-top: 1px solid #5e5e5e;
	width: 75%;
	}
		
#main div.wrap_2 { /* This is for images off */
	overflow: hidden;
	margin: 1px 1px 2px 10px;
	padding: 29px 29px 20px 20px; 
	background: #fff;
	}

/* Secondary */
		
#secondary {
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin: 0 0 0 1px;
	border-top: 1px solid #313131;
	padding: 0 15px 20px 15px;
	font-size: 0.85em;
	color: #ccc;
	}
	
/* Aesthetics 1 - Inner page background image */

#content div.wrap span.aesthetics_1 {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 1px; /* Not sure why this is 1px */
	bottom: 2px;
	z-index: 1;
	background: url(../graphics/content_inner_bg.png) repeat-y 25% 0;
	}
			
/* Aesthetics 2 - Inner page bottom content border */

#content div.wrap span.aesthetics_2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: url(../graphics/content_inner_border.gif) no-repeat 25% 0;
	}
			
/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {overflow: hidden;

	margin: 0 auto;}
							
/* Logo */
	
#logo {
	float: left;
	margin: 20px 15px 15px 0;
}
	
#logo a {
	display: block;
	width: 250px;
	height: 70px;
	background-image:url(../graphics/logo.png);
}
#logo a:hover {
	background-position:0 70px;
}

#telephone {
	width:250px;
	height:40px;
	float:right;
	font-family:"Century Gothic", Tahoma, Arial, Sans-Serif;
	font-size:16px;
	color:#FFF;
	margin:25px 0 0 0;
}
#telephone a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#telephone a:hover {
	color:#6FC5E9;
}

#header fieldset {
	float: right;
	border: solid #5a5a5a;
	border-width: 0 1px 1px 1px;
	padding: 10px 15px;
	background: url(../graphics/search_bg.png) repeat;
	text-transform: lowercase;
	}
	
#header input.text,
#header input.button {font-family: Tahoma, Arial, Verdana, Sans-Serif;}

#header input.text {
	margin: 0 5px 0 0;
	border: 1px solid #5F5F5F;
	padding: 4px 3px 4px 5px;
	width: 13em;
	background: url(../graphics/search_input_bg.png) repeat;
	color: #d3d3d3;
	font-size: 0.85em;
	text-transform: inherit;
	}

#header input.text:focus {
	background: #666;
	color: #fff;
	}
	
#header input.button {
	border: 1px solid #535353;
	padding: 3px 12px;
	background: url(../graphics/search_bg.png) repeat;
	color: #6fc5e9;
	cursor: pointer;
	font-size: 0.9em;
	text-transform: inherit;
	}	

#header input.button:hover,
#header input.button:focus {background: #222;}
	
#header fieldset p {
	display: block;
	margin: 10px 0 0 0;
	border-top: 1px solid #5a5a5a;
	padding: 7px 0 0 0;
	text-align: right;
	line-height: 1.0;
	font-size: 1em;
	color: #C8D73E;
	}
		
/* ------------------------------------------------------------------ */
/* =Navigation */
/* ------------------------------------------------------------------ */

#navigation-background {
	width:986px;
	height:42px;
	background-image: url(../graphics/nav_bg.png);
}
#horizontal-navigation {
	width:558px;
	height:42px;
	margin: 0 0 0 428px;
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative;} 
ul#navmenu-h ul { width: 150px; 
/* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } 
ul#navmenu-h li {
	width:88px;
	float: left;
	display: inline;
	position: relative;
	text-align:center;
}
ul#navmenu-h ul li { width: 100%; display: block; } 

/* Root Menu */ ul#navmenu-h a {
	width:88px;
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:14px;
	color: #999;
	padding: 10px 0 10px 0;
	float: left;
	display: block;
	text-decoration: none;
} 
.active{
	color:#6FC5E9;
}
.nav-bg{
	background-image:url(../graphics/nav_on.png);
}

/* Root Menu Hover Persistence */ ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
	color: #6FC5E9;
	background-image:url(../graphics/nav_on.png);
} 

/* 2nd Menu */ ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { 
	width:80px; 
	margin:0 0 0 -40px; 
	float: none; 
 } 
/* 2nd Menu Hover Persistence */ ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { 
	color:#6FC5E9;
} 

/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { 
	width:80px; 
	margin: 0 0 0 -50px; 
	color:#CCC;
} 
/* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { 
	color:#6FC5E9;
} 

/* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content {
	margin: 0 0 15px 0;
	border-width: 1px 0;
	border-style: solid;	
	border-color: #333 #fff #222 #fff;
	border-color: rgba(255,255,255,.1);
	padding: 25px;
	background: url(../graphics/content_outer_bg.png);
	}

body#home #content {
	margin: 0 auto;
	border: 0;
	padding: 0;
	background: none;
	width: 986px;
	}
	
#content div.wrap {
	overflow: hidden;
	position: relative;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff #5e5e5e #fff #313131;
	}

#content p,
#content ul,
#content ol,
#content dl,
#content address {

}

#content ul ul {margin-bottom: 0.5em;}	
	
#content address {
	line-height: 1.2;
	font-style: normal;
}
	
#content ul {
	margin-left: 0px;
}
#content ol {margin-left: 2em;}	
#content dt {font-weight: bold;}
#content dd {margin-bottom: 1em;}	

#content h1,	
#content h2,
#content h3,		
#content h4,
#content h5,
#content h6 {
	font-weight: normal;
	font-family: "Century Gothic", Tahoma, Arial, Sans-Serif;
	}	

#content h1 {margin-bottom: 0.4em; font-size: 1.6em;}	
#content #product_info h1 {font-size: 1.9em;}

#content h1.emphasized {
	margin-bottom: 1em;
	padding: 5px 10px;
	background: #f0f0f0;
	}

#content h2 {font-size: 1.1em;}	
#content #product_info h2 {font-size: 1.4em;}
	
#content #secondary h2 {
	margin: 0.5em -15px;
	border: solid #2c2c2c;
	border-width: 1px 0;
	border-color: rgba(255,255,255,.12);
	padding: 20px 10px 4px 10px;
	background-color: #111;	
	background-color: rgba(0,0,0,.4);
	font-size: 2.1em;
	color: #C8D73E;
	text-transform: lowercase;
}

#content h3,
#content h4,	
#content h5,	
#content h6 {font-size: 1em;}

/* Homepage image */

#image {
	margin: 0 0 15px 0;
	border-width: 1px 0;
	border-style: solid;	
	border-color: #353535 #fff #222 #fff;
	border-color: rgba(255,255,255,.15) #fff; /* For cool browsers */	
	padding: 1px 0;
}
	
#image div.wrapper {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#image div.banner_1 {background-image: url(../images/essex-photography.gif);}
#image div.banner_contact {height:360px;}

#image #text {
	float: right;
	border-left: 1px solid #222;
	border-left-color: rgba(255,255,255,.15); /* For cool browsers */
	width: 26em;
	background: url(../graphics/image_text_bg.png) repeat;
	color: #f1f8af;
	height: 360px;
}

#image #text blockquote {
	padding: 30px;
	text-align: left;
	font: 1.5em/1.2 "Century Gothic", Tahoma, Arial, Sans-Serif;
}

#content #image #text blockquote p {margin: 0;}
	
#image #text blockquote strong {
	font-weight: normal;
	color: #cadb2c;
}

#image #text a {
	display: block;
	border-top: 1px solid #222;
	border-top-color: rgba(255,255,255,.15); /* For cool browsers */
	padding: 15px 60px 15px 15px;
	background-image: url(../graphics/arrow_home_more.gif);
	background-repeat: no-repeat;
	background-position: 100% 55%;
	text-align: right;
	font-size: 1.3em;
	text-transform: lowercase;
	text-decoration: none;
}

#image #text a:hover,
#image #text a:focus {
	background-color: #0b0b0b;
	background-color: rgba(255,255,255,.08); /* For cool browsers */
	background-image: url(../graphics/arrow_home_more_hover.gif);
}
	
#image #text a em {
	border-bottom: 1px solid #253b44;
	border-bottom-color: rgba(123,194,224,.3); /* For cool browsers */
	font-style: normal;
}

#image #text a:hover em,
#image #text a:focus em {
	border-bottom-color: #3d420d;
	border-bottom-color: rgba(202,219,44,.3); /* For cool browsers */
}
				
/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */

#footer  {
	margin: 0 auto;
border-top: 1px solid #222;
	border-top-color: rgba(255,255,255,.1); /* For cool browsers */
	padding: 12px 15px;

	background: url(../graphics/footer_bg.png) repeat;
	font-size: 0.85em;
	color: #555;
	text-transform: lowercase;

}

#maintext
{
	margin: 0 auto;
	border-top: 1px solid #222;
	border-top-color: rgba(255,255,255,.1); /* For cool browsers */
	padding: 12px 15px;
	background: url(../graphics/footer_bg.png) repeat;
	font-size: 1em;
	color: #555;


}




#footer a {color: #555;}
#footer:hover {color: #999;}

#footer:hover a {
	color: #6fc5e9;
	text-decoration: underline;
}

#footer a:hover,
#footer a:focus {
	color: #cadb2c;
	text-decoration: none;
}

#footer ul {
	float: right;
list-style: none;
}

#footer li {
	float: left;
	margin: 0 0 0 15px;
}

/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */

/* Styled & Unstyled */

#content ul.styled,	
#content ul.unstyled {
	margin-left: 0;
	list-style: none;
	}
	
#content ul.styled li {
	padding: 0 0 0 10px;
	background: url(../graphics/category_nav_arrow.gif) no-repeat 0 0.5em;
	}
	
/* Category funnels - found on the homepage */

#content ul#category_funnels {
	margin: 0;
	list-style: none;
	font-size: 0.85em;
	}

#content ul#category_funnels li {
	position: relative;
	float: left;
	margin: 0 12px 15px 0;
	width: 98px;
	min-height: 150px; /* To prevent a jumping footer if the funnel text wraps to more than 2 lines */
	text-align: center;
	}

#container #content ul.eight li {width: 112px;}
#content ul#category_funnels li.last {margin-right: 0;}

#content ul#category_funnels a {
	display: block;
	border: 1px solid #282828;
	border-color: rgba(255,255,255,.1); /* For cool browsers */	
	padding: 1px;
	text-align: center;
	text-decoration: none;
	}

#content ul#category_funnels a:hover,
#content ul#category_funnels a:focus {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: -20px;
	border-color: #333;
	background-color: #000;
	font-size: 1.2em;
	}
		
#content ul#category_funnels a span.image {
	display: block;
	border-bottom: 1px solid #282828;
	border-bottom-color: rgba(255,255,255,.1); /* For cool browsers */	
	padding: 7px;
	background-color: #0b0b0b;
	background-color: rgba(255,255,255,.11); /* For cool browsers */
	}
			
#content ul#category_funnels a:hover span.image,
#content ul#category_funnels a:focus span.image { background-color: #111;}
			
#content ul#category_funnels a span.image span {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border: 1px solid #353535;
	border-color: rgba(255,255,255,.1); /* For cool browsers */	
	width: 78px;
	height: 78px;
	}

#container #content ul.eight a span.image span {width: 90px;}

#content ul#category_funnels a:hover span.image span,
#content ul#category_funnels a:focus span.image span {
	width: 120px;
	height: 120px;
	}
	
#content ul#category_funnels a span.image img {
	position: absolute;
	left: -20px;
	top: -10px;
	cursor: pointer; /* Forcing the cursor change for some browsers - IE/Opera */
	}
		
#content ul#category_funnels a strong {
	display: block;
	padding: 7px 0;
	min-height: 28px;
	background-color: #0b0b0b;
	background-color: rgba(255,255,255,.07); /* For cool browsers */
	font-weight: normal;
	cursor: pointer; /* Forcing the cursor change for some browsers - IE/Opera */
	}		
			
#content ul#category_funnels a:hover strong,
#content ul#category_funnels a:focus strong { background-color: #121212;}
	
/* Category navigation */

#content ul#category_navigation {	
	margin: 0 -15px;
	list-style: none;
	font-size: 1.3em;
	}

#content ul#category_navigation li {margin: 0;}

#content ul#category_navigation a {	
	display: block;
	padding: 1px 15px 1px 30px;
	background: url(../graphics/category_nav_arrow.gif) no-repeat 20px 0.55em;
	color: #bbb;
	text-decoration: none;
	}

#content ul#category_navigation a.on,
#content ul#category_navigation a:hover,
#content ul#category_navigation a:focus {	
	background-color: #2c2c2c;
	background-color: rgba(255,255,255,.07);
	color: #6FC5E9;
	}	
	
#content ul#category_navigation a.on {color: #cadb2c;}

/* Sub navs */
	
#content ul#category_navigation ul {	
	margin: 5px 0;
	list-style: none;
	font-size: 0.8em;
	}
	
#content ul#category_navigation ul ul {
	margin: 2px 0 5px 0;
	font-size: 1em;
	}

#content ul#category_navigation ul a {	
	padding-left: 40px;
	background: url(../graphics/category_nav_arrow_sub.gif) no-repeat 30px 0.55em;
	color: #eee;
	}
	
#content ul#category_navigation ul ul a {	
	padding-left: 50px;
	background-position: 40px 0.55em;
	}
	
/* Product listing */

#content ul.products {
	overflow: hidden;
	margin-left: 0;
	list-style: none;
	text-align: center;
	font-size: 0.85em;
	}
	
#content ul.products li {
	float: left;
	margin: 0 20px 20px 0;
	width: 12.8em;
	}
	
#content ul.products a {
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	padding: 1.5em 1em 0 1em;
	height: 15.5em;
	text-decoration: none;
	color: #444;
	}
	
#content ul.products a:hover,
#content ul.products a:focus {border-color: #d5d5d5;}
		
#content ul.products a img {max-width: 100%;}	
	
#content ul.products span.text {
	display: block;
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	border-top: 1px solid #e5e5e5;
	padding: 5px;
	background: #f0f0f0;
	color: #005579;
	cursor: pointer; /* Forcing the cursor change for some browsers - IE/Opera */
	}
		
#content ul.products a:hover span.text,
#content ul.products a:focus span.text {
	border-color: #e0e0e0;
	background: #e0e0e0;
	}
					
#content ul.products span.text strong {
	display: block;
	font-weight: normal;
	color: #444;
	}
				
/* Product thumbnails */

#content ul.thumbnails {
	overflow: hidden;
	margin: 1em 0;
	list-style: none;
	}
	
#content ul.thumbnails li {
	float: left;
	margin: 3px;
	border: 1px solid #ddd;
	width: 42px;
	}
	
ul.thumbnails a {
	display: block;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	text-decoration: none;
	}

#content ul.thumbnails li:hover,	
ul.thumbnails a:hover,
ul.thumbnails a:focus {border-color: #077bab;}
	
ul.thumbnails a img {
	position: relative;	
	left: -10px;
	}
			
/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */

table {
	margin: 0 0 1.5em 0;
	border-spacing: 0;
	border: solid #d5d5d5;
	border-width: 1px 0 0 1px;
	width: 100%;
	text-align: left;
	font-size: 0.9em;
	}
	
caption {display: none;}
	
th {	
	border: 1px solid;
	border-color: #fff #c7c7c7 #fff #fff;
	padding: 5px 7px;
	background: #e7e7e7 url(../graphics/table_head_bg.gif) repeat-x 0 100%;
	color: #505050;
	font-weight: normal;
	}	
	
td {	
	border: 1px solid;
	border-color: #fff #e0e0e0 #e0e0e0 #fff;
	padding: 3px 7px;
	background: #fff;
	}

tr.even td {background: #eef7fa;}
table .right {text-align: right;}
table .centre {text-align: center;}
		
/* ------------------------------------------------------------------ */
/* =Styles that need putting in order will have been put in here */
/* ------------------------------------------------------------------ */














/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

form.default {
	margin: 0 0 1.5em 0;
	font-size: 1em;
	}

/* Fieldsets */

fieldset {border: 0px solid #fff;}
	
form.default fieldset {
  border: 1px solid #ccc;
  padding: 0 12px 10px 12px;
  background: #f2f2f2;
	}

fieldset.shipping {
	margin-bottom: 2px;
	padding: 10px;
	background: #eee;
	}

/* Legends */

legend {display: none;}

form.default legend {
  display: none;	
	padding: 0 2px;
	font-size: 1.3em;
	color: #5FA4BF;
  }

/* Structure */
 
form.default div.form_block {
  clear: both;
 	padding: 8px 0 6px 0;
 	background: url(../graphics/form_block_border.html) repeat-x;
	text-align: left;
  }
 
form.default div.form_block.first {background: none;}
	 
form.default div.form_left {
	display: inline;
	float: left;
	padding: 4px 0 0 0;
	width: 40%;
	text-align: left;
  }

form.default div.form_fields_container {float: left;}

/* Labels */

form.default label {
	margin: 0;
	padding: 0 20px 0 5px;
  line-height: 1.3;
  color: #48482b;
  }
	
form.default div.form_fields_container label {
	display: block;
	margin: 5px 0 0 0;
	font-weight: normal;
  }
	
form.default label span {
  font-weight: normal;
  font-size: 0.8em;
  color: #7C4F31;
  }

/* Form fields */
   
input,
select,
textarea {font: 1em Arial, Helvetica, Verdana, Sans-Serif;}

form.default div.form_fields_container label input {vertical-align: middle;}

form.default input.text,
form.default textarea {
  margin: 0 auto;
  padding: 2px;  
  width: 58%;
  background: #fff;
  }
		
table.basket input.text {
  padding: 2px;  
  width: 3em;
  text-align: center;
	}
	
form.default select {
  margin: 0 auto;
  padding: 1px;  
  width: 59%;
  background: #fff;
  }

fieldset.shipping select {
	margin: 0 0 0 10px;
	padding: 1px;
	width: 20em;
	font-size: 0.9em;
	}
	
form.default option {padding: 0 2px;}
form.default input.small {width: 20%;}
form.default select.small {width: 21%;}

form.default input.medium,
form.default select.medium {width: 35%;}
  
form.default select.medium {width: 36%;}
form.default select.fixed {width: 230px;}

/* Buttons */
    
#content .button_position {
	overflow: hidden;
	margin: 0;
	}

#content p.button a,
input.button {
	margin: 0;
	border: 1px solid;
	padding: 2px;
	background: #6FC5E9;
	color: #fff;
	}

#content p.button.positive a,
input.button.positive {
	background: #6FC5E9;
	}
		
#content p.button a {
	padding: 2px 5px;
	text-decoration: none;
	}
	
input.button.right {float: right;}	
tr.update_basket td input.button {margin-right: 1.9em;}
	
fieldset.shipping input.button {
	margin: 1px 0 0 2px;
	padding-bottom: 1px; 
	}
				
#content p.button.add a {
	padding-left: 15px;
	background-image: url(../graphics/button_plus.html);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	}	

#content p.button a:hover,
#content p.button a:focus,	
input.button:hover,
input.button:focus {
	background-color: #5FA4BF;
	}	

#content p.button.positive a:hover,
#content p.button.positive a:focus,	
input.button.positive:hover,
input.button.positive:focus {
	border-color: #2e8616 #154e05 #154e05 #2e8616;
	background-color: #6FC5E9;
	}
		
/* Form errors */

#content h3.error {
  padding: 6px 0 6px 30px;
  background: transparent url(../graphics/form_error.gif) no-repeat 0 50%;
  color: #ae1c12;
  }
  
#content p.error {
  margin: 10px 0;
  border: 1px solid #e7a4a4;
  padding: 15px;
  background: #fdeaea;
  color: #64140f; 
  }
  
div.error_summary {
  margin: 10px 0;
  border: 1px solid #e7a4a4;
  padding: 15px;
  background: #fdeaea;
  color: #64140f; 
 	}
  
#content div.error_summary ul {
  margin: 10px 0 15px 20px;
  line-height: 1.2;
  list-style: none;
  }

#content div.error_summary li {
  padding: 1px 0 1px 10px;
  background: url(../graphics/arrow_link.html) no-repeat 0 0.5em;
  } 

form.default div.form_block.error input.text,
form.default div.form_block.error textarea,
form.default div.form_block.error select {
	margin-top: 4px; 
	background: #fdeaea;
  }
  
form.default div.form_block.error div.form_left label,
#content form.default div.form_block.error div.form_left p {
	display: block;
	padding: 4px 20px 0 28px;
	background: url(../graphics/form_error.gif) no-repeat;
	color: #ae1c12;
}
  
form.default div.form_block.error label {color: #ae1c12;}
form.default label em {font-weight: normal;}
  
/* Form Success */

#content h3.success {
  padding: 6px 0 6px 30px;
  background: transparent url(../graphics/form_success.gif) no-repeat 0 50%;
  color: #0d5300;
  }
  
#content p.success {
  margin: 10px 0;
  border: 1px solid #70b963;
  padding: 15px;
  background: #e3ffde;
  color: #0d5300;
 } 
 
#title {
	width:976px;
	height:60px;
	color:#6FC5E9;
	float: left;
}
#title p {
	color:#F1F8AF;
}
#clients-title {
	width:976px;
	height:60px;
	color:#6FC5E9;
}
#clients-title p {
	color:#F1F8AF;
}

#about {
	width:976px;
	height:290px;
	float: left;
	color:#F1F8AF;
	margin: 10px 0 0 10px;
}
#about a {
	text-decoration:none;
}
#about a:hover {
	color:#F1F8AF;
}

#about-text {
	width:976px;
	height:100px;
	float: left;
	color:#F1F8AF;
}

#clients {
	width:976px;
	height:auto;
	float: left;
	color:#F1F8AF;
	margin: 10px 0 0 10px;
}
#clients-text {
	width:976px;
	height:20px;
	color:#F1F8AF;
}
.testimonial {
	width:800px;
	height:auto;
	margin:10px auto;
	border:1px solid #6FC5E9;
}
.testimonial p {
	padding:5px;
}
.testimonial:hover {
	border:1px solid #F1F8AF;
}

#gallery {
	width:976px;
	height:530px;
	margin:10px 0 0 10px;
	float: left;
	color:#F1F8AF;
}
#photos {
	width:976px;
	height:470px;
	float: left;
	color:#F1F8AF;
}

.photo-box {
	width:200px;
	height:200px;
	float: left;
	margin: 20px 0 0 35px;
}
.photo-box h2 {
	color:#6FC5E9;
}

#best-gallery {
	width:976px;
	height:700px;
	margin:10px 0 0 10px;
	float: left;
	color:#F1F8AF;
}
#best-gallery a {
	text-decoration:none;
}

#contact-form {
	width:976px;
	height:400px;
	margin:10px 0 0 10px;
	float: left;
	color:#F1F8AF;
}
#required {
	width:976px;
	height:30px;
	float:left;
	color:#F1F8AF;
}
.title {
	width:30px;
	height:22px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F1F8AF;
	margin: 4px 0 0 0;
}
.title-right {
	width:100px;
	height:30px;
	float:left;
}
.name {
	width:60px;
	height:26px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F1F8AF;
}
.name-right {
	width:287px;
	height:30px;
	float:left;
}
.email {
	width:60px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F1F8AF;
}

.leftform {
	width:400px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F1F8AF;
	margin: 10px 0 0 10px;
}
.rightform {
	width:410px;
	height:30px;
	float:left;
	margin: 0 0 0 10px;
}
.subject {
	width:478px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F1F8AF;
}
.subjectbox {
	width:478px;
	height:50px;
	float:left;
}
.message {
	width:478px;
	height:22px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.messagebox {
	width:478px;
	height:110px;
	float:left;
}
.image-verification {
	width:488px;
	height:230px;
	float:left;
}
.submitbutton {
	width:60px;
	height:30px;
	float:left;
	margin: -40px 0 0 350px;
}

#form-left {
	width:477px;
	height:310px;
	float:left;
}
#form-right {
	width:487px;
	height:200px;
	float:left;
}

#roast {
	width:980px;
	height:360px;
	margin: 0 auto;
}