/*-----------------------------------------------------------------------------
FORRESTER ACCESS

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2010
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Site Wide Rules
----------------------------------------------------------------------------- */
* {
  	margin: 0;
	padding: 0;}

body {
	background: #716b56 url(../images/header_bg.jpg) top left repeat-x;
	text-align: center; /* for IE + auto margins */
	font-size: 68.75%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;}


/* =Container
----------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 924px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #b1a887;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;}
	
html>body #container {
    height: auto;}
    
/* =Logo
----------------------------------------------------------------------------- */
#logo {
	background: url(../images/header_logo.jpg) top center no-repeat;
	display: block;
	height: 160px;
	margin: 0;}
	
/* =Main Navigation
----------------------------------------------------------------------------- */
#main_nav {
	float: left;
	width: 904px;
	margin: 5px 10px 0 10px;
	font-family: Georgia;
	font-weight: bold;}

#main_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;}
	
#main_nav ul li {
	float: left;}
	
#main_nav li ul {
	position: absolute;
	display: none;
	background: #b1a887;}
	
#main_nav ul li a:link, #main_nav ul li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.35em;
	padding: 0 30px 0 0;}
	
#main_nav ul li a:hover {
	color: #393c64;}
	

#home #main_nav #t-home a,
#about #main_nav #t-about a,
#what #main_nav #t-what a,
#machines #main_nav #t-machines a,
#contact #main_nav #t-contact a,
#client_login #main_nav #main_nav_login #t-login a
 { /* highlights the ON page */
	color: #393c64;
	cursor: default;}
	
#main_nav #main_nav_login {
	float: right;}
	
#main_nav #main_nav_login li a:link, #main_nav #main_nav_login li a:visited {
	padding: 0;}
	
/*	for accesskey hints - used in alternative, accessibility friendly style sheet
a:hover:after, a:focus:after {
	content: " [" attr(accesskey) "] ";
  font-size: 0.5em;}
*/

/* =Main Content
---------------------------------------------------------------------------------------------------- */
#content {
	float: left;
	text-align: left;
	width: 424px;
	margin: 60px 0 0 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
#content_wide {
	float: left;
	text-align: left;
	width: 604px;
	margin: 60px 0 0 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
#content_reports {
	float: left;
	text-align: left;
	width: 904px;
	margin: 60px 0 0 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
#content_reports p {
	margin: 0;
	padding: 0 10px 10px 0;
	font-size: 1.25em;
	line-height: 1.45em;
	color: #fff;}

#content h1, #content_wide h1, .machine_data h1, .machine_data_last h1 {
	font-family: Georgia;
	font-size: 1.55em;
	color: #393c64;
	padding: 10px 10px 15px 0;}
	
#content_reports h1 {
	font-family: Georgia;
	font-size: 1.55em;
	color: #393c64;
	padding: 10px 10px 3px 0;}
	
#content_wide h2, #content_reports h2 {
	font-family: Georgia;
	font-size: 1.45;
	color: #393c64;
	padding: 5px 10px 8px 0;}

#content p, #content_wide p, #content_reports p {
	margin: 0;
	padding: 0 10px 10px 0;
	font-size: 1.25em;
	line-height: 1.45em;
	color: #fff;}
	
#content p a:link, #content p a:visited, #content li a:link, #content li a:visited,
#content_wide p a:link, #content_wide p a:visited, #content_wide li a:link, #content_wide li a:visited, #content_reports p a:link, #content_reports p a:visited {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0.02em;
	border-bottom: 1px dotted #fff;
	font-weight: bold;}

#content p a:hover, #content li a:hover,
#content_wide p a:hover, #content_wide li a:hover, #content_reports p a:hover {
	background-color: #fff;
	color: #393c64;}
	
#content_wide ul, #content_reports ul {
	margin: 0 0 5px 10px;}
	
#content_wide li, #content_reports li {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	line-height: 1.6em;
	color: #fff;
	font-size: 1.25em;}
	
#content_wide .embed-img {
	float: right;
	border: 1px solid #fff;
	padding: 0;
	margin: 0 0 8px 8px;}
	
	
#content_wide input.password {
	width: 20em;}
	

/* =Report images
---------------------------------------------------------------------------------------------------- */
#report_images {
	float: left;
	width: 904px;
	margin: 20px 0 10px 10px;
	padding: 0;
	border: 1px solid #fff;}

#report_images p {
	text-align: left;
	color: #fff;
	font-size: 1.15em;
	line-height: 1.35em;
	margin: 5px 10px;
	padding: 0;}
	
#report_images h2 {
	font-family: Georgia;
	font-size: 1.25;
	color: #393c64;
	padding: 5px 10px 2px 10px;}
	
#report_images p.note {
	font-size: 0.9em;}
	
	
/* =Right Column Content
---------------------------------------------------------------------------------------------------- */
#sub_content {
	float: right;
	width: 480px;
	margin: 60px 10px 30px 0;
	padding: 0;}
	
#sub_content_narrow {
	float: right;
	width: 300px;
	margin: 60px 10px 0 0;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
#sub_content_narrow .mini_ad {
	margin: 10px 0 10px 30px;
	padding: 3px;
	background-color: #c1b99f;
	border: 1px dotted #fff;}
	
#sub_content_narrow .mini_ad h1 {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-bottom: 4px;}
	
#sub_content_narrow .mini_ad h2 {
	color: #777;
	font-size: 1em;
	line-height: 1.3em;
	padding: 4px 0 2px 0;}	
	
#sub_content_narrow .mini_ad p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 1px 3px 1px;}
	
