/*  

Client Name:	Morrison Supply Company
Client URI:		http://www.morsco.com/
Description:	Css Styles for the Morrison Supply Company
							These styles apply to the basic overall site
Version:			1.0 
Date:					05.20.08
Author: 			Matt McClard @ Switch Creative Group	(http://www.groupswitch.com)
							Will Ekhart @ Wilson James Creative		(http://www.wilsonjamescreative.com)

*/

/* ! ---- CSS Structure ---- */
/* ----------------------------------------------------------------------------- */

/*

Table of Contents

1. Universal Declarations
2. Structure
	2.1. Header
		2.1.1 Company Nav
		2.1.2 Products Nav
	2.2. Main Content
		2.2.1 Locations
		2.2.2 Vendors
		2.2.3 Backgrounds
	2.3 Footer
		2.3.1 "Find A Location" Square
		2.3.2 "Find A Location" Rect
		2.3.3 Client Login
		2.3.4 Featured Vendors
		2.3.5 Video
	2.4 Misc

*/


/*

Colors Used

#053061	: logo blue
#FFCC00	:	logo yellow (default link color)
#09090A	:	background black
#333		: background dk grey
#1A1A1A	:	font black
#FFF		:	font white

*/


/* "*selector" is for the IE 7 styles */
/* "_selector" is for the IE 6 styles */



/* ! ---- 1. UNIVERSAL SELECTORS ---- */
/* ----------------------------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
		
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		color: #1A1A1A;
		text-decoration: none;
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	* p {
		text-align: justify;
	}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}






/* ! ---- 2. STRUCTURE ---- */
/* ----------------------------------------------------------------------------- */
	
	html { 
		margin-bottom: 0.1em;
		}

	body {
		color: #fff;
		background: #333 url(../images/00-base/vertical_background.jpg) repeat-x fixed;
		font-size: 62.5%; 				/* Sets the page font to 10px */
		font-family:  Georgia, 'Times New Roman', Times, Palatino, serif;
		text-align: center;
		}

	#wrapper {
		background: #333 url(../images/00-base/wrapper_background.jpg) repeat-y center top fixed;
		font-size: 1.0em;
		/* *font-size: .9em; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 820px;
		}
		
	#header {
		background: url(../images/00-base/header_background.jpg) no-repeat center top;
		color: #1A1A1A;
		height: 177px;
		margin: 0 auto;
		/* _margin-left: 9px; */			/* hack for ie6 */
		padding: 1px;
		position: relative;
		text-align: left;
		width: 800px;
		z-index: 0;
		}

	#main_content {
		margin: -55px auto 0;
		/* _margin: -90px 0 0 1px; */  /* hack for ie6 */
		padding-top: 1px;
		position: relative;
		text-align: left;
		width: 800px;
		z-index: 3;
		}
	
	#flash {
		height: 450px;
		position: absolute;
		}
	
	#content {
		height: 325px;
		top:50px;
		left:315px;
		padding: 30px;
		text-align: left;
		/* overflow-x: hidden; */		/* doesn't exist in CSS level 2.1 but exists in CSS 3 */
		/* overflow-y: auto; */			/* doesn't exist in CSS level 2.1 but exists in CSS 3 */
		overflow: hidden;
		position: absolute;
		width: 425px;
	}
	
	#home #content {
		height:250px;
	}
	
	.scroll-pane {
		height: 325px;
		top:0px;
		left:0px;
		text-align: left;
		overflow: auto;
		position: absolute;
		width: 425px;
	}
	
	#main_content #content p {
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:11px;
		line-height:14px;
	}
		
	#main_content #content h2 {
		font-family:Garamond, 'Hoefler Text', 'Times New Roman', Times, serif;
		font-size:20px;
	}
		
	
	#content_visible {
		height: 325px;
		margin: 50px 0 0 315px;
		padding: 30px;
		text-align: left;
		/* overflow-x: hidden; */		/* doesn't exist in CSS level 2.1 but exists in CSS 3 */
		/* overflow-y: auto; */			/* doesn't exist in CSS level 2.1 but exists in CSS 3 */
		overflow: hidden;
		position: absolute;
		width: 425px;
		}
			
	#footer {
		margin: 0 auto;
		/* _margin-left: 0 auto; */		/* hack for ie6 */
		position: relative;
		text-align: left;
		width: 800px;
		z-index: 5;
		}
		
		




