/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.jpg) top repeat-x #fff;
	margin: 0px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2em;
	margin: 0px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4e5922;
	border-bottom: 1px solid #909968;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.6em;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	color: #003300;
	border-bottom: 1px solid #003300;
}

h3 {
	font-size: 1.4em;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(../../images/misc/h2bg.jpg) left no-repeat;
	color: #333;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 980px;
		position: absolute;
		z-index: 1;
		left: 0px;
		top: 261px; /* Same as height of header */
	}
	
		#bgTopLeft {
			width: 160px;
			height: 251px;
			z-index: 1;
			position: absolute;
			left: -160px;
			top: 0px;
		}
	
		#content {
			width: 699px;
			float: right;
		}
			
			#main {
				float: left;
				width: 468px;
			}
			
				#main-copy {
					width: 380px;
					padding-bottom: 40px;
				}
				
			.historyPic {
				background: #eee;
				text-align: center;
				padding: 10px;
				border: 1px dotted #ccc;
				margin: 0px 0px 10px 0px;
			}
			
				.historyPic p {
					margin: 0px;
					padding: 10px 0px 0px 0px;
				}
				
			.products {
				font-size: 1.4em;
				padding: 0px;
				margin: 0px;
				width: 380px;
				color: #006633;
			}
			
				.products .centrealign {
					text-align: center;
					font-size: 1px;
					width: 80px;
					background: #f4f8e4;
				}
			
				.products tr {
					background: url(../../images/misc/productsBg.png) bottom right no-repeat;
					float: left;
					margin-bottom: 5px;
					width: 380px;
				}
				
					.products tr td {
						padding: 5px;
					}
					
				.products a {
					font-size: 0.9em;
				}
				
			#pageGallery {
				text-align: center;
			}
			
			#testimonialsContent img {
				margin-bottom: 16px;
			}
							
			#sidebar {
				width: 231px;
				float: right;
				padding-top: 40px;
				font-family: "Trebuchet MS";
				background: url(../../images/misc/sideBarTop.jpg) top right no-repeat;
			}
			
				#sidebar #cta-perfect-partioning, #sidebar #cta-office-furniture, #sidebar #cta-testimonials, #sidebar #cta-mezzanine-floors {
					font-weight: bold;
					line-height: 28px;
					display: block;
					text-transform: uppercase;
					margin-bottom: 10px;
					text-decoration: none;
				}
			
				#sidebar #cta-perfect-partioning {
					width: 226px;
					height: 61px;
					padding: 173px 0px 0px 5px;
					font-size: 2.7em;
					color: #003300;
					background: url(../../images/misc/cta-perfect-partioning.jpg);
				}
				
				#sidebar #cta-office-furniture {
					width: 226px;
					height: 137px;
					text-align: right;
					padding: 5px 5px 0px 0px;
					font-size: 2.5em;
					color: #35700e;
					background: url(../../images/misc/cta-office-furniture.jpg);
				}
				
				#sidebar #cta-mezzanine-floors {
					width: 231px;
					height: 169px;
					padding: 5px 0px 0px 0px;
					font-size: 2em;
					text-align: center;
					color: #000;
					background: url(../../images/misc/cta-mezzanine-floors.jpg);
				}
				
				#sidebar #cta-storage-direct {
					width: 231px;
					padding: 0px 0px 5px 0px;
					font-size: 1.2em;
					text-align: center;
					color: #000;
					background: #FF9900;
					margin-bottom: 10px;
				}
				
					#sidebar #cta-storage-direct img, #sidebar #cta-storage-direct p {
						margin: 0px;
						padding: 0px;
					}
					
						#sidebar #cta-storage-direct strong {
							font-size: 1.3em;
						}
					
					#partitioning #sidebar #cta-perfect-partioning,
					#office-furniture #sidebar #cta-office-furniture,
					#testimonials #sidebar #cta-testimonials,
					#mezzanine-floors #sidebar #cta-mezzanine-floors,
					#index #sidebar #cta-mezzanine-floors {
						display: none;
					}
					
 
.centerDiv {
	text-align:center;
	width:400px;
	padding: 0px 0px 20px 0px;
	}
/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 271px;
	float: left;
	padding: 0px 0px 65px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../../images/misc/boxesLeft.jpg) left bottom no-repeat;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		#navigation li {
			float: left;
			width: 271px;
			margin-bottom: 5px;
		}
		
			#navigation li.menu {
				font-size: 2em;
				width: 271px;
				float: right;
				line-height: 28px;
				font-weight: bold;
				text-transform: uppercase;
				color: #4e5922;
				border-bottom: 1px solid #909968;
			}
			  
			#navigation a {
				width: 206px;
				float: left;
				color: #adb172;
				text-decoration:none;
				padding: 3px 10px 3px 5px;
				text-transform: uppercase;
				font-size: 1.1em;
			}

				#navigation a:hover {
					background: #414d12;
					color: #fff;
				}
				
