/* --------------------------------------------------
-----------------------------------------------------
	
	rs.chicodev.com
	Stylesheet: public/main.css
	Author: Brent White
	Version: February 12 2009
	
-----------------------------------------------------
-------------------------------------------------- */

/* --------------------------------------------------	
GLOBAL
-------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
body {
	background: url(/ui/public/image/layout/body.gif) repeat-x 0 -916px;
	font: normal 12px/16px Georgia;
	min-width: 980px
	}
h1, h2, h3, h4 {
	color: #352e1b;
	}
h1 {
	font-size: 36px;
	color: #352e1b;
	font-weight: normal;
	}
p {
	font-size: 12px;
	color: #3b3525;
	}
fieldset {
	border: none;
	}
.none {
	display: none;
	}
.hidden {
	visibility: hidden;
	}

iframe { /* FOR GOOGLE MAP ON CONTACT PAGE CHANGE OT CLASS FOR WIDER USE */
	background: #B9C2BA;
	margin: 0 0 30px;
	padding: 1px;
	width: 650px;
	height: 500px;
	border: solid 9px #CCD6CD;
	}
	
/* --------------------------------------------------	
GENERAL
-------------------------------------------------- */
.clear {
	clear: both;
	}
	br.clear {
		line-height: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		}
.fleft {
	float:left;
	}
.fright {
	float: right;
	}
.req..red {
	color: #ff0000;
	}
.hidden {
	display: none;
	}
		
/* --------------------------------------------------	
HEADER
-------------------------------------------------- */
#header {
	display: block;
	position: relative;
	background: url(/ui/public/image/layout/header.gif) no-repeat 0 6px;
	width: 980px;
	height: 156px;
	margin: 0 auto;
	}
	/* --------------------------------------------------	
	HEADER -- LOGO
	-------------------------------------------------- */
	#header h1#logo {
		position: relative;
		top: 38px;
		background: url(/ui/public/image/layout/logo-esplanade-office.gif) no-repeat 0 0;
		width: 310px;
		height: 67px;
		margin: 0 auto;
		overflow: hidden;
		}
		#header h1#logo a {
			display: block;
			line-height: 79px;
			text-indent: -999px;
			}
	/* --------------------------------------------------	
	HEADER -- TAGLINE
	-------------------------------------------------- */
	#header h2#tagline {
		position: relative;
		top: 45px;
		text-align: center;
		font-size: 10px;
		font-weight: normal;
		color: #fff;
		}
		#header h2#tagline strong {
			font-size: 14px;
			font-weight: normal;
			}
/* --------------------------------------------------	
NAVIGATION
-------------------------------------------------- */
#navigation {
	background: url(/ui/public/image/layout/body.gif) repeat-x 0 0;
	width: 100%;
	height: 40px;
	}
	#navigation ul {
		width: 960px;
		height: 40px;
		margin: 0 auto;
		padding: 0 10px 0;
		text-align: center;
		}
		#navigation ul li {
			display: inline;
			list-style: none;
			height: 40px;
			line-height: 40px;
			}
			#navigation ul li a {
				display: inline-block;
				font: normal 14px/40px Georgia;
				background: url(/ui/public/image/layout/body.gif) no-repeat 100% -465px;
				color: #fff;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-decoration: none;
				padding: 0 15px 0 15px;
				height: 40px;
				}
				#navigation ul li:last-child a {
					background: none;
					}
				#navigation ul li a:hover {
					text-decoration: underline;
					}
					
