html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(/i/bkg.gif) repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

body {
	padding: 20px 0 20px 0;
	height: auto;
	background: url(/i/bkg_globe.gif) no-repeat 0 0;
}



/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

/* END SIFR */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}


h2 {
	font-size: 30px;
	line-height: 36px;
}

h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4em;
	color: #373737;
	margin: 12px 0 15px 0;
	border-bottom: 1px dotted #1f5ea2;
}

	h3.subtitle {
		font-size: 16px;
		line-height: 1.3em;
		font-weight: normal;
		color: #4f7d09;
		font-style: italic;
		font-family: Arial;
		margin: 0 0 14px 0;
		border: none;
	}

h4 {
	color: #1f5ea2;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4em;
}

h5 {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
}

a {
	color: #1f5ea2;
}

	a:hover {
		color: #bb0000;
	}

p {
	margin: 5px 0 15px 0;
}

#front {
	height: 100%;
	padding: 0;
}
	
	#front table {
		height: 100%;
		width: 100%;
	}
	
	#fcontainer {
		width: 770px;
		height: 384px;
		margin: 0 auto;
	}
	
		#ftop {
			width: 770px;
			height: 21px;
			background: url(/i/bkg_top.png) no-repeat 0 0;
		}
		
		#fbottom {
			width: 770px;
			height: 21px;
			background: url(/i/bkg_bottom.png) no-repeat 0 0;
		}

		#ftitle {
			height: 80px;
			width: 770px;
			background: url(/i/fnav/bkg_green.gif) repeat-x 0 0;
		}
		
			#ftitle h1 {
				margin: 0;
				height: 80px;
				width: 300px;
				background: url(/i/fnav/logo.gif) no-repeat 28px 24px;
				text-indent: -9999px;
			}
			
				#ftitle h1 a {
					display: block;
					height: 80px;
					width: 300px;
					background: url(/i/fnav/logo.gif) no-repeat 28px 24px;
					text-indent: -9999px;
					text-decoration: none;
					overflow: hidden;
				}
			
			#ftitle div {
				float: right;
				padding: 29px 15px 0 0;
			}
			
				#ftitle div a {
					float: left;
					display: block;
					text-decoration: none;
					text-indent: -9999px;
					height: 22px;
					padding: 0 5px 0 0;
					overflow: hidden;
				}
				
					#fabout {
						width: 56px;
						background: url(/i/nav/about.gif) no-repeat 0 0;
					}
					
					#fdocs {
						width: 65px;
						background: url(/i/nav/documents.gif) no-repeat 0 0;
					}
					
					#fcontact {
						width: 66px;
						background: url(/i/nav/contact.gif) no-repeat 0 0;
					}
					
					#ftitle div a:hover {
						background-position: 0 -22px;
					}
		
		#fimage {
			width: 770px;
			height: 160px;
		}
		
		#flinks {
			width: 770px;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 80px;
		}
		
			#flinks li {
				float: left;
			}
			
				#flinks li a {
					display: block;
					height: 80px;
					text-decoration: none;
					text-indent: -9999px;
					overflow: hidden;
				}
			
				#fgaming a {
					background: url(/i/fnav/gaming.gif) no-repeat 0 0;
					width:103px;
				}
				
				#fparking a {
					background: url(/i/fnav/parking.gif) no-repeat 0 0;
					width:107px;
				}
				
				#fvending a {
					background: url(/i/fnav/vending.gif) no-repeat 0 0;
					width:107px;
				}
				
				#fdoorhardware a {
					background: url(/i/fnav/doorhardware.gif) no-repeat 0 0;
					width:148px;
				}
				
				#felectronic a {
					background: url(/i/fnav/keycabinets.gif) no-repeat 0 0;
					width:189px;
				}
				
				#fall a {
					background: url(/i/fnav/all.gif) no-repeat 0 0;
					width:116px;
				}
				
					#flinks a:hover{
						background-position: 0 -80px;
					}
					
/* END HOME PAGE

START PAGE ORIENTATION */

#container {
	margin: 0 auto;
	width: 770px;
	background: black;
}

#cbox {
	padding: 0 10px 10px 10px;
}