/* ! ---- 2.1 HEADER ---- */
/* ----------------------------------------------------------------------------- */

	/* refer to STRUCTURE for #header information */
	
	h1 {
		height: 0px;
		/* Mike Rundle's Accessible Image Replacement (http://phark.typepad.com/phark/2003/08/accessible_imag.html) thanks! */
		text-indent: -9999px;
		}
	
	
	
	
	
	/* ! ---- 2.1.1 COMPANY NAV ---- */
	/* ----------------------------------------------------------------------------- */
		
		#company_nav {
			font-size: 13px;
			/* *font-size: 10px; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
			height: 20px;
			margin: 45px 35px 0 0;
			/* _margin: 0 0 5px; */		/* hack for ie6 */
			text-align: right;
			}
		
		#company_nav li#active a {
			border-bottom: 1px solid #053061;
			color: #053061;
			font-weight: bold;
			}
			
		#company_nav a:link,
		#company_nav a:visited {
			border-bottom: none;
			}
		
		#company_nav a:active,
		#company_nav a:hover {
			border-bottom: 1px solid #1a1a1a;
			}
		
		/* Fat Erik's 5s Simple Pipelist (http://css.maxdesign.com.au/listamatic/horizontal32.htm) */
		#company_nav_list {
			}
		
		#company_nav_list li {
			display: inline;
			padding: 0 1.0em 0;
			}
		
		#company_nav_list li { 
			border-left: 1px solid #1A1A1A;
			}
		
		#company_nav_list li:first-child,
		#company_nav_list li.first { 
			border-left: none;
			}
	
	
	
	
	
	/* ! ---- 2.1.2 PRODUCTS NAV ---- */
	/* ----------------------------------------------------------------------------- */
	
		#products_nav {
			float: right;
			font-size: 10px;
			/* *font-size: 9px; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
			font-weight: bold;
			margin: 17px 0 0;
			/* _margin: 19px 0 0; */		/* hack for ie6 */
			overflow: hidden;
			}
		
		#products_nav ul li {
			display: block;
			float: left;
			text-align: center;
			}
		
		#products_nav_list li {
			border-left: 1px solid #888;
			}
		
		#products_nav_list li:first-child,
		#products_nav_list li.first { 
			border-left: none;
			}
		
		#products_nav a {
			display: block;
			/* _float: left; */		/* hack for ie6 */
			height: 110px;
			padding: 20px 0 0;
			/* *padding: 10px 0 0; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
			}
		
		/* different widths for each button */
		#products_nav a.plumbing_bu {
			/* width: 80px; */
		}
		
		#products_nav a.pvf_bu {
			width: 40px;
		}
		
		#products_nav a.appliances_bu {
			width: 76px;
		}
		
		#products_nav a.hardware_bu {
			width: 71px;
		}
		
		#products_nav a.hvac_bu {
			width: 51px;
		}
		
		#products_nav a.water_bu {
			width: 82px;
		}
		
		#products_nav a.gas_bu {
			width: 79px;
			text-align:left;
			padding-left:10px;
		}
		
		#products_nav li#active a { 
			background: url(../images/00-base/products_nav_background_o.jpg) repeat-x;
			color: #fff;
			}

		#products_nav a:hover {
			background: url(../images/00-base/products_nav_background_o.jpg) repeat-x; 
			color: #fff;
			}
		
		/* first button exceptions */
		#products_nav li#first_active a {
			background: url(../images/00-base/products_nav_background_1st.jpg) repeat-x;
			color: #fff;
			}
		
		#products_nav li.first a {
			width: 68px;
			}
			
		#products_nav li.first a:hover {
			background: url(../images/00-base/products_nav_background_1st.jpg) no-repeat;
			color: #fff;
			}





