/<li>CSS Document */
html, body { 
	margin:0; padding:0;
	font-family: Avenir, Gill Sans, Helvetica, Arial, Verdona, Geneva, sans-serif;
	background:#F7F7F7;
	}
h4 { margin:20px 0 10px 0; clear:both; }
h2 { margin: 20px 0 0 0; padding:0; }
h3 { font-size:16px; margin: 20px 0 0 0; padding:0; color:#4FAD26;
	font-weight:lighter; }

p { margin:5px 0 5px 0; font-size:12px; line-height:20px; text-align:left; }
ul { margin:0; padding:0; } 
li { list-style: none; font-size:12px; line-height:20px; }
em { font-size: 95%; }
a { text-decoration:none; color:#1F59DD; text-decoration:none }
a:hover { text-decoration:underline; }
form { margin:0; }
label { font-size:12px; color:#333;  }
input, textarea { 
	margin: 2px 0 5px 0; 
	border-top:1px solid #999;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #999; 
	}
/*		*/
div#rubberBand {
	width:600px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	}
div#header {
	margin: 0 0 10px 0;
	width:600px;
	height:110px;
	background:url(../images/spoonermedia_header.gif) no-repeat top left;
	}
div#header h4 { display:none; }
div#globalNav { padding: 7px 0 0 0; }
div#globalNav li { 
	display: inline; 
	margin-left: 65px;
	}
div#globalNav a {
	margin:10px 0 0 0;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	}
div#globalNav a:hover {
	color:#333;
	}
/*			*/
div#sideBar_top {
	float:right;
	margin: 0;
	padding: 7px 0 0 0;
	width:165px;
	background:url(../images/side_top.gif) no-repeat top left;
	}
div#sideBar {
	width:145px;
	padding: 0px 10px 10px 10px;
	min-height: 250px;
	background:#eaeaea;
	font-size:12px;
	}
div#sideBar li { margin: 0 0 4px 0; }
#jssCom {
	width:145px;
	height:50px;
	background:url(../images/jonathanspooner_dot_com_o.gif) no-repeat top left;
	}
#jssCom:hover {
	background:url(../images/jonathanspooner_dot_com.gif) no-repeat top left;
	}
#jssCom span { display: none; }
div#sideBar_bottom {
	width:165px;
	padding: 0 0 7px 0;
	background:url(../images/side_bottom.gif) no-repeat bottom left;
	}
/*			*/
div#content {
	float:left;
	width:420px;
	margin: 0;
	padding: 0 0 0 5px;	
	}
div#content li { list-style: disc; margin: 3px 0 5px 20px}
div#content img { margin:0 20px 0 0; }
div#content img.right {float:right; margin: 0 0 5px 10px}
/*		*/
div#footer p { text-align:center; font-size:10px; padding-top:20px; }

div.clear { clear:both; }
.title { 
	padding:0 0 5px 25px;
	background:url(../images/arrow_20.gif) no-repeat top left;
	color:#4FAD26;
	font-weight:lighter;
	}



.right{float:right}

/* bread crumbs */
#crumbs{font-size:11px; color:#999;}
#crumbs a{}
/* project box */
.projectBox { width:400px; float:left; padding:2px 5px 2px 2px; margin:2px 0 10px 0; }
.projectBox img { display:block; width:90px; float:left; margin:0; padding:1px; border: 1px solid #9F9488; }
.projectBox img:hover { border: 1px solid #1F5FDD; }
.projectBox div.desc { width:275px; height:77px; float:left; padding:0 0 0 5px; border: 1px solid #9F9488;  }
.projectBox div.desc:hover { border: 1px solid #1F5FDD; }
.projectBox h2 { font-size:13px; margin:5px 0 0 0; padding:0; }
.projectBox h2 a { }
.projectBox h2 a:hover { text-decoration:none }
.projectBox p { margin:0; padding:0; }