/* @override 
	http://www.jharrisondesign.com/jharrisondesign/stylesheets/default.css
	http://www.jharrisondesign.com/jharrisondesign/stylesheets/default.css
	http://www.jharrisondesign.com/stylesheets/default.css
*/

/* Eric Meyer's Reset */
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;
	background: #252525;
	color: #919191;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #252525;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End of Reset */

/* Colors

light pink: #eee4f3
dark pink:	#f5a3db

 */
body {
	background: #252525;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1, h3 {
	color: #919191;
}
a, a:link, a:visited {
	color: #0093C9; text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

h1, h2, h3 {
	margin: 1em 0;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
}
#projects, #header, #clientele, #footer {
	width: 960px;
	margin: auto;
	/*padding: 0 20px;*/
}
#header {
	margin-top: 4em;
	height: 275px;
}
	#header h1 {
		background: url(http://www.jharrisondesign.com/images/jhd_eagle_logo.gif) no-repeat center;
		text-indent: -9000px;
		overflow: hidden;
		width: 227;
		height: 55px;
}
#projects li {
	float: left;
	height: 183px;
	padding: 16px;
	margin-right: 0px;
	margin-bottom: 6px;
}
#projects p {
	padding: 23px 12px;
	color:  #919191;
	font-size: 1em;
}
#projects a, #projects a:link, #projects a:visited {
	color: #0093C9;
	text-decoration: none;
}

#projects a:hover, #projects a:active {
	text-decoration: underline;
}
#projects img {
	border: none;
}
#update {
	clear: both;
	background-color: #252525;
	color:  black;
	width: 100%;
	text-align: center;
	padding: .1em 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
	#update a {
		color: #0093C9;
	}
	#update h2 {
		font-size: .80em;
		font-weight: bold;
		margin-left: 75px;
	}
	
	/*#update h2:before {
		content: "update: ";
		color: white; 
	}*/
	
	#update_title{
	text-align: right;
	float: left;
	color: #0093C9;
	width: 65px;
	margin-left: -75px;
	}
	
	#update_message{
	margin: auto; text-align: left;
	width: 960px;
	}
	
#clientele {
	height: 310px;
	margin-top: 2em;
}
#clientele h3 {
	font-size: .9em;
	font-weight: bold;
	margin-left: 15px;
}

/* separate the list from surrounding elements */
ol
{
  margin: 0 0 1.5em 15px;
  padding: 0;
}

ol li
{
  font-size: .75em;
  
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 15px;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html #clientele ol li
{
	position: relative;
}

#clientele li.column1 { margin-left: 0; }
#clientele li.column2 { margin-left: 15em; }
#clientele li.column3 { margin-left: 30em; }
#clientele li.column4 { margin-left: 45em; }
#clientele li.column5 { margin-left: 60em; }

li.reset
{
  margin-top: -22.5em;
}

#footer {
	margin-top: 2em;
	margin-bottom: 5em;
	font-size: .9em;
}
	#footer p {
		margin: 15px;
	}
	#footer span {
		color: #0093C9;
	}
	#footer h3 {
		background: ;
		text-indent: -9000px;
		overflow: hidden;
		height: 10px; width: 25px;
		float: right;
	}