body {
	background-color:#363636;
	/*font: 80% times, georgia, arial, sans-serif;line-height: 1.2; letter-spacing:1.2; color:#333333}*/
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #333333;
	background-image: url(http://www.marcussakey.com/img/spacer.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}

html {	height:100.02%; }

/* TYPOGRAPHY */

a {
	text-decoration: none;

	color: #e4080d;
	}
	
a:link {
	}
/*a:visited {
	text-decoration: none;
	color: #333333;
	}*/
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 0em 0em 0em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
HR {
    height:1px;
    color:#555555;
	background:#555555;
    margin: 0px 0px 0px 0px; 
   }

img {
	border: 0;
	}
		
/*ol, ul, li {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}*/
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}


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

p.image {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;

}


#center {
	float: left;
	padding: 0px;
	margin:0 auto;
	width: 317px;
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;
}

#center2 {
	clear: both;
	float: left;
	margin:0 auto;
	width: 516px;
	background-color: #FfFfFf;
	padding: 20px 120px 10000px 120px;
	margin-bottom: -9970px;
}



#footer {
	clear: both;
	margin:0 auto;
	padding: 15px;
	width: 756px;
	height: 25px;
	text-align: center;
	background-color: #595959;

}

#header {
	margin:0 auto;
	padding: 0;
	width: 756px;
	height: 150px;
	text-align: left;
	background-color: #000000;	
}

#left {
	clear: left;
	float: left;
	padding: 0px;
	margin:0 auto;
	width: 198px;
	/*background-color: #F4F4FC;*/
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;

}

#left2 {
	clear: both;
	float: left;
	padding: 30px 40px 10000px 15px;
	width: 460px;
	background-color: #FfFfFf;
	margin-bottom: -9970px;

}

#left_home {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 223px;
	/*background-color: #F4F4FC;*/
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;

}

#right {
	float: left;
	padding: 30px 20px 10000px 20px;
	margin:0 auto;
	width: 201px;
	background-color: #d6d6d6;
	margin-bottom: -9970px;
}


#right2 {
	float: left;
	padding: 20px 20px 10000px 20px;
	margin:0px 0px 15px 0px;
	width: 518px;
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;

}

#right3 {
	float: left;
	padding: 10px 20px 10000px 20px;
	margin:0px 0px 15px 0px;
	width: 493px;
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;

}

#right_quote {
	float: left;
	padding: 22px 10px 0px 24px;
	margin:0 auto;
	width: 207px;
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;
}


#wide {
	clear:both;
	float: left;
	padding: 20px 110px 0px 110px;
	margin:0 auto;
	width: 536px;
	background-color: #F4F4FC;
	padding-bottom: 10000px;
	margin-bottom: -9970px;

}


#wrapper {
	margin:0 auto;
	padding: 0;
	width: 756px;
	text-align: left;
	overflow: hidden;
}


/*---------------------------------------------- 
	CUSTOM CLASSES
----------------------------------------------*/

.floatLB { float: left; margin: 0px 20px 20px 0px;}

.floatLB2 { float: left; margin: 0px 20px 20px 0px;}

.floatRTB { float: right; margin: 15px 0px 15px 15px;}

.floatRB { float: right; margin: 0px 0px 15px 15px;}

.defined {
	font-size: 1.1em;
}


.blacklink {
	color: #333333;
	text-decoration: underline;
	}

.excerpt { line-height:1.5;
			font-size: 115%;
			
			}
	
.ital {
	font-style: italic;
	font-size: 1em;
	line-height: 1.3em;
	}
	
.subdued	{
	font-style:italic;
	font-size: 0.8em;
	color: #333333;
	}
	
.quote {
	font-size: .875em;
	line-height: 1.3em;
	letter-spacing: 0px;
	}

	
/*.topspace {
	margin: 100px 0px 0px 0px;

}	*/

.topspace {
	float: left;
	position: relative;
	margin: 20px 0px 0px 0px;
	text-align: center;
}


/* LI classes */


.news {
	clear: both;
	float: left;
	text-align: left;
	/*border: 1px solid #000000;*/
	margin: 15px 0px 0px 10px;
	list-style: square; 
	display:list-item;
	color: black;
	}

.list {
	clear: both;
	float: left;
	text-align: left;
	/*border: 1px solid #000000;*/
	line-height:1.3;
	width: 175px;
	margin: 15px 0px 0px 10px;
	list-style: square; 
	display:list-item;
	color: black;
	background-color: transparent;
}

.tight {
	clear: both;
	float: left;
	text-align: left;
	/*border: 1px solid #000000;*/
	line-height:1.3;
	width: 155px;
	margin: 0px 0px 0px 20px;
	list-style: square; 
	display:list-item;
	color: black;
	background-color: transparent;
}

.widelist {
	clear: both;
	float: left;
	text-align: left;
	/*border: 1px solid #000000;*/
	line-height:1.3;
	width: 375px;
	margin: 15px 0px 0px 10px;
	list-style: square; 
	display:list-item;
	color: black;
	background-color: transparent;
}



/* right side images */

.bg1 { background: #d6d6d6 url("img/background_traintunnel.jpg") no-repeat top left; }

.bg2 { background: #d6d6d6 url("img/background_hancock.jpg") no-repeat top left; }

.bg3 { background: #d6d6d6 url("img/background_snowylake.jpg") no-repeat top left; }

.bg4 { background: #d6d6d6 url("img/background_parkbuilding.jpg") no-repeat top left; }

.bg5 { background: #d6d6d6 url("img/background_hivebuilding.jpg") no-repeat top left; }
	
.bg6 { background: #d6d6d6 url("img/background_navypier.jpg") no-repeat top left; }

.bg7 { background: #d6d6d6 url("img/background_rearcab.jpg") no-repeat top left; }

.bg8 { background: #d6d6d6 url("img/background_manhole.jpg") no-repeat top left; }

.bg9 { background: #d6d6d6 url("img/background_bookcase.jpg") no-repeat top left; }

.bg10 { background: #d6d6d6 url("img/background_firetruck.jpg") no-repeat top left; }

.bg11 { background: #d6d6d6 url("img/background_firetruck2.jpg") no-repeat top left; }

.bg12 { background: #d6d6d6 url("img/background_hivebuilding2.jpg") no-repeat top left; }

.bg13 { background: #d6d6d6 url("img/background_turret.jpg") no-repeat top left; }