#index #navigation .index-a,
#partitioning #navigation .partitioning-a,
#ind-partitioning #navigation .ind-partitioning-a,
#office-furniture #navigation .office-furniture-a, 
#storage-materials-handling-solutions #navigation .storage-materials-handling-solutions-a,
#mezzanine-floors #navigation .mezzanine-floors-a,
#commercial-fit-outs #navigation .commercial-fit-outs-a,
#materials-handling #navigation .materials-handling-a,
#contact #navigation .contact-a,
#testimonials #navigation .testimonials-a,
#history #navigation .history-a {
	background: #faf7aa;
	color: #414d12;
}

/* Header styles
--------------------------------------------------------------- */

#header {
	width: 980px;
	height: 251px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 506px;
		height: 251px;
		float: left;
	}
	
	#img-index, #img-partitioning, #img-ind-partitioning, #img-office-furniture, #img-storage-materials-handling-solutions, #img-mezzanine-floors, #img-commercial-fit-outs, #img-testimonials, #img-contact {
		width: 231px;
		height: 251px;
		float: left;
		display: none;
	}
	
		#index #img-index {
			display: block;
		}
		
		#partitioning #img-partitioning {
			display: block;
		}
		
		#ind-partitioning #img-ind-partitioning {
			display: block;
		}
		
		#office-furniture #img-office-furniture {
			display: block;
		}
		
		#storage-materials-handling-solutions #img-storage-materials-handling-solutions {
			display: block;
		}
		
		#mezzanine-floors #img-mezzanine-floors {
			display: block;
		}
		
		#commercial-fit-outs #img-commercial-fit-outs {
			display: block;
		}
		
		#testimonials #img-testimonials {
			display: block;
		}
		
		#history #img-index {
			display: block;
		}
		
		#contact #img-contact {
			display: block;
		}
			
	#cta-top-right {
		width: 221px;
		float: right;
		height: 221px;		
		padding: 30px 10px 0px 0px;
		color: #efe750;
		font-size: 1.6em;
		background: url(../../images/misc/cta-top-right.jpg);
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
		#cta-top-right p {
			margin: 0px;
			padding: 0px;
		}
		
			#cta-top-right .contactUsToday {
				font-size: 1.9em;
				text-align: right;
				font-weight: bold;
				line-height: 30px;
				text-transform: uppercase;
			}
			
				#cta-top-right .contactUsToday span {
					color: #fff;
				}
				
				#cta-top-right .office {
					padding-top: 10px;
					font-size: 0.9em;
					text-align: right;
					width: 120px;
					float: right;
				}
				
				#cta-top-right .arrange {
					clear: both;
					text-align: right;
					font-size: 0.7em;
					padding-top: 0px;
					line-height: 23px;
				}
				
					#cta-top-right .arrange span {
						font-size: 2.4em;
						color: #fff;
					}

#flashSlideshowHolder {
	width: 666px;
	height: 251px;
	z-index: 10;
	position: absolute;
	left: -160px;
	position: relative;
	top: 0px;
}

	#flashSlideshow {
		background: url(../../images/misc/flashSlideshowBackup.jpg);
	}
	
	 	#logo-overSlideshow {
			z-index: 200;
			position: absolute;
			top: 194px;
			left: 170px;
		}


/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 940px;
	font-family: "Trebuchet MS";
	padding: 10px 20px 10px 20px;
	color: #c4c88e;
	font-size: 1em;
	float: left;
	border-top: 1px dotted #c4c88e;
}

	#footer h2 {
		font-size: 1.2em;
		font-style: italic;
		margin: 0px;
		border: none;
		color: #c4c88e;
	}

	#footer a {
		white-space: nowrap;
		color: #c4c88e;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #111;
		text-decoration:underline;
	}
	
		#footerLeft {
			width: 270px;
			float: left;
		}
	
			#footerLeft ul {
				margin: 0px;
				width: 270px;
				padding: 0px;
			}
			
				#footerLeft ul li {
					list-style: none;
				}
				
		#footerMiddle {
			width: 340px;
			float: left;
		}
		
			#footerMiddle ul {
				margin: 0px;
				padding: 0px;
				float: left;
				width: 170px;
			}
			
				#footerMiddle ul li {
					list-style: none;
				}
				
		#footerRight {
			float: right;
			text-align: right;
			width: 330px;
		}
			


/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 10px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Class Styles
--------------------------------------------------------------- */

#contactTable input, #contactTable textarea, #contactTable select {
	border: 1px solid #ccc;
	background: #fff;
}

	#contactTable #botBuster {
		display: none;
	}

.clearfix {
	clear: both;
}

.center {
	text-align: center;
}

.hideimage {
	display: none;
}

.phoneBottom {
	font-size: 1.7em;
	margin: 0px;
	line-height: 20px;
	padding: 10px 5px;
	text-align: center;
	background: #2F672E;
	color: #fff;
	background: url(../../images/misc/cta-phonebottom-bg.jpg) no-repeat #2f672e;
	border-bottom: 5px solid #FAF7AA;
}

	.phoneBottom span {
		line-height: 45px;
		font-size: 1.8em;
		letter-spacing: -1px;
		color: #FFFF00;
	}
	
	.phoneBottom .callUsNow {
		color: #FFFF99;
		font-size: 0.9em;
		line-height: 20px;
		font-style: italic;
	}
	
	.phoneBottom a {
		color: #00FF00;
		font-size: 0.8em;
	}