/* --------------------------------------------------	
BANNER
-------------------------------------------------- */
#banner-wrapper {
	background: url(/ui/public/image/layout/body.gif) repeat-x 50% -40px;
	width: 100%;
	height: 308px;
	padding: 3px 0 12px 0;
	}
	#banner {
		width: 970px;
		margin: 0 auto;
		padding: 13px 0 0 10px;
		}
		/* --------------------------------------------------
		ROTATING BANNER
		-------------------------------------------------- */
		#rotate {
			position: relative;
			float: left;
			background: url(/ui/public/image/layout/flash-trans.png) no-repeat 0 0;
			width: 495px;
			height: 275px;
			padding: 10px 30px 10px 10px;
			}
			@media projection, screen {.ui-tabs-hide {display: none;}}
			@media print {.ui-tabs-nav {display: none;}}
			.ui-tabs-nav {
				display: none;
				}
			.ui-tabs-panel {
				position: absolute;
				top: 10px;
				left: 10px;
				}
		/* --------------------------------------------------
		OFFICE / HOME -- MODULE COLUMNS
		-------------------------------------------------- */
		.module {
			background: url(/ui/public/image/layout/banner-module.gif) no-repeat 0 0;
			float: left;
			width: 195px;
			height: 285px;
			padding: 10px 5px 0 15px;
			}
			.module h1,
			.module h1 a {
				font-weight: normal;
				font-size: 26px;
				line-height: 40px;
				color: #fff !important;
				text-transform: uppercase;
				letter-spacing: 4px;
				text-decoration: none;
				}
			.module ul {
				}
				.module ul li {
					font-size: 12px;
					line-height: 16px;
					color: #fff;
					list-style: none;
					}
					.module li a {
						display: inline-block;
						font-size: 12px;
						line-height: 16px;
						color: #fff;
						text-decoration: none;
						}
						.module li a:hover {
							text-decoration: underline;
							}
/* --------------------------------------------------
HOME
-------------------------------------------------- */
#home {
	width: 980px;
	margin: 0 auto;
	}
	#home .left-column {
		float: left;
		width: 615px;
		padding: 39px 10px 0 0;
		}
		#home .left-column h1 {
			display: inline;
			float: left;
			color: #fff;
			line-height: 24px;
			padding: 0 10px 0 0;
			}
			#home .left-column h1 span {
				color: #c4d2d7;
				}
		#home .left-column p {
			line-height: 24px;
			font-size: 14px;
			color: #fff;
			padding: 5px 0 0 0;
			}
		#home .left-column a {
			display: block;
			font-size: 18px;
			color: #352f2e;
			line-height: 26px;
			margin: 0 20px 30px 0;
			padding: 0 30px 0 0;
			text-decoration: none;
			text-transform: capitalize;
			background: url(/ui/public/image/layout/link-green-arrow.gif) no-repeat 100% 2px;
			text-align: right;
			}
			#home .left-column a:hover {
				text-decoration: underline;
				}
	#home .right-column {
		background: url(/ui/public/image/layout/left-column-module.gif) no-repeat 0 0;
		text-align: right;
		float: left;
		width: 315px;
		height: 244px;
		padding: 0 0 0 40px;
		overflow: hidden;
		}
		#home .right-column h2 {
			font-size: 18px;
			color: #4d574f;
			font-weight: normal;
			padding: 30px 20px 0 0;
			}
			#home .right-column h2 span {
				font-size: 30px;
				color: #4a1327;
				}
		#home .right-column p {
			padding: 0 20px 0 0;
			color: #352f2e;
			line-height: 18px;
			margin: 10px 0 20px 0;
			}
		#home .right-column a {
			display: block;
			font-size: 18px;
			color: #352f2e;
			line-height: 26px;
			margin: 0 20px 30px 0;
			padding: 0 30px 0 0;
			text-decoration: none;
			text-transform: capitalize;
			background: url(/ui/public/image/layout/link-red-arrow.gif) no-repeat 100% 2px;
			}
			#home .right-column a:hover {
				text-decoration: underline;
				}
