/*
	project: project name
*/
*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .8em "Trebuchet MS", Arial, Sans-Serif; background: url(../images/bg.gif); color: #777; }
a { text-decoration: none; color: #B20000; }
p  { clear: both; margin: 0 0 15px; line-height: 1.7em; }
h2 { font-size: 1.3em; font-weight: normal; margin: 0 0 20px; }
h3 { background: #B20000; color: #fff; float: left; margin: 0 0 10px; padding: 3px 5px; }
h4 { clear: both; color: #222; margin: 0 0 10px; }
.x { clear: both; }

#content { margin: 40px auto 30px; width: 930px; background: url(../images/arrows.gif) no-repeat 75px bottom; }

#logo { }
#pitch { background: #eee; border: 5px solid #fff; margin: 0 0 30px; height: 200px; }
#notice { font-size: .8em; text-align: right; margin: 0 10px 25px 0; color: #999; }
#about { font-style: italic; font-size: 1em; margin: 0 0 50px; color: #555; }
#side { float: left; width: 180px; }
#main { float: right; width: 720px; background: url(../images/mainarrow.gif) no-repeat 0 11px; padding: 10px 0 0; }
#help { float: right; width: 190px; padding: 10px; border: 3px solid #fff; background: #eee; margin: 0 0 40px; }
#cnt { clear: left; float: left; width: 430px; }

.box {position:absolute; top:100px; left: 10px; background: #0000ff; width:20px; height: 20px; display: none; z-index:100;}

.third { float: left; width: 220px; margin: 0 30px 30px 0; font-size: .84em; }
	.news  { font-size: .9em; margin: 0 0 30px; }
	.date { font-size: .9em; color: #999; font-weight: bold; margin: 0 0 4px; }
	.work { background: url(../images/workbg.gif) no-repeat; height: 280px; }
		.site { float: left; width: 343px; height: 214px; margin: 0 28px 0 0; }
			.site .thumb { float: left; margin: 0 10px 0 0; width: 220px; height: 214px; float: left; z-index:10; }
			.site .thumb_over {position: relative; top:-215px; left:0px; width:213px; height:212px; z-index:100; display:none;}
			.site .desc { float: left; padding: 20px 0 0; width: 100px; }
				.site .desc h4 { font-style: italic; margin: 0 0 20px; }
				.site .desc p { font-size: .84em; }
				.site .desc .legend { font-size: .8em; color: #999; }
				
			.last { margin-right: 0; }
				
			#wedid { clear: both; color: #B20000; font-weight: bold; padding: 0 0 0 20px; font-style: italic; }
	
	label { float: left; width: 90px; padding: 3px 0 0; font-size: .9em; }
	input.text, textarea { float: left; width: 290px; margin: 0 5px 8px 0; background: #eee; border: 1px solid; border-color: #999 #fff #fff #999; padding: 3px; }
	textarea { height: 170px; }
	input.text, textarea, input.submit { font: .84em "Trebuchet MS", Arial; }
	input.submit { background: #B20000; color: #fff; border: 0; padding: 5px 10px; margin: 0 0 0 90px; cursor: pointer; }
		input.submit:hover { background: #7B0808; }
	
#footer { clear: both; border-top: 1px solid #ccc; padding: 16px 0; }
	#footer li { display: inline; }
		#footer li a { float: left; margin: 5px 20px -5px 5px; color: #444; font-weight: bold; }
			#footer li a:hover { color: #000; }