#content {
	background: white;
	padding: 30px;
	width: 690px;
	line-height: 1.7em;
}

		#links {
			width: 770px;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 60px;
		}
		
			#links li {
				float: left;
			}
			
				#links li a {
					display: block;
					height: 60px;
					text-decoration: none;
					text-indent: -9999px;
					overflow: hidden;
				}
			
				#links li#fgaming a {
					background: url(/i/nav/gaming.gif) no-repeat 0 0;
					width:103px;
				}
				
				#links li#fparking a {
					background: url(/i/nav/parking.gif) no-repeat 0 0;
					width:107px;
				}
				
				#links li#fvending a {
					background: url(/i/nav/vending.gif) no-repeat 0 0;
					width:107px;
				}
				
				#links li#fdoorhardware a {
					background: url(/i/nav/doorhardware.gif) no-repeat 0 0;
					width:148px;
				}
				
				#links li#felectronic a {
					background: url(/i/nav/keycabinets.gif) no-repeat 0 0;
					width:189px;
				}
				
				#links li#fall a {
					background: url(/i/nav/all.gif) no-repeat 0 0;
					width:116px;
				}
				
					#links li a:hover {
						background-position: 0 -60px !important;
					}
					
					#links li.selected a {
						background-position: 0 -120px !important;
					}
					
		#top {
			width: 770px;
			height: 21px;
			background: url(/i/bkg_top.png) no-repeat 0 0;
			margin: 0 auto;
		}
		
		#terciary {
			float: right;
			width: 175px;
			margin: 0 0 20px 20px;
			background: #3e3e3e;
			font-family: Tahoma;
			font-size: 11px;
		}
		
			#terciary a, #terciary strong {
				display: block;
				padding: 3px 10px 3px 10px;
				color: white;
				border-bottom: 1px solid #787878;
				text-decoration: none;
			}
			
			#terciary strong {
				padding: 3px 8px 3px 8px;
			}
			
				#terciary a:hover {
					background: black;
				}
		
		#legal {
			color: white;
			padding: 10px 10px 20px 20px;
			font-family: Tahoma;
			font-size: 10px;
			clear: both;
			float: none;
			background: url(/i/contactbar.gif) no-repeat 10px 8px;
		}
		
		#legal p {
				margin: 10px 0 0 0;
			}
			
			#legal a {
				color: white;
			}
			
				#legal a:hover {
					color: yellow;
				}
			
				#legal div {
				
				}
				
					#legal div span {
						display: none;
					}
				
					#legal div a {
						display: block;
						width: 730px;
						height: 21px;
						text-indent: -9999px;
						text-decoration: none;
						overflow: hidden;
					}
				
				
		

		
		#footer {
			width: 770px;
			height: 21px;
			background: url(/i/bkg_bottom.png) no-repeat 0 0;
			margin: 0 auto;
			clear: both;
		}
		

		
/* Link List */

.linklist {
	margin: 8px 0 0 0;
}

.linklist a {
	display: block;
	padding: 10px 5px 10px 5px;
	width: 320px;
	text-decoration: none;
	border-top: 2px solid #8ab810;
	border-bottom: 1px dotted #8ab810;
	color: black;
	float: left;
	margin: 0 0 20px 0;
	height: 70px;
}

	.linklist a.left {
		margin: 0 30px 20px 0; 
	}

	.linklist a img {
		float: right;
		display: block;
		width: 100px;
		height: 70px;
		border: 1px solid black;
		margin: 0 0 0 10px;
	}
	
	.linklist a strong {
		font-weight:normal;
		font-size: 18px;
		color: #1f5ea2;
		letter-spacing: -0.02em;
	}
	
	.linklist a span.clear {
		clear: both;
		display: block;
	}
	
		.linklist a:hover {
			background: #dfedfb;
		}
	
		.linklist a:hover strong {
			color: black;
		}
	
	.linklist div {
		clear: both;
	}
	
.doclist {
	border-top: 1px dotted #1f5ea2;
}	

	.doclist a {
		display: block;
		padding: 7px;
		border-bottom: 1px dotted #1f5ea2;
	}
	
		.doclist a:hover {
			background: #dfedfb;
		}
	
#content ul {
	margin-top: 5px;
}

#content table {
	margin: 5px 0 15px 0;
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	line-height: 1.3em;
}

	#content table tr th, #content table tr td {
		text-align: center;
		border: 1px solid #929292;
		padding: 5px;
	}
	
	#content table tr td.none {
		border: none;
	}
	
		#content table tr td.bkg, #content table tr th.bkg {
			background: #dfedfb;
		}
		
		#content table tr th.title {
			padding: 10px;
			font-size: 14px;
			color: white;
			background: #1f5ea2;
		}
	
/* Message Boxes and Contact Form */

.msg, .msgerror, .msgsuccess, .msgno{
	padding: 12px 10px 12px 40px;
	background-color: #eeeeee;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	margin: 14px 0 10px 0;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 1.4em;
}
	.msgno {
		padding: 10px;
	}

	.msgerror {
		background-image: url(/i/icons/error.png);
		border-color: #c40505;
		color: #c40505;
	}
	
	.msgright {
		float: right;
		text-align: right;
	}
	
	.msgsuccess {
		background-image: url(/i/icons/success.png);
		border-color: #067800;
		color: #067800;
	}
	
	.msg {
		background-image: url(/i/icons/info.png);
	}
	
.right {
	float: right;
	margin: 0 0 8px 12px;
}

.border {
	border: 1px solid black;
}

.minfo {
	border: 1px solid #1f5ea2;
	padding: 27px 0 7px 0;
	line-height: 1.3em;
	background: #dfedfb url(/i/related.gif) no-repeat 10px 10px;
	font-family: Tahoma;
	font-size: 11px;
	margin: 7px 0 18px 0;
}

	.minfo ul {
		margin: 0 0 0 23px;
		padding: 0;
		color: #1f5ea2;
	}
	
		.minfo ul li {
			margin: 0;
			padding: 0 0 3px 0;
		}

	.minfo a {
		color: #1f5ea2;
		font-weight: bold;
	}
	
		.minfo a:hover {
			color: black;
		}
		
#content table.padlocks {
	border-top: 1px solid #1f5ea2;
}

	#content table.padlocks tr td {
		text-align: left;
		border: none;
		border-bottom: 1px solid #1f5ea2;
		border-left: 1px solid #1f5ea2;
		background: #dfedfb;
		padding: 5px 15px 5px 15px;
	}
	
		#content table.padlocks tr td.pright {
			width: 300px;
			text-align: center;
			background: white;
			border-left: none;
			border-right: 1px solid #1f5ea2;
		}
		
.clear {
	clear: both;
}