/* 

STYLE SHEET FOR Simon Hayler WEB SITE
Created by Merrill Jacobs
www.generowebdesign.co.uk

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */
body 
	{
	background: url(bg.png) repeat-x;
	}
	
body#home a#homenav,
body#about a#aboutnav,
body#clients a#clientsnav,
body#contact a#contactnav 
	{
	color: #66ccff;
	}
		
/*  --------- 2. structure  --------- */

#wrapper 
	{
	width: 780px;
	margin: 0 auto;
	background: #00205c;
	border: 0px solid #999;
	}

#logo 
	{
	background: #00205c;
	height: 140px;
	}
	
.logo_image
	{
	vertical-align: top;
	margin-top: 15px;
	margin-left: 56px;
	float: left;
	}	

.image
	{
	vertical-align: top;
	}
	
#special_offer
	{
	float: right;
	margin-right: 40px;
	border: 0px solid #fff;
	vertical-align: top;
	}
	
#special_offer p
	{
	color: #00205c;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: center;
	}
	
#special_offer a
	{
	color: #00205c;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	}
	
#special_offer a:hover
	{
	color: #00205c;
	text-decoration: underline;
	}
		
#navContainer 
	{
	}

/* styles main cotent */
#content 
	{
	padding-bottom: 40px;
	}

#content p
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 130%;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
	letter-spacing: .01em;
	}

#content a
	{
	color: #66ccff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .05em;
	}

#content a:hover
	{
	text-decoration: underline;
	color: #fff;
	}

#content ul
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 150%;
	margin-left: 150px;
	margin-right: 50px;
	letter-spacing: .01em;
	}

/* styles the wrapper shadow at the bottom of the page */

#wrapper_shadow
	{
	width: 780px;
	margin: 0 auto;
	}

/* Parameters for company details below main container */

#company_details
	{
	width: 780px;
	margin: 0 auto;
	padding-bottom: 10px;
	}

#company_details p
	{
	color: #00205c;
	text-align: center;
	font-size: .7em;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

/* styles Genero link */
#company_details a:link, #company_details a:visited 
	{
	font-weight: bold;
	color: #00205c; 
	text-decoration:none;
	}

#company_details a:hover 
	{
	color: #1e90ff; 
	text-decoration: underline;
	font-weight: bold;
	}

/* floats copyright to LHS */	
.copyright
	{
	float: left;
	}

/* floats Genero link to rhs */
.genero_link
	{
	float: right;
	}

/* ---------- 3. links and navigation ---------- */

/* top horiz navigation */
#navigation ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 40px;
	background: #00205c;
	}

/* overall menu background color */
#navigation ul li
	{
	display: inline;
	float: left;
	}

#navigation ul li a
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	text-decoration: none;
	display: block;
	padding: 10px 38px;
	font-weight: normal;
	
	}

#navigation a:hover
	{
	color: #66ccff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	text-decoration: underline;
	display: block;
	}

.nav_bg
	{
	vertical-align: top;
	}

/* bottom nav at the foot of every page */

#bottom_nav
	{
	margin-right: 50px;
	padding-bottom: 15px;
	padding-right: 10px;
	}

#bottom_nav ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#bottom_nav ul li
	{
	display: inline;
	float: right;
	padding: 5px;
	}

#bottom_nav ul li a
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	text-decoration: none;
	display: block;
	font-weight: normal;
	letter-spacing: .09em;
	padding-right: 10px;
	}

#bottom_nav a:hover
	{
	color: #66ccff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	text-decoration: underline;
	font-weight: normal;
	
	}

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul 
	{
	}

h1 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	padding-left: 40px;
	letter-spacing: .09em;
	}

h2 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .8em;
	padding-left: 40px;
	padding-right: 20px;
	margin-top: 20px;
	}

h3 
	{
	font-size: .7em;
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	margin-left: 60px;
	margin-bottom: 35px;
	}
		
h4 
	{
	}

ul 
	{
	}

blockquote 
	{
	}



/* ---------- 5. images ---------- */

a img 
	{
	border: 0;
	}
		
/* ---------- 6. tables ---------- */

table 
	{
	}
		
caption 
	{
	}
		
tr 
	{
	}

th, td 
	{
	}
		
th 
	{
	}
		
td 
	{
	}

/* ---------- 7. forms ---------- */	

form 
	{
	padding: 3px 6px 0px 150px;
	}
input.txt
	{
	color: #000;
	background-color: #fff;
	border: 0px inset #00008B;
	width: 300px;
	}

input.btn 
	{
	color: #000;
	background-color: #ADD8E6;
	border: 0px outset #00008B;
	padding: 2px 4px 2px 4px;
	}

textarea
	{
	width: 300px;
	height: 200px;
	color: #00205c;
	background: #fff;
	border: 1px solid #000;
	}

#buttons
	{
	margin-left: 60px;
	}

/* styles clients quotes on clients page */	
.indent
	{
	padding-left: 20px;
	padding-right: 20px;
	}
	
.suppliers
	{
	margin-left: 50px;
	}
	
	
#supplierslogos
	{
	float: right;
	margin-right: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
#social_networking
	{
	
	
	}
	
.socialnet
	{
	vertical-align: bottom;
	}