/*
 * Reset browser defaults
 */
	div,dl,dt,dd,ul,ol,li,form,fieldset,input,th,td  { margin: 0; padding: 0; }
	ul { margin: 0 0 1em 1.5em; }
	ul.double li { margin-bottom: 0.5em; }
	pre, p, blockquote, h1, h2, h3, h4, h5, h6 { margin: 1em 0 1.8em 0; }
	blockquote { border-left: solid 2px #ccc; padding-left: 1em; margin-left: 1em; 	}
	.clearer, .clear { float: none; clear: both; }
	.center { text-align: center; }
	.right { text-align: right; }
	
	div.hr { border-bottom: solid 1px #B34949; clear: both; margin: 2em 0; padding: 0.5em 0; }
	div.hr hr { display: none; }
	
/*
 * Links
 */
	a			{ color: #300; text-decoration: none; font-weight: bold; padding: 1px; }
	a:visited	{ color: #300; }
	a:focus,
	a:hover		{ color: #d4716f; background-color: #820800; outline: 0; }
	a:active	{ background-color: #311; outline: 0; }
	a img		{ border: 0; }
 
/*
 *
 * Body & wrapper
 * [#all]
 *
 */
 
	html, body
		{ height: 100%; margin: 0; padding: 0; }
	body
	{
		font: 0.7em/1.5em arial, 'lucida grande', sans-serif;
		background: #810300 url(background.jpg) center -50px no-repeat; color: #edd;
		background-attachment: fixed;
	}
	#all
	{
		position: relative;
		min-height: 100%; height: auto !important; height: 100%;
		text-align: center;
	}

/*
 *
 * Layout wireframe
 *
 */

	#info			{ display: none; }
	  #info p 		{ display: none; }
	
	#logo			{ width: 600px; text-align: left; margin: 0 auto; padding-top: 20px; }

	#area			{ width: 650px; text-align: left; margin: 30px auto 30px auto; }
	  #content		{ width: 400px; float: left; }
	  #menu			{ width: 160px; float: left; margin-right: 15px; }
	
	#middle					{ text-align: center; }
	#middle .container		{ text-align: left; margin: 0 auto; width: 640px; }
	  #mid-image			{ width: 145px; float: left; padding-bottom: 20px; }
	  #mid-content			{ width: 440px; float: left; padding: 20px 20px 20px 0; margin-left: 25px; }
	
	#low			{ text-align: center; }
	#low .container		{ text-align: left; margin: 0 auto; width: 640px; }
	  #low-image			{ width: 145px; float: left; padding-bottom: 20px; }
	  #low-content			{ width: 440px; float: left; padding: 20px 20px 20px 0; margin-left: 25px; }
/*	  #low-content	{ width: 440px; margin: 0 auto; text-align: left; padding: 20px 20px 20px 145px; }*/
	
	#footer			{ clear: both; margin-top: 70px; text-align: center; padding-bottom: 20px;}

/*
 * Content
 */

	#content 		{ font-size: 1.1em; }
	h1, h2, h3		{ margin: 0 0 1em 0; color: #fbb; }
	.brief			{ font-size: 1.2em; line-height: 1.4em; }
	.half			{ width: 47%; margin-right: 3%; float: left; }
	.half p			{ margin-top: 0; }
	.full			{ width: 85%; margin-right: 3%; float: left; }
	.full p			{ margin-top: 0; }
	#logo a 		{ background: transparent; }
	#content ul { margin-bottom: 2em; }
/*
 * Menu
 */

	#menu ul, #menu li {
		margin: 0; padding: 0;
	}
	
/*	#menu ul	{ padding-top: 42px; } */
	#menu li	{ list-style-type: none; display: inline; }
	#menu a
	{
		color: #fee; text-align: right; display: block;
		margin-right: 10px; padding: 0px 15px 0 5px; font-size: 0.9em;
		text-transform: uppercase; -moz-user-select: none;
	}
	
	
/*	#menu a:hover  { background-color: transparent; } */

	body.page-1  #menu-1  a,  body.page-2  #menu-2  a,  body.page-3  #menu-3  a,
	body.page-4  #menu-4  a,  body.page-5  #menu-5  a,  body.page-6  #menu-6  a,
	body.page-7  #menu-7  a,  body.page-8  #menu-8  a,  body.page-9  #menu-9  a,
	body.page-10 #menu-10 a,  body.page-11 #menu-11 a,  body.page-12 #menu-12 a,
	body.page-13 #menu-13 a,
	#menu a:hover, #menu a:active, #menu a:focus
	{
		color: #fff;
		background: #820800 url(menu-glyph.gif) right -1px no-repeat;
	}
	#menu a:hover, #menu a:active, #menu a:focus { background-color: transparent; }
	#menu a:active { background-color: #311; }
	
/*
 * Headings level 1: Image replacement (IR)
 */

	h1.ir {
		width: 400px; height: 26px;
		background: url('headings-1.gif') left top no-repeat;
		text-indent: -9999px;
	}
	
	h1#h-company				{ background-position: 0    0px; }
	h1#h-mission				{ background-position: 0  -36px; }
	h1#h-products				{ background-position: 0  -72px; }
	h1#h-media					{ background-position: 0 -108px; }
	h1#h-services				{ background-position: 0 -144px; }
	h1#h-team					{ background-position: 0 -180px; }
	h1#h-work					{ background-position: 0 -216px; }
	h1#h-business-partners		{ background-position: 0 -252px; }
	h1#h-commitment				{ background-position: 0 -288px; }
	h1#h-values					{ background-position: 0 -324px; }
	h1#h-contact				{ background-position: 0 -360px; }
	
	
/*
 * Heading level 2: Image replacement (IR)
 */

	h2.ir {
		width: 100%; height: 26px;
		background: url('headings-2.gif') left top no-repeat;
		margin-bottom: 5px;
		text-indent: -9999px;
		border-bottom: solid 1px #AB1411;
	}
	
	h2#h-your-competitive-advantage { background-position: 0    0px; }
	
	
/*
 * Middle
 */

	#middle
	{
		background: #5f0200 url(background-mid.jpg) center -600px;
		color: #fbb; background-attachment: fixed;
	}
	#middle, #low { padding-top: 20px; }
	#middle p, #low p { margin-top: 0; }
	
	#middle h3,
	#low h3
	{
		color: #CC5E5E; font-size: 1em; background: #951C1B;
		padding: 2px 5px; text-transform: uppercase; -moz-border-radius: 3px;
	}
	
	#middle h2 { margin-left: 170px; width: 440px; }
	#mid-content h2 { margin-left: 0; }
/*
 * Footer
 */

	#footer 	{ font-size: 0.9em; font-weight: bold; color: #820800; }

/*
 *Misc
 */
	
	h1 { text-transform: uppercase; margin-bottom: 1.5em; }
	
	a.image { background: 0; }
	a.image img { border: solid 2px #500; }
	a.image:hover img { border: solid 2px #111; }
	
	.byline { display: block; font-size: 0.6em; font-weight: normal; padding-top: 2px; }
	#middle h2 { color: #fdd; }
	#middle .byline { color: #c99; }
	#middle ul.double { margin-bottom: 2em; }
	#middle ul.double li { background-color: #511; }
	
	.team-member { clear: both; }
	.team-member h2 { margin: 0; font-size: 1.4em; }
	.team-member .title { margin: 3px 0 0 0; font-size: 0.9em; color: #A66863; }
	
	.team-member .name { background: #810402; padding: 5px; margin-bottom: 1em; color: #fdd; -moz-border-radius: 6px; }
	.team-member .half { margin-bottom: 1em; }
	
	p.brief { margin-top: 0; }
	
	ul.double { list-style: none; margin: 0; width: 90%; }
	.half ul.double { width: 100%; }
	.full ul.double { width: 85%; }
	ul.double li
	{
		background: #810402; color: #CC645B; padding: 5px;  margin-bottom: 2px;
		-moz-border-radius: 5px;
	}
	ul.double strong { color: #fdd; }