/* ! ---- 2.2 MAIN CONTENT ---- */
/* ----------------------------------------------------------------------------- */

	/* refer to STRUCTURE for #main_content information */
		
		#main_content h2 {
			color: #FFCC00;
			font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
			font-size: 2.2em;
			font-weight: normal;
			letter-spacing: .05em;
			margin: 0 0 10px 0;
			/* *margin: 40px 0 10px 0; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
			}
		
		#main_content h5 {
			font-size: 1.5em;
			font-weight: normal;
			margin: 0 0 10px 0;
			}
		
		#main_content p {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 1.2em;
			/* *font-size: 1.2em; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
			line-height: 1.5em;
			margin: 0 0 1.5em;
			}
		
		#main_content .col {
			float: left;
			margin: 10px 20px 25px 0;
			width: 120px;
			}
		
		/* Lists */
		#main_content ul {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			margin: 0 0 1.5em;
			width: 425px;
			}
		
		#main_content ul.products {
			margin: 0 0 1.5em;
			width: 110px;
			}
		
		#main_content ul.products li {
			font-size: 1.2em;
			margin-bottom: .7em;
			}
			
		#main_content ul.products_nested {
			color: #999;
			margin: 0 0 1.5em;
			width: 120px;
			}
			
		#main_content .wide ul, #main_content .wide {
			width:130px;
		}
		
		#main_content ul.products_nested li {
			font-size: 1.0em;
			margin-bottom: .3em;
			}
			
		#main_content ul.inline li {
			display: inline;
			padding: 0 40px 0 0;
			}
		
		/* links */	
		#main_content a {
			color: #FFCC00;
			}
		
		#main_content a:link,
		#main_content a:visited {
			border-bottom: none;
			}
		
		#main_content a:hover,
		#main_content a:active {
			border-bottom: 1px solid #FFCC00;
			}
		
		#main_content strong.list {
			display: block;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 .4em;
			text-transform: uppercase;
			}
		
		#main_content strong.name {
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 1.1em;
			font-weight: normal;
			text-transform: capitalize;
			}
		
		#main_content small.title {
			color: #999;
			font-size: .9em;
			margin: 0 0 .3em .3em;
			}
		
		
		
		/* ! ---- 2.2.1 Locations ---- */
		/* ----------------------------------------------------------------------------- */
		
		#content_locations {
				background: transparent url(../images/14-vendors/vendor_background.png) repeat-y; 
				margin: 50px 0 0;
				padding: 10px 30px;
				text-align: left;
				width: 740px;
				}
				
		
		
		/* ! ---- 2.2.2 VENDORS ---- */
		/* ----------------------------------------------------------------------------- */
			#content_vendors {
				background: transparent url(../images/14-vendors/vendor_background.png) repeat-y; 
				margin: 50px 0 0;
				padding: 10px 30px;
				text-align: left;
				width: 740px;
				}
			
			#content_vendors h2 {
				color: #FFCC00;
				display: inline;
				font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
				font-size: 2.2em;
				font-weight: normal;
				letter-spacing: .05em;
				}
			
			#content_vendors p {
				}
			
			#content_vendors span.small_header {
				color: #999;
				display: block;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: .9em;
				margin: 0 0 15px;
				text-transform: uppercase;
				}
				
			#content_vendors_left {
				float: left;
				width: 355px;
				}
			
			#content_vendors_right {
				float: right;
				width: 355px;
				}
			
			#content_vendors .vender_col_left {
				float: left;
				width: 170px;
				}
			
			#content_vendors .vender_col_right {
				float: left;
				width: 170px;
				}
			
			#content_vendors h5 {
				border-bottom: 1px solid #FFCC00;
				clear: both;
				color: #FFCC00;
				display: block;
				}
			
			#content_vendors ul {
				margin-bottom: 3.0em;
				}
			
			#content_vendors ul li {
				margin-bottom: .2em;
				}
			
			#content_vendors a:link,
			#content_vendors a:visited {
				color: #ffffff;
				}
			
			#content_vendors a:hover,
			#content_vendors a:active {
				color: #FFCC00;
				}
			
			
			
			
		
		/* ! ---- 2.2.3 BACKGROUNDS ---- */
		/* ----------------------------------------------------------------------------- */
			
			/* background images for all the main content */
			/* turned on by the DOM if flash player is missing */
			
			.home { 
				height: 441px;
				}
			
			.locations { 
				background: url(../images/01-index/main_content.png) no-repeat;
				height: 441px;
				}
			
			.client_login { 
				background: url(../images/05-client_login/main_content.png) no-repeat;
				height: 441px;
				}
				
			.employment {
				height: 441px;
				}
			
			.plumbing {
				height: 441px;
				}
			
			.plumbing_commercial {
				height: 441px;
				}

			.plumbing_residential {
				height: 441px;
				}
			
			.pvf {
				height: 441px;
				}
			
			.appliances {
				height: 441px;
				}
			
			.hardware {
				height: 441px;
				}
			
			.hvac {
				height: 441px;
				}
			
			.waterworks {
				height: 441px;
				}
				
			.gas_and_oilfield {
				height: 441px;
				}
				
			.vendors {
				background: url(../images/14-vendors/main_content.png) repeat-y;
				}
				
				
				

