@charset "utf-8";
/*

STYLESHEET INFORMATION
----------------------
Client:  MATTHEW RAYMER
Company: ANOMALIST DESIGN
Author:  BROWN BATTERY STUDIOS

COLOR TABLE
-----------

*/

* { margin: 0; padding: 0; } /* global white-space reset */

/*---------------*/
/* HTML ELEMENTS */
/*---------------*/

body {
	background: #3E3E7D url(../images/background.jpg) repeat-x;
	color: #EEE;
	font: 62.5% "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; /* 10px = 1em reset */
	padding: 18px 18px 36px;
}

em, strong, h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; /* lucida hybrid */
}

strong { color: #FFF; }

a {
	color: #CCE34C;
}

a:hover {
}

a img {
	border: none;
}

table {
	border-collapse: collapse; /* remove cellspacing */
	font-size: 1em;
}

input, select {
	font: 1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}

option {
	margin-right: 0.5em;
}

address {
	font-style: normal;
}

/* START IE BUTTON-WIDTH FIX */

input.button {
   padding: 0 4px;
   width: 0;
   overflow: visible;
}

input.button[class] { /* IE ignores [class] */
	width: auto;
}

/* END IE BUTTON-WIDTH FIX */

/*-----------------*/
/* GENERIC CLASSES */
/*-----------------*/

.clearfix {
	clear: both;
	display: block;
	font-size: 0; /* for IE6 and lower */
	height: 0;
}

/*----------------*/
/* PAGE STRUCTURE */
/*----------------*/

/* HEADER */

#divHeader {
	background: url(../images/header-guidemarks.png) no-repeat;
	height: 141px;
	margin: 0 auto 60px;
	position: relative;
	width: 650px;
}

	#divHeader h1 {
		background: url(../images/header-title.jpg) right bottom no-repeat;
		height: 83px;
		left: 19px;
		position: absolute;
		top: 58px;
		width: 494px;
	}
		
		#divHeader h1 a {
			background: url(../images/header-logo.jpg);
			display: block;
			height: 0px;
			overflow: hidden;
			padding-top: 81px;
			width: 101px;
		}
		
	/* MAIN MENU */
	
	#listMainMenu {
		height: 22px;
		left: 160px;
		list-style: none;
		position: absolute;
		top: 85px;
		width: 490px;
	}
	
		#listMainMenu li {
			float: left;
			margin-right: 17px;
		}
		
			#listMainMenu a {
				background: url(../images/header-menu2.png) 0 -11px no-repeat;
				display: block;
				height: 0px;
				overflow: hidden;
				padding-top: 11px;
			}
		
			#itemMainMenuWhatWeDo a   { background-position: 0 -11px;      width: 88px; }
			#itemMainMenuHowWeWork a  { background-position: -106px -11px; width: 102px; }
			#itemMainMenuGetInTouch a { background-position: -224px -11px; width: 94px; }
			#itemMainMenuReadOurBlog a { background-position: -320px -11px; width: 120px; }
			
			#itemMainMenuWhatWeDo a.active,
			#itemMainMenuWhatWeDo a:hover   { background-position: 0 0; }
			#itemMainMenuHowWeWork a.active,
			#itemMainMenuHowWeWork a:hover  { background-position: -106px 0; }
			#itemMainMenuGetInTouch a.active,
			#itemMainMenuGetInTouch a:hover { background-position: -224px 0; }
			#itemMainMenuReadOurBlog a.active,
			#itemMainMenuReadOurBlog a:hover { background-position: -320px 0; }

/* CONTENT */

#divContent {
	margin: 0 auto 60px;
	width: 650px;
}

	/* MAIN CONTENT */
	
	#divMainContent {
		font-size: 1.3em;
		float: right;
		line-height: 1.308em;
		width: 490px;
	}
	
		#divMainContent h2,
		#divMainContent h3,
		#divMainContent h4,
		#divMainContent h5,
		#divMainContent h6 {
			color: #B48AFF;
		}
		
		#divMainContent h3,
		#divMainContent h4 {
			margin: 1.5em 0 1em;
		}
		
		#divMainContent h5,
		#divMainContent h6 {
			margin: 0.5em 0;
		}
		
		#divMainContent p,
		#divMainContent ul,
		#divMainContent ol,
		#divMainContent dl,
		#divMainContent address {
			margin: 1.5em 0;
		}
		
		#divMainContent li {
			margin: 0.308em 0 0.308em 2.5em;
		}
		
			#divMainContent li ul,
			#divMainContent li ol {
				margin: 0 0 1em 0;
			}
		
		#divMainContent small { font-size: 0.846em; }
		
		#divMainContent #hdgSectionTitle {
			font-size: 1.538em;
			line-height: 1em;
			margin-bottom: 1.2em;
			text-transform: uppercase;
		}
		
		#divMainContent h3 { font-size: 1.231em; }
		#divMainContent h4 { font-size: 1.077em; text-transform: uppercase; }
		#divMainContent h5 { font-size: 1em; }
		#divMainContent h6 { font-size: 0.923em; font-style:italic; }
		
		#divMainContent dl.dictionary-term {
			border: #A8A8CF dashed;
			border-width: 1px 0;
			color: #A8A8CF;
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 2em 0;
			padding: 1em;
		}
		
			#divMainContent dl.dictionary-term em,
			#divMainContent dl.dictionary-term strong {
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			#divMainContent dl.dictionary-term dt {
				font-size: 1.154em;
			}
		
		#divMainContent div.quote {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			margin: 2.5em 0;
		}
		
			#divMainContent div.quote p {
				margin: 1em 0;
			}
			
			#divMainContent div.quote small {
				color: #A8A8CF;
				display: block;
				font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
				font-style: normal;
				margin-top: 0.75em;
			}
			
				#divMainContent div.quote small strong {
					color: #A8A8CF;
					text-transform: uppercase;
				}
	
	/* SUB CONTENT */
	
	#divSubContent {
		font-size: 1.2em;
		padding-top: 3.333em;
		text-align: right;
		width: 120px;
	}
	
		#divSubContent h3 {
			margin-bottom: 0.5em;
			text-transform: uppercase;
		}
		
		#divSubContent #listSubMenu {
			font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
			font-size: 1.083em;
			font-weight: bold;
			line-height: 1.75em;
			list-style: none;
		}
		
			#divSubContent #listSubMenu a {
				text-decoration: none;
			}
			
			#divSubContent #listSubMenu a.active,
			#divSubContent #listSubMenu a:hover {
				color: white;
			}

/* FOOTER */

#divFooter {
	clear: both;
	color: #CCC;
	margin: 0 auto;
	padding-left: 160px;
	width: 490px;
}

	#divFooter small {
		font-size: 1.1em;
	}