/* --------------------------------------------------
CONTENT
-------------------------------------------------- */
#content-wrapper {
	width: 100%;
	background: #4D574F url(/ui/public/image/layout/body.gif) repeat-x 0 -1072px;
	margin: 1px 0;
	}
	#content {
		width: 980px;
		margin: 0 auto;
		padding: 0 0 60px 0;
		}
		/* --------------------------------------------------
		LEFT COLUMN
		-------------------------------------------------- */
		#content .left-column {
			float: left;
			width: 670px;
			padding: 40px 20px 0 0;
			}
			#content .left-column  h1 {
				color: #fff;
				line-height: 24px;
				padding: 0 10px 30px 0;
				}
				#content .left-column h1 a {
					color: #e5e5e5;
					text-decoration: none;
					}
					#content .left-column h1 a:hover {
						color: #fff;
						text-decoration: underline;
						}
			#content .left-column  h2,
			#content .left-column  h3,
			#content .left-column  h4,
			#content .left-column  h5,
			#content .left-column  h6 {
				clear: both;
				color: #fff;
				line-height: 24px;
				padding: 10px 10px 10px 0;
				font-weight: normal;
				font-size: 24px;
				}
			#content .left-column p {
				color: #fff;
				font-size: 14px;
				line-height: 24px;
				margin: 0;
				padding: 5px 0 10px;
				}
			.left-column img {
				line-height: 24px;
				background: #fff;
				padding: 5px;
				}
				.left-column img.fleft {
					margin: 10px 20px 10px 0;
					}
				.left-column img.fright {
					margin: 10px 0 10px 20px;
					}
			.left-column ul {
				list-style: circle;
				color: #fff;
				font-size: 14px;
				line-height: 24px;
				padding: 0 0 0 20px;
				}
		/* --------------------------------------------------
		RIGHT COLUMN
		-------------------------------------------------- */
		#content .right-column-wrapper {
			float: left;
			background: url(/ui/public/image/layout/right-column-background.gif) no-repeat 0 100%;
			width: 270px;
			padding: 0 0 40px 0;
			}
			#content .right-column {
				min-height: 244px;
				background: url(/ui/public/image/layout/right-column-background.gif) repeat-y -540px 0;
				}
				#content .right-column-inner {	
					background: url(/ui/public/image/layout/right-column-background.gif) no-repeat -270px 0;
					margin: 0 0 10px 0;
					}
					#content .right-column h1 {
						font-size: 18px;
						color: #660e1b;
						font-weight: normal;
						margin: 0 20px;
						padding: 30px 0 20px;
						border-bottom: double 3px #475249;
						}
					#content .right-column ul {
						margin: 0 20px;
						padding: 10px 0 10px;
						border-bottom: double 3px #475249;
						}
						#content .right-column ul li {
							list-style: none;
							font-size: 10px;
							color: #450c21;
							}
							#content .right-column h2 {
								font-size: 14px;
								color: #660e1b;
								font-weight: normal;
								margin: 0;
								padding: 0 0 10px 0;
								}
								#content .right-column ul li ul {
									width: 50%;
									margin: 0;
									padding: 0;
									border: none;
									}
									#content .right-column ul li ul.hours {
										float: left;
										text-align: left;
										}
									#content .right-column ul li ul.contact {
										float: right;
										text-align: right;
										}
									#content .right-column ul li ul li strong {
										display: block;
										color: #3e3e3e;
										}
					#content .right-column #menu_gallery {
						
						}
						#content .right-column #menu_gallery li a {
							color: #352e1b;
							text-decoration: none;
							padding: 2px 2px 2px 15px;
							display: block;
							}
							#content .right-column #menu_gallery li a:hover {
								background: url(/ui/public/image/layout/menu-arrow-trans.png) no-repeat 0 5px;
								}
							#content .right-column #menu_gallery li.active a {
								background: url(/ui/public/image/layout/menu-arrow-trans.png) no-repeat 0 5px;
								font-weight: bold;
								}
							
/* --------------------------------------------------
MANUFACTURERS
-------------------------------------------------- */
ul#manufacturers {
	clear: both;
	margin: 0;
	padding: 30px 0 0 0;
	}
	ul#manufacturers li {
		float: left;
		list-style: none;
		display: block;
		background: url(/ui/public/image/layout/manufacturers-trans.png) no-repeat 0 0;
		padding: 7px 30px 33px 10px;
		width: 127px;
		height: 147px;
		overflow: visible;
		}
		ul#manufacturers a {
			position: relative;
			list-style: none;
			display: block;
			margin: 0;
			padding: 0;
			width: 127px;
			height: 127px;
			overflow: visible;
			color: #fff;
			text-decoration: none;
			text-align: center;
			font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
			cursor: pointer;
			}
			ul#manufacturers a:hover {
				text-decoration: underline;
				}
			ul#manufacturers a img {
				display: block;
				width: 127px;
				height: 127px;
				border: 0;
				margin: 0;
				padding: 0;
				}
			ul#manufacturers a span {
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				background: #000;
				width: 117px;
				padding: 5px;
				}
			ul#manufacturers a:hover {
				text-decoration: none !important;
				}
