/* 
RESET (Zeroes out all style - from Eric Meyer)
============================================================================================ */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	:focus { outline: 0; }
	body { line-height: 1; color: black; background: white; }
	ol, ul { list-style: none; }
	'table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }



/* 
STYLE
============================================================================================
============================================================================================
============================================================================================ 
*/


/* BODY 
-------------------- */
	body { text-align: center; background: #fff; font-family: arial; background: white; }
	body #centering_shell { width: 976px; border: 0px solid #a7a7a7; margin: 0px auto 0px;  position: relative; background: #fff; padding: 0px; }


/* HEADER 
-------------------- */
	#header { position: relative; text-align: left; background: url(/images/header-background.jpg) no-repeat; height: 100px; }
	#header #logo { width: 208px; height: 71px; position: absolute; top: 10px; left: 20px; }
	#header #logo a { background: none; }
	#header #special-note { text-align: right; position: absolute; right: 20px; top: 13px; font-size: 90%; font-weight: normal;  font-weight: bold; }
	#header #special-note a {  color: white; }
	#header #special-note a span {  color: #ff9900;  }
    #nav ul { margin-left: 280px; position: absolute; left: 10px; top: 70px; }
	#nav ul li {float: left; margin-right: 10px; }
	.SM li { margin: 0 !important;}


/* HOMEPAGE
-------------------- */
	#homepage-main-content #breadcrumb { font-size: 80%;}
	#homepage-main-content #breadcrumb a { border: 0; }
	#homepage-main-content { width: 952px; border-left: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; text-align: left;  padding: 20px	10px 10px 10px; margin: 0px; font-size: 90%; min-height: 500px}
	#homepage-main-content h1 { font-weight: normal; margin: 0px; color: #1257c6; padding: 0px; width: 650px; height: 270px; border: 0px solid green;  }
	#homepage-main-content #space-at-bottom { clear: both; margin-top: 100px; }


/* MAIN CONTENT 
-------------------- */
	#main-content #breadcrumb { font-size: 80%;}
	#main-content #breadcrumb a { border: 0; }
	#main-content { width: 952px; border-left: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; text-align: left;  padding: 20px	10px 10px 10px; margin: 0px; font-size: 90%; min-height: 500px}
	#main-content h1 { width: 650px; font-size: 160%; line-height:1.2em; font-weight: normal; margin-top: 20px; color: #1317cc; color: #111; position: relative;  }
	#main-content h2 { width: 620px; font-size: 100%; line-height:1.2em; font-weight: normal;  color: #1317cc; color: #666; padding: 8px; margin-top: 12px; margin-bottom:20px;  border-left: 12px solid #009BDE; background: #efefef; }
	#main-content h3 { max-width: 650px; font-size: 120%; line-height:1.2em; font-weight: bold; margin-top: 20px; color: #444; }
	#main-content h4 { max-width: 650px; font-size: 100%; line-height:1.2em; font-weight: bold; margin-top: 5px; color: #666; }
	#main-content p#top { font-size: 90%; color: #444;  line-height: 1.4em; margin: 8px 0 10px; border-top: 0px solid #d8d8d8; padding-top: 12px;} /* This is being used just for the Why Fermat? pages */
	#main-content p { max-width: 650px; font-size: 90%; color: #444; line-height: 1.4em; margin: 4px 0 10px; }
	#main-content ul { max-width: 650px;  font-size: 90%; color: #444;   margin:  5px 5px 0px 10px; padding: 5px 5px 0px 15px; list-style-type: square;}
	#main-content li { max-width: 650px;  color: #444;  line-height: 1.4em; margin:0 0px 4px 0; padding: 0 0px 4px 0; }
	#main-content img { border: 0px solid #efefef; margin: 10px 0 10px 20px; }
	#main-content #space-at-bottom { clear: both; margin-top: 100px; }
	
	/* Why Fermat Local Nav */
	#why-fermat-local-nav {}
	#enterprise-wide #why-fermat-local-nav li#enterprise-wide-link a { font-weight: bold; }
	#a-modular-approach #why-fermat-local-nav li#a-modular-approach-link a { font-weight: bold; }
	#turnkey-toolkit #why-fermat-local-nav li#turnkey-toolkit-link a { font-weight: bold; }
	#volume-handling #why-fermat-local-nav li#volume-handling-link a { font-weight: bold; }
	#integrated-architecture #why-fermat-local-nav li#integrated-architecture-link a { font-weight: bold; }
	#from-centralised-to-decentralised-architecture #why-fermat-local-nav li#from-centralised-to-decentralised-architecture-link a { font-weight: bold; }
	#leading-edge-technology #why-fermat-local-nav li#leading-edge-technology-link a { font-weight: bold; }
	
	
/* RIGHT FLOAT
-------------------- */
	#right-float { width: 260px; float: right; background: white; border-left: 0px solid #f9f9f9; text-align: left; padding: 0px 5px 5px; margin-top: 0px; margin-left: 10px;}
	#right-float h3 { border-bottom: 5px solid #d8d8d8; font-size: 110%; color: #141795; width: 240px; font-weight: bold; margin: 0 0 10px; padding: 2px 5px 9px 0;  }
	#right-float h3 a { color: #141795; }
	#right-float h4 { font-size: 90%; color: #3f6a88; width: 240px; font-weight: bold; margin: 0; padding: 15px 0 2px; line-height: 1.4em; }
	#right-float p { color: #666; font-size: 80%; line-height: 1.5em; margin: 0 0 15px; width: 240px; padding: 0;}
	#right-float img { margin: 5px 5px 5px 10px; padding: 0 0 0 0; border: 0;}
	

/* FOOTER
-------------------- */
	#footer { width: 952; border-left: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; position: relative; text-align: right; background:url(/images/footer-background.jpg) no-repeat top;  padding: 26px 10px 10px 0; height: 30px;  font-size: 80%; }
	

/* LINKS 
-------------------- */
	a { color: #1317cc; text-decoration: none;  }
	a:link { color: #1317cc; text-decoration: none;  }
	a:visited { color: #1317cc; text-decoration: none;  }
	a:hover { color: #1317cc; text-decoration: none;  }