/* ! ---- 2.4 FOOTER ---- */
/* ----------------------------------------------------------------------------- */
	
	/* refer to STRUCTURE for #footer information */
	
	#footer.footer_home {
		background: url(../images/00-base/footer_home_background.jpg) no-repeat center top;
		height: 343px;
		}
	
	#footer {
		background: url(../images/00-base/footer_content_background.jpg) no-repeat center top;
		height: 343px;
		}
	
	#footer.footer_employment {
		background: url(../images/04-employment/footer_employment_back.jpg) no-repeat center top;
		height: 343px;
		}
	
	#footer_employment_holder {
		color: #1a1a1a;
		margin: 0 25px 0 25px;
		padding: 1px;
		width: 450px;
		}
	
	#footer_employment_holder h2 {
		font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
		font-size: 2.2em;
		font-weight: normal;
		margin: 40px 20px 10px 0;
		/* *margin: 40px 0 10px 0; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
		}
	
	#footer_employment_holder p {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1.2em;
		/* *font-size: 1.2em; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
		line-height: 1.2em;
		margin: 0 0 1.5em;
		}
	
	#footer.footer_vendors {
		background: url(../images/14-vendors/footer_vendors.png) no-repeat center top;
		height: 30px;
		}
	
	#footer_bottom {
		background: url(../images/00-base/footer_bottom.png) no-repeat;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1.1em;
		height: 55px;
		margin: 0 auto;
		text-align: right;
		width: 800px;
		}
		
	#footer_bottom p {
		color: #1A1A1A;
		padding: 5px 15px 0 530px;
		}
		
	#footer_bottom div {
		float:left;
		margin:10px 0;
		
	}
	
	#footer_bottom a {
		color:#FFF;
	}
	
	#footer_bottom a:hover {
		text-decoration:underline;
	}
		
		
		/* ! ---- 2.4.1 FIND A LOCATION - SQUARE ---- */
		/* ----------------------------------------------------------------------------- */	
			#find_a_location_sq {
	float: left;
	font-size: 1.2em;
	margin: 45px 0 0 40px;
	/* _margin: 45px 0 0 20px; */
				position: relative;
	text-align: left;
	width: 270px;
	z-index: 0;
				}
		
			#find_a_location_sq h3 {
				color: #FFCC00;
				font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
				font-size: 1.8em;
				font-weight: normal;
				letter-spacing: .05em;
				margin: 15px 0 5px 15px;
				/* *margin: 10px 0 5px 15px; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				text-transform: capitalize;
				}
			
			#find_a_location_sq h4 {
				color: #FFCC00;
				font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
				font-size: 1.3em;
				font-weight: normal;
				letter-spacing: .05em;
				padding: 4px 0;
				/* *padding: 2px 0; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				text-transform: capitalize;
				}
				
			#form_square {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				margin: 0 0 10px 15px;
				position: relative;
				}
			
			#form_square ul {
				list-style: none; 
				margin: 0;  
				}
			
			#form_square ul li {
				background: none;
				clear: both;
				margin:5px 0;
				font-size: 11px;
				}
			
			#form_square ul label { 
				display: block; 
				float: left; 
				padding: 6px 5px 0 0;
				text-align: right;
				width: 65px; 
				}
			
			#form_square .label {
				display: block; 
				float: left;
				text-align: right;
				width: 55px; 
				}
			
			#form_square .txtField {
				border: none;
				color: #999;
				display: block; 
				float: left; 
				font: 1em Helvetica, Arial, Verdana, sans-serif;
				margin: 3px 0;
				padding: 5px 3px 3px; 
				position: relative;
				/* *padding: 3px 3px 3px; */ 			/* hack for ie7 -- causes rest of selector properties to fail as well */
				outline: none;
				width: 150px;
				}
				
				#inputaddress {
					width:230px;
					margin:5px 0 10px;
					padding:0px;
					float:left;
				}
				
				#addressline_label {
					width:230px;
					text-align:left;
					font-size:12px;
					line-height:16px;
				}
				
				#form_square #search_button {
					float:right;
					margin:15px 15px 0 0;
				}
			
			#form_square .txtField:hover, 
			#form_square .txtField:focus, 
			#form_square .txtField:active { 
				color: #1A1A1A;
				background: #ccc;
				border-color: #999; 
				}
			
			#form_square .check_group_left {
				float: left;
				width:100px;
				}
				
			#form_square .check_group_right2 {
				float: left;
				margin:0 0 0 20px;
				padding:0px;
				width: 100px;
				}
			
			#form_square .chkbox {
				color: #999;
				border: none;
				display: inline; 
				margin: 2px 5px 2px 0;
				/* *margin: 0; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				outline: none;
				}
			
			#form_square .send { 
				background: url(../images/01-index/search.jpg) no-repeat;
				border: none;  
				color: #1A1A1A;
				float: right;
				font-weight: bold;
				font-size: .9em;
				height: 25px;
				margin: 0px 15px 0 -15px;
				/* *margin-top: -20px; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				text-align: center; 
				width: 68px; 
				}
	
			#form_square .send:hover {
				color: #FFF;
				cursor: pointer; 
				}
			
			fieldset {
				border: none;
				}
				
				
				
		/* ! ---- 2.4.2 FIND A LOCATION - RECTANGLE ---- */
		/* ----------------------------------------------------------------------------- */	
		
			#find_a_location_rect {
				color: #1a1a1a;
				font-size: 1.2em;
				height: 110px;
				margin: 12px auto 0;
				position: relative;
				text-align: left;
				width: 700px;
				}
		
			#find_a_location_rect h3 {
				color: #FFCC00;
				float: left;
				font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
				font-size: 1.6em;
				font-weight: normal;
				letter-spacing: .05em;
				margin: 12px 0 0px 15px;
				text-transform: capitalize;
				}
			
			#find_a_location_rect h4 {
				color: #FFCC00;
				float: left;
				font-family: 'Times New Roman', Times, Georgia, Palatino, serif;
				font-size: 1.3em;
				font-weight: normal;
				letter-spacing: .05em;
				padding: 4px 0;
				margin: 12px 0 0 230px;
				text-transform: capitalize;
				}
				
			#form_rect {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				margin: 0 0 10px 15px;
				}
			
			#form_rect ul li {
				background: none;
				clear: both;
				margin:0px;
				padding:0px;
				}
			
			#form_rect ul li label {
				display: block;
				float: left;
				margin: 5px 5px 0 0;
				padding: 6px 5px 0 0;
				text-align: right;
				width: 65px;
				}
			
			#form_rect .txtField {
				border: none;
				color: #999;
				display: block;
				float: left;
				font: 1em Helvetica, Arial, Verdana, sans-serif;
				margin: 5px 5px 0 0;
				padding: 6px 3px 3px;
				/* *padding: 2px; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				outline: none;
				width: 110px;
				/* *width: 100px; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
				}
			
			#form_rect ul.dropdown_list {
				float: left;
				margin: 0 0px 0 -30px;
				}
			
			#form_rect ul.zip_field {
				float: left;
				}
			
			#form_rect .chkbox {
				color: #999;
				border: none;
				display: inline; 
				margin: 2px 5px 3px 0;
				/* *margin: 0; */				/* hack for ie7 -- causes rest of selector properties to fail as well */
				outline: none;
				}
				
			#form_rect .check_group_left {
				float: left;
				font-size: .9em;
				margin: 0 0 0 15px;
				}
			
			#form_rect .check_group_right {
				float: left;
				font-size: .9em;
				margin: 0 0 0 10px;
				}
				
			#form_rect .check_group_right input, #form_rect .check_group_left input, #form_rect .check_group_right label, #form_rect .check_group_left label {
				padding-top:0px;
				margin-top:0px;
			
			}
				
			#form_rect .send { 
				background: url(../images/00-base/search.jpg) no-repeat;
				border: none;  
				color: #1A1A1A;
				float: right;
				font-weight: bold;
				font-size: .9em;
				height: 28px;
				position: absolute;
				right: 30px;
				_right: 20px;
				*right: 20px;
				top: 65px;
				text-align: center; 
				width: 87px; 
				}
	
			#form_rect .send:hover {
				color: #FFF;
				cursor: pointer; 
				}
				
		
		
		/* ! ---- 2.4.3 CLIENT LOGIN ---- */
		/* ----------------------------------------------------------------------------- */
		
			#form_client_login {
				font-family: Helvetica, Arial, Verdana, sans-serif;
				margin: 0 0 10px 0;
				position: relative;
				}
			
			#form_client_login ul {
				list-style: none; 
				margin: 0;  
				}
			
			#form_client_login ul li {
				background: none;
				clear: both; 
				}
			
			#form_client_login ul label { 
				display: block; 
				float: left; 
				padding: 6px 5px 0 0;
				text-align: right;
				width: 65px; 
				}
			
			#form_client_login .txtField {
				border: none;
				color: #999;
				display: block; 
				float: left; 
				font: 1em Helvetica, Arial, Verdana, sans-serif;
				margin: 3px 0;
				padding: 5px 3px 3px; 
				/* *padding: 3px 3px 3px; */		/* hack for ie7 -- causes rest of selector properties to fail as well */
				outline: none;
				width: 150px;
				}
			
			#form_client_login .txtField:hover, 
			#form_client_login .txtField:focus, 
			#form_client_login .txtField:active { 
				color: #1A1A1A;
				background: #ccc;
				border-color: #999; 
				}
			
			#form_client_login .login { 
				background: url(../images/05-client_login/login_button.gif) no-repeat;
				border: none;  
				color: #1A1A1A;
				font-weight: bold;
				font-size: .9em;
				height: 25px;
				margin: 5px 0 0;
				text-align: center; 
				width: 84px; 
				}
	
			#form_client_login .login:hover {
				color: #FFF;
				cursor: pointer; 
				}
	
	
		/* ! ---- 2.4.4 FEATURED VENDORS ---- */
		/* ----------------------------------------------------------------------------- */
			
			#featured_vendors {
				margin: 0 auto;
				text-align: center;
				width: 800px;
				}
			
			#featured_vendors h3 {
				color: #1a1a1a;
				font-size: 1.8em;
				font-weight: normal;
				padding: 35px 0 10px;
				}
			
			#featured_vendors h3 a {
				border-bottom: 1px solid #ffcc00;
				}
			
			#featured_vendors h3 a:hover {
				border-bottom: none;
				}
				
			#featured_vendors ul {
				margin: 0 0 10px;
				}
		
			#featured_vendors ul li {
				display: inline;
				padding: 0 5px;
				}
			
			#featured_vendors p {
				color: #1a1a1a;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-weight: bold;
				font-size: 1.2em;
				text-align: center;
				}
			
			#featured_vendors p a:link,
			#featured_vendors p a:visited {
				background-color: #1a1a1a;
				color: #FFCC00;
				padding: 1px 3px;
				}
			
			#featured_vendors p a:active,
			#featured_vendors p a:hover {
				background-color: #FFCC00;
				color: #1a1a1a;
				}
	
	
	
		/* ! ---- 2.4.5 VIDEO ---- */
		/* ----------------------------------------------------------------------------- */
			#video {
	height: 235px;
	float: right;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 55px 67px 0 0;
	/* _margin: 55px 28px 0 0; */			/* hack for ie6 */
				position: relative;
	text-align: left;
	width: 365px;
				}
			
			#destination_showroom {
				position: absolute;
				top: 22px;
				left: 19px;
			}
			
			#video h5 {
				font-size: 1.5em;
				margin: 175px 0 2px 23px;
				}
			
			#video p {
				font-size: 1.1em;
				margin: 0 0 0 23px;
				}
			
			#play {
				position: absolute;
				bottom: 15px;
				right: 11px;
				/* _right: 22px; */  /* hack ie6 */
				}
			
			#play a {
				background: url(../images/01-index/play.jpg) no-repeat;
				display: block;
				height: 51px;
				width: 61px;
				}
			
			#play a:hover {
				background: url(../images/01-index/play_over.jpg) no-repeat;
				}
	
	
	
/* ! ---- 2.4 MISC ---- */
/* ----------------------------------------------------------------------------- */
	
	address {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1.2em;
		/* *font-size: 1.2em; */			/* hack for ie7 -- causes rest of selector properties to fail as well */
		font-style: normal;
		line-height: 1.5em;
		margin: 0 0 1.5em;
		}
	
	.caps {
		text-transform: uppercase;	
		}
	
	.clear {
		clear: both;
		}
	
	.grey {
		color: #999;
		}
		
	.space {
		margin-top: 25px;
		}
	
	.space_v {
		float: left;
		height: 100px;
		margin-right: 20px;
		}
	
	.yellow {
		color: #FFCC00;
		}

	