/* --------------------------------------------------
FORMS AND RELATED ITEMS
-------------------------------------------------- */
label {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font: Georgia, "Times New Roman", Times, serif;
	width: 15%;
	display: inline-block;
	float: left;
	}
	label .required {
		color: #660e1b;
		}
.input {
	color: #3e3e3e;
	font-size: 14px;
	font: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #4d574f;
	padding: 7px;
	float: left;
	background: url(/ui/public/image/layout/input.jpg) repeat-x top left #fdfdfd;
	margin: 0 0 15px 0;
	width: 82%;
	}
.submit {
	float: right;
	background: #411726;
	border: 1px solid #1c1718;
	color: #fff;
	padding: 5px;
	margin: 0 5px 0 0;
	font-size: 14px;
	font: Georgia, "Times New Roman", Times, serif;
	}
/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
#footer-wrapper {
	background: url(/ui/public/image/layout/body.gif) repeat-x 0 -364px;
	width: 100%;
	}
	#footer {
		position: relative;
		width: 980px;
		height: 101px;
		margin: 0 auto;
		font-family: Arial !important;
		}
		#footer h2#footer-logo {
			background: url(/ui/public/image/layout/footer-logo-esplanade.gif) no-repeat 0 0;
			position: absolute;
			top: 5px;
			left: 0;
			width: 100px;
			height: 87px;
			overflow: hidden;
			}
			#footer h2#footer-logo a {
				display: block;
				line-height: 87px;
				text-indent: -999px;
				}
		#footer p {
			position: absolute;
			top: 17px;
			left: 110px;
			color: #4d574f;
			font-size: 10px;
			line-height: 10px;
			}
			#footer p strong {
				font-size: 12px;
				line-height: 18px;
				}
		ul#footer-navigation {
			position: absolute;
			top: 52px;
			left: 106px;
			}
			ul#footer-navigation li {
				list-style: none;
				display: inline;
				}
				ul#footer-navigation li a {
					background: url(/ui/public/image/layout/footer-navigation.gif) no-repeat 100% 50%;
					display: inline-block;
					color: #4d574f;
					font-size: 10px;
					text-decoration: none;
					padding: 0 6px 0 5px;
					}
					ul#footer-navigation li a:hover {
						text-decoration: underline;
						}
						ul#footer-navigation li:last-child a {
							background: none;
							}
		#footer #copyright {
			position: absolute;
			top: 72px;
			left: 111px;
			color: #969696;
			font-size: 10px;
			line-height: 10px;
			font-weight: normal;
			}
		#footer #site-by a {
			display: block;
			position: absolute;
			right: 0;
			bottom: 15px;
			background: url(/ui/public/image/layout/site-by.gif) no-repeat 100% 0;
			color: #969696;
			font-size: 10px;
			line-height: 10px;
			padding: 0 20px 0 0;
			line-height: 20px;
			text-decoration: none;
			}
			#footer #site-by a:hover {
				text-decoration: underline;
				}

/* --------------------------------------------------
PHOTO GALLERY
-------------------------------------------------- */
.photo-gallery-img {
	padding: 7px 10px 10px 10px;
	background: url(/ui/public/image/layout/manufacturers-big-trans.png) no-repeat top left;
	}
	.photo-gallery-img a img {
		border: 0;
		margin: 0;
		padding: 0;
		}
	.photo-gallery-img .description {
		display: none;
		}
	.photo-gallery-img a {
		color: #d1d1d1;
		text-decoration: none;
		}
		.photo-gallery-img a:hover {
			text-decoration: underline;
			color: #fff;
			}
			
#breadcrumbs a, .pagination a {
	color: #fff;
	text-decoration: none;
	}
	#breadcrumbs a:hover, .pagination a:hover {
		text-decoration: underline;
		}