/* Long & Pickard Main Screen CSS Document - Unscrubbed */

body, html {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #111111;
	margin: 0;
	width: 100%;
	height: 100%;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.1em;
	margin: 25px 25px 15px 25px;
	font-weight: 500;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	margin: 15px 25px 15px 25px;
}


#top-heading {
	margin: 0;
	height: 90px;
	width: 100%;
	border-bottom: 6px solid #0B3131;
}

.upper-logo {
	margin: 0;
	width: 744px;
	height: 18px;
	background: #111111;
	position: relative;
	top: 35px;
	left: 250px;
}

#main-content {
	margin: 0;
	height: 470px;
	width: 100%;
	border-bottom: 6px solid #0B3131;
}

#main-content #navigation {
	margin: 0;
	height: 470px;
	width: 250px;
	background: #111111;
	position: absolute;
	top: 96px;
	z-index: 2;
	}
	#main-content #navigation ul.nav {
		margin: 72px 0 0 0;
		float: left;
		}
		#main-content #navigation ul.nav li {
			list-style: none;
			margin: 12px 0 0 0;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
			text-align: right;
			}
			#main-content #navigation ul.nav li a {
				color: #fff;
				font-size: 12px;
				text-decoration: none;
				}
				#main-content #navigation ul.nav .active, #main-content #navigation ul.nav li a:hover {
					color: #666;
					border-bottom: 1px solid #292929;
					}
#large-image {
	float: left;
	margin: 0;
	padding: 0 0 0 250px;
	height: 470px;
	width: 820px;
	background: #111111 url(/images/bgimagebg.jpg) top left no-repeat;
	z-index: 1;
	overflow: hidden;
	}
	#largeshow {
		margin: 0;
		height: 470px;
		width: 820px;
		background: #fff;
		z-index: 4;
		}

#small-image {
	margin: 0;
	padding: 7px;
	height: 160px;
	width: 160px;
	background: #111111;
	position: absolute;
	top: 165px;
	left: 180px;
	z-index: 3;
	}
	#smallshow {
		margin: 0;
		height: 160px;
		width: 160px;
		background: #fff;
		z-index: 4;
		}	
		
#lowerheight {
	margin: 0;
	height: 210px;
	width: 1px;
}
		
#lower-content {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 460px;
	z-index: 5;
	}
	#lower-content-box {
		margin: 0;
		padding: 0 0 100px 0;
		width: 100%;
		min-height: 330px;
		overflow: hidden;
		position: relative;
		bottom: 0;
		left: 350px;
		z-index: 5;
		background: #191919;
		}
		#lower-content-box p {
			width: 600px;
			margin: 16px 16px 16px 25px;
			padding: 0; 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #ccc;
			line-height: 1.4em;
			}
			#lower-content-box a {
				font-size: 12px;
				color: #fff;
				text-decoration: none;
				}
				#lower-content-box a:active, #lower-content-box a:hover {
					font-size: 12px;
					color: #999;
					text-decoration: none;
					}
					#lower-content-box ul {
						margin: 0;
						padding: 0;
						}
						#lower-content-box ul li {
							width: 600px;
							margin: 10px 16px 10px 25px;
							padding: 0; 
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #ccc;
							line-height: 1.4em;
							list-style: inside;
							}
							#lower-content-box ul.ul-out {
								margin: 0 0 0 15px;
								padding: 0;
								}
								#lower-content-box h2 {
									font-family: Arial, Helvetica, sans-serif;
									font-size: 14px;
									font-weight: 500;
									color: #fff;
									text-transform: uppercase;
									margin: 0 0 0 25px;
									}
				
				
.contact-tb {
	margin: 10px 25px 10px 25px;
	font-family: Arial, Helvetica, sans-serif;
}
		
.left-col, .right-col {
	line-height: 1.3em;
	font-size: 12px;
	color: #fff;
	padding: 1px 0;
}

.left-col-ie, .right-col-ie {
	line-height: 1.3em;
	font-size: 12px;
	color: #fff;
	padding: 1px 0 20px 0;
}


.contact-tb a {
	font-size: 12px;
	color: #999;
	text-decoration: none;
}

.contact-tb a:active, .contact-tb a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
		
#textsize {
	margin: 0;
	padding: 0 0 0 245px;
	width: 245px;
	height: auto;
	position: relative;
	z-index: 5;
	}
	#textsize p {
		font-size: 10px;
		color: #666;
		margin: 0;
		padding: 4px;
		}
		#textsize a {
			color: #999;
			text-decoration: none;
			}
			#textsize a:hover {
				color: #eee;
				text-decoration: none;
				}
		
.smalla {
	font-size:10px;
}

.mediuma {
	font-size:12px;
}

.largea {
	font-size:14px;
}
		
.hr {
	width: 600px;
	height: 11px;
	margin: 0 0 20px 25px;
	background: #191919 url(/images/hr2.jpg) no-repeat;
}

#lower-content-box p.strongfont {
	width: 600px;
	margin: 16px 16px 16px 25px;
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ccc;
	line-height: 1.4em;
}

#lower-content-box #eddie {
	width: 620px;
	height: 20px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	background: #191919;
}
		
#lower-content-box #eddie .eddie {
	float: right;
}