#sub_content_narrow .mini_ad p.disclaimer {
	color: #777;
	font-size: 0.9em;}
	
#sub_content_narrow .mini_ad p.img_desc {
	font-size: 0.9em;
	font-style: italic;}
	
#sub_content_narrow .mini_ad ul {
	margin: 0;}
	
#sub_content_narrow .mini_ad ul li {
	font-family: Georgia;
	font-weight: normal;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 1px 3px 1px;
	line-height: 1.25em;
	color: #fff;
	font-size: 1.2em;}
	
#sub_content_narrow .mini_ad ul#address li {
	list-style-type: none;}
	
#sub_content_narrow .mini_ad ul#address li.phone {
	padding-top: 10px;}
	
#sub_content_narrow ul {
	margin: 0 0 5px 30px;}
	
#sub_content_narrow li {
	font-family: Georgia;
	font-weight: bold;
	list-style-type: none;
	line-height: 1.6em;
	color: #fff;
	font-size: 1.45em;}
	
#sub_content img.sub_contentIMG {
	float: right;
	margin: 0 0 25px 0;
	padding: 0;
	border-top: 1px solid #a3a6cc;
	border-bottom: 1px solid #a3a6cc;
	border-left: 1px solid #a3a6cc;
	margin-left: 45px;}
	
#sub_content img.sub_contentLOGO {
	float: right;
	margin: 50px 0 0 0;
	padding: 0;}
	
#sub_content img.sub_contentTARGET {
	float: right;
	margin: 0 0 25px 0;
	padding: 0;}
	
#sub_content q {
	font-family: Georgia, serif;
	font-size: 1.4em;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 0 10px 25px 0;}
	
	
/* =Machine descriptions
---------------------------------------------------------------------------------------------------- */
.machine_data {
	float: left;
	text-align: left;
	width: 904px;
	margin: 30px 0 0 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
.machine_data_last { /*creates gap between content and footer*/
	float: left;
	text-align: left;
	width: 904px;
	margin: 30px 0 30px 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
.machine_data p, .machine_data_last p {
	font-size: 1.25em;
	line-height: 1.45em;
	color: #fff;}
	
.machine_data table, .machine_data_last table {
	border-collapse: collapse;
	border: 1px solid #fff;
	color: #fff;
	margin: 20px 0 0 0;
	width: 904px;}
	
.machine_data th, .machine_data_last th {
	padding: 0.25em;
	font-size: 1.25em;
	border-bottom: 1px solid #fff;
	background-color: #c1b99f;}
	
.machine_data td, .machine_data_last td {
	padding: 0.5em;
	border-right: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	line-height: 1.5em;}
	
.machine_data td.spec ul li, .machine_data_last td.spec ul li {
	list-style-position: inside;}
	
.machine_data td.spec, .machine_data_last td.spec {
	text-align: right;}
	
.machine_data td.img_desc, .machine_data_last td.img_desc {
	color: #000;
	vertical-align: top;
	background-color: #ebebeb;
	font-weight: bold;
	text-align: center;}
	
.machine_data td.img_cell, .machine_data_last td.img_cell {
	background-color: #ebebeb;
	text-align: center;}
	
.machine_data td.img_cell img, .machine_data_last td.img_cell img {
	border: 1px solid #000;}
	
.machine_data tr.downloads, .machine_data_last tr.downloads {
	background-color: #c1b99f;}
	
	
table a:link {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	padding-bottom: 0.1em;
	color: #fff;}
	
table a:visted {
	color: #ccc;}
	
table a:hover {
	background-color: #fff;
	color: #393c64;}
	
table a:active {
	background-color: #393c64;
	color: #fff;}	



/* =client reports
---------------------------------------------------------------------------------------------------- */
	
.client_report {
	float: left;
	text-align: left;
	width: 904px;
	margin: 30px 0 0 10px;
	padding: 0;
	background: url(../images/sketched_bdr.gif) top left repeat-x;}
	
.client_report p {
	font-size: 1.25em;
	line-height: 1.45em;
	color: #fff;}



	
/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	background-color: transparent;
	background: url(../images/sketched_bdr.gif) top left repeat-x;
	font-size: 0.8em;
	color: #efefef;
	line-height: 1.5em;
	padding-top: 15px;}
	
#footer p {
	text-align: center;
	padding-bottom: 5px;}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #efefef;
	border-bottom: 1px dotted #eee;
	padding-bottom: 0.01em;}
	
#footer a:hover {
	color: #000;
	border-bottom: 1px dotted #000;}
	

/* =Slideshow Gallery
---------------------------------------------------------------------------------------------------- */	
#myGallery
{
width: 480px !important;
height: 390px !important;
} 


/* =Form styling
----------------------------------------------------------------------------- */

#content_wide fieldset {
	font-size: 1em;
	margin: 10px 0;
	padding: 1em;
	border: 1px solid #fff;
	background: #c1b99f;
	width: 580px;}

#content_wide fieldset p {
	color: #fff;}
	
#content_wide fieldset p.smaller {
	font-size: 0.9em;}

#content_wide label {
	display: block;}

#content_wide input[type="text"] {
	width: 20em;}

#content_wide textarea {
	width: 430px;
	height: 100px;}

#content_wide input.submit {
	width: auto;}

#content_wide input:focus, textarea:focus {
	background: #ffc;}

#content_wide input [type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;}

#content_wide .required {
	font-size: 0.7em;
	color: #ebebeb;
	text-transform: uppercase;}
	

/* =Social Networking
----------------------------------------------------------------------------- */	
.share_button {
	margin: 20px 0;}