/* Mass Reset & Debug -------------------------------------------------------------*/
* { padding: 0; margin: 0; }
/*div { border-top: 1px solid red; }*/

/* Essential ----------------------------------------------------------------------*/
	body				{ color: #555; font-family: arial,helvetica,sans-serif; font-size: 0.875em; background: url(../_img/body_bg.jpg) repeat-x; }
	a					{ color: #930; }
	a:hover				{ color: #369; }
	#wrapper			{ margin: 0 auto; padding: 0; width: 994px; background: url(../_img/shadow_right.jpg) top right no-repeat; }
	#inner-wrapper		{ margin: 0 auto; padding: 0; width: 994px; background: url(../_img/shadow_left.jpg) top left no-repeat; }
	#left-wrapper		{ position: relative; width: 740px; margin: 0 0 0 12px; padding: 0; float: left; display: inline; /*background: url(../_img/backdrop_fall.jpg) no-repeat;*/ }
	#content-background	{ float: left; display: inline; width: 740px; margin: 0; padding: 0; background: url(../_img/content_bg.jpg) 272px 700px repeat-y; }
	#interior-background{ float: left; display: inline; width: 740px; margin: 0; padding: 0; background: url(../_img/content_bg.jpg) 267px 400px repeat-y; }
	#interior-content	{ width: 740px; float: left; display: inline; margin: 0; padding: 0; background: url(../_img/interior_content_bg.gif) top right repeat-x; }

/* Header, Logo, Slogan -----------------------------------------------------------*/
	#header				{ padding: 83px 0 0 0; float: left; display: inline; width: 740px; }
		#logo			{ width: 250px; float: left; z-index: 2; display: inline; }
		#logo a			{ border: none; }
		#logo img		{ float: left; border: none; }
		#slogan			{ color: #fff; padding: 0 0 0 12px; width: 478px; height: 13px; overflow: hidden; float: left; display: inline; font-size: 0.8em; }
		#slogan span	{  }

	/* Nav (Suckerfish) ---------------------------------------------------------------*/
		#nav			{ width: 480px; float: right; display: inline; margin: 4px 0 0 0; font-size: 0.875em; z-index: 2; padding:0; }
		#nav li			{ list-style: none; float: left; background: url(../_img/nav_border.gif) top left no-repeat; position: relative; }
		#nav li.first	{ border: none; }
		#nav a			{ display: block; float: left; color: #fff; font-weight: bold; text-decoration: none; padding:8px 6px; }
		#nav a:hover	{ display: block; float: left; color: #fff; background: #000; font-weight: bold; text-decoration: none; padding:8px 6px; }
		
		/* second-level lists */
		#nav li ul			{ position: absolute; background: #333; width: 130px; top: 29px; left: -999em; clear: left; z-index: 20; }
		#nav li ul li		{ background-image: none; } 
		#nav li ul a		{ display: block; font-size: 0.8em; font-weight: bold; width: 116px; padding: 7px; border-bottom: 1px solid #333; }
		#nav li ul a:hover	{ display: block; font-size: 0.8em; font-weight: bold; width: 116px; padding: 7px; border-bottom: 1px solid #333; background: #e6e6e6; color: #333; }
		/* lists nested under hovered list items */
		#nav li:hover ul, #nav li.sfhover ul { left: 0; }
		#nav li:hover a, #nav li.sfhover a { color: #fff; background: #000; }
		#nav li:hover li a, #nav li.sfhover li a { color: #fff; background: #222; }
		#nav li:hover li a:hover, #nav li.sfhover li a:hover { color: #fc0; background: #000; }
		
	/* Breadcrumbs -------------------------------------------------------------------*/
		#breadcrumbs	{ float: left; display: inline; width: 490px; height: 20px; background: #a99a81 url(../_img/breadcrumbs_bg.jpg) top right no-repeat; }
		#breadcrumbs p	{ padding: 3px 4px 0 6px; color: #fff; }
		#breadcrumbs a	{ color: #fff; margin: 0 5px; }
		#breadcrumbs .active{ text-decoration: none; }
		
/* Left-Column -------------------------------------------------------------------*/
	#left-column		{ clear: both; width: 250px; float: left; display: inline; margin: 0 5px 0 0; padding: 0 0 37px 0; background: url(../_img/left-column_btm.jpg) bottom left no-repeat; }
	#left-column .block	{ clear: both; margin: 10px 0 0 0; }
	#left-column .content{ clear: both; }
	#left-column hr		{ border: none; background: #e6e6e6; height: 1px; margin: 5px 7px 5px 40px; }

/* Middle-Column -----------------------------------------------------------------*/
	#middle-column		{ width: 480px; float: left; display: inline; }
	#content			{ clear: both; margin: 10px 0 0 5px; padding: 10px 0 0 0; background: url(../_img/content_top.gif) no-repeat; }
	#inner-content		{ padding: 0 0 15px 0; background: url(../_img/content_bg.jpg) repeat-y; min-height: 340px; height: auto !important; height: 340px; }
	
	
	
	#inner-content .caption { margin:0 22px 10px 20px; float:right; display:inline; width:135px; text-align:right; clear:both; font-size:10px; }
	/*#inner-content .caption p { margin:0; padding:0; text-align:right; width:135px; clear:both; }*/
	#inner-content .caption img { float: right; display: inline; margin: 0 0 5px 0; padding: 4px; background: #fff; border: 1px solid #ddcba9; clear:both; }
	
	.interior-image		{ margin:0 22px 10px 10px; float: right; display: inline; padding: 4px; background: #fff; border: 1px solid #ddcba9; clear:both; }

	#main-image			{ clear: both; margin:0 0 5px 0;}
	#main-image img		{ margin: 5px 0 0 5px; border: 5px solid #fff; }
	#main-image object	{ margin: 5px 0 0 5px; border: 5px solid #fff; }
	#main-image embed	{ margin: 5px 0 0 5px; border: 5px solid #fff; }
	
	#middle .content	{ clear: both; }
	#middle-column table{ background: #fff; border-collapse: collapse; font-size: 0.8em; margin: 2px 30px 0 45px; }
	#middle-column tr	{ border-top: 1px solid #ccc; }
	#middle-column td	{ background: #fff; padding: 6px 10px; }
	#middle-column td a	{ font-weight: bold; }
	#middle-column table td.middle, #middle-column table td.right	{ background: url(../_img/dotted_border.gif) top left repeat-y; }
	
	#middle-column li {font-size:11px; color:#333; margin:5px 0 0 60px; }
	
	
	/*
forms
---------------------------------------------------------------------------------*/
div.forms { clear:both; margin:20px 0 0 45px; }
div.forms label { display:block; float:none; margin:1em 0 0 0; font-weight:bold; font-size:0.9em; }
div.forms input.text { width:300px; }
div.forms textarea { width:300px; }
div.forms select { width:300px; margin:1em 0 -1em 0; font-weight:bold; font-size:0.9em;}
div.forms p.error { font-weight:bold; color:red; }

	/* Home-Content ------------------------------------------------------------------*/	
		#home-main-image	{ clear: both; height:215px; margin:0 0 20px 0;}
		#home-main-image img{ margin: 5px 0 0 5px; border: 5px solid #fff; }
		
		#home-content		{ width: 470px; clear: both; margin: 0 0 0 5px; padding: 10px 0 0 0; background: url(../_img/home_three_boxes_top.gif) no-repeat; }
		#home-inner-content	{ clear: both; width: 470px; background: url(../_img/content_bg.jpg) repeat-y; min-height: 320px; height: auto !important; height: 320px; }
		#home-boxes			{ background: url(../_img/home_boxes_bg.gif) no-repeat; margin: 0 0 10px 0; }
		#home-boxes p		{  }
		#home-first			{ width: 145px; float: left; display: inline; margin: 0 8px 0 7px; }
		#home-second		{ width: 140px; float: left; display: inline; margin: 0 9px 0 3px; }
		#home-third			{ width: 138px; float: left; display: inline; margin: 0 0 0 10px; }
		#home-boxes-btm		{ clear: both; width: 470px; display: block; height: 10px; overflow: hidden; font-size: 1px; background: url(../_img/home_boxes_btm.gif) no-repeat; }
		#home-online-customer-tools	{ clear: both; }

/* Right-Column ------------------------------------------------------------------*/
	#right-column		{ width: 230px; margin: 0 0 0 752px; padding: 5px 0 37px 0; background: #fff url(../_img/right-column_btm.jpg) bottom left no-repeat; z-index: 2 }
	.promo				{ border: none; margin: 5px 0 0 5px; }

/* Quick-Access, Search-Bar, Form Elements ---------------------------------------*/
	#search-bar			{ width: 220px; margin: 0 5px; background: url(../_img/header_tan.gif) no-repeat; min-height: 30px; height: auto !important; height: 30px; }
	#search-bar form	{ padding: 5px 5px 5px 8px; }
	#search-bar form .form-search	{ float: left; display: inline; margin: 1px 5px 0 0; width: 130px !important; }
	#search-bar form .form-button	{ float: left; display: inline; }
	
	#left-column #quick-access	{ width: 240px; min-height: 30px; height: auto !important; height: 30px; margin: 10px 0 0 10px; }
	#left-column #quick-access label	{ display: none; }
	#left-column #quick-access select	{ float: right; margin: 7px 8px; font-size: 0.75em; }
	
	form				{  }
	.form-search		{  }
	.form-button		{  }
	label				{  }
	select				{  }
	option				{ padding: 1px 5px 1px 3px; }

/* Typography --------------------------------------------------------------------*/
	p	{ font-size: 0.82em; line-height:14px; }
	#h1	{ width: 250px; height: 30px; padding: 10px 0 0 0; margin: 5px 0 0 0; background: url(../_img/h1.gif) no-repeat; }
	h1	{ font-size: 1.2em; color: #a99a81; margin: 0 5px 0 43px; text-transform:uppercase;  }
	h2	{ font-size: 0.8em; padding: 0 5px 0 5px; text-align: right; }
	h3	{ font-size: 1.1em; color: #333; }
	h4	{ font-size: 0.9em; color: #555;  }
	h5	{ font-size: 0.8em; color: #999;  }
	h6	{  }
	
	/* Left-Column Typography ----------------------------------------------------*/
		#left-column .header		{ padding: 5px 0 10px 0; margin: 0 0 0 10px; width: 240px; background: url(../_img/h2_orange.gif) no-repeat; }
		#left-column .header h2		{ margin: 0 0 0 37px; padding: 0; }
		#left-column .header strong	{ float: left; text-transform: uppercase; padding: 5px 0 2px 0; }
		#left-column .header em		{ position: relative; top: 3px; font-size: 0.9em; font-style: normal; padding: 0 15px 3px 0; }
		#left-column .header a		{ color: #369; text-transform: normal; }
		#left-column .header a:hover{ color: #930; text-transform: normal; }
		#left-column .date			{ clear: both; font-size: 0.8em; margin: 0 7px 0 43px; }
		#left-column h3				{ clear: both; font-size: 0.875em; margin: 0 7px 0px 43px; }
		#left-column h1.news		{ clear: both; font-size: 0.875em; margin: 0 7px 0px 43px; text-transform:none; color:#333; }
		#left-column p				{ margin: 0 7px 5px 43px; }
		
		/* Sub-Nav Typography --------------------------------------------------------*/	
			#sub-nav						{ margin: 0 0 0 10px; }
			#sub-nav li						{ font-size: 1em; }
			#sub-nav li.top-level			{ font-size: 0.8em; list-style: none; clear: both; padding: 5px 0 0 0; width: 240px; }
			#sub-nav li.top-level a			{ display: block; color: #000; text-decoration: none; padding: 3px 0 2px 0; background: url(../_img/h2_tan.gif) no-repeat;
												height: auto !important; height: 20px; overflow: auto !important; overflow: visible;
											}
			#sub-nav li.top-level a:hover	{ display: block; color: #000; text-decoration: none; padding: 3px 0 2px 0; background: url(../_img/header_hover.gif) no-repeat; }
			#sub-nav li.top-level a.active	{ background: url(../_img/header_hover.gif) no-repeat; }
			#sub-nav li.top-level strong	{ float: left; text-transform: uppercase; padding: 5px 0 2px 0; margin: 0 0 0 35px; }
			#sub-nav ul						{ margin: 0 0 0 30px; }
			#sub-nav li.top-level li		{ width: 200px; list-style: none; margin: 0; }
			#sub-nav li.top-level li a		{ height: auto; display: block; border-bottom: 1px solid #f6f0e5; margin: 0; padding: 5px; font-size: 1em; background: #fff; background-image: none; }
			#sub-nav li.top-level ul li a:hover	{ display: block; border-bottom: 1px solid #f6f0e5; margin: 0; padding: 5px; font-size: 1em; color: #930; background: #ff9; background-image: none; }
			
			#sub-nav li.top-level li.bottom	{ width: 190px; list-style: none; margin: 0 0 0 -20px; }
			#sub-nav li.top-level li.bottom a	{ height: auto; display: block; border-bottom: 1px solid #f6f0e5; margin: 0; padding: 5px; font-size: 1em; background: #fff; background-image: none; color:#777; }

	
	/* Middle-Column Typography --------------------------------------------------*/	
		#middle-column .header		{ padding: 5px 0 10px 0; margin: 0 10px 0 10px; background: url(../_img/h2_middle.gif) no-repeat;
										overflow: auto !important; overflow: visible; height: auto !important; height: 20px;
									}
		#middle-column .header h2	{ margin: 0 0 0 36px; padding: 0; }
		#middle-column .header strong{ float: left; text-transform: uppercase; padding: 5px 0 2px 0; margin: 0; }
		#middle-column .header em	{ position: relative; top: 3px; font-size: 0.9em; font-style: normal; padding: 0 9px 3px 0; }
		#middle-column .header a	{ color: #369; text-transform: normal; }
		#middle-column .header a:hover{ color: #930; text-transform: normal; }
		#middle-column .block p		{ margin: 5px 30px 15px 45px; }
		#interior-content #middle-column p	{ margin: 0 30px 15px 45px; }
		#middle-column .block h3, #interior-content #middle-column h3	{ margin: 0 30px 0 45px; }
		#middle-column .block h1.news, #interior-content #middle-column h1.news	{ margin: 0 30px 0 45px; font-size: 1.1em; color: #333; text-transform:none; }
		#middle-column .block h4, #interior-content #middle-column h4	{ margin: 0 30px 0 45px; }
		#middle-column .block h5, #interior-content #middle-column h5	{ margin: 0 30px 0 45px; }
		
		/*sales reps */
		#interior-content #middle-column .sales-rep { width:420px; display:block; float:left; border-bottom:1px solid #ddcaa8; margin: 0 0 20px 20px; min-height: 180px; height: auto !important; }
			#middle-column .sales-bcard { width:290px; height:150px; display:block; margin:0; float:left;  background:url(../_img/bcard_tile.jpg) repeat-y; }
				#middle-column .sales-bcard-info { display:block; float:left; padding:0; margin:7px 0 0 10px; }
				#interior-content #middle-column .sales-bio { float:right; width:120px; margin:0;  padding:0; }
				#interior-content #middle-column .sales-bio p { margin:0; padding:0; line-height:12px; }
				#interior-content #middle-column .sales-bcard-info  h3, #interior-content #middle-column .sales-bcard-info p { margin:0 0 0 3px; line-height:12px; }
				#middle-column .sales-bcard-pic { display:block;  width:110px; float:left; margin: 0 0 7px 0; }
				#middle-column .sales-bcard img.pic { float:left; margin: 10px 0 10px 10px; width:100px;}
		#middle-column .sales-bcard-bottom { display:block; float:left; width:300px; height:15px; margin:0; background:url(../_img/bcard_bottom.jpg) no-repeat; }

		
	
	/* Right-Column Typography ---------------------------------------------------*/
		#right-column #quick-access	{ width: 220px; background: url(../_img/quick_access_right.jpg) no-repeat; min-height: 30px; height: auto !important; height: 30px; margin: 5px 0 0 5px; }
		#right-column #quick-access label	{ display: none; }
		#right-column #quick-access select	{ float: right; margin: 7px 8px; font-size: 0.7em; }
		#right-column .header 		{ padding: 5px 4px 10px 4px; margin: 5px 5px 0 5px; background: url(../_img/h2_right.gif) no-repeat; }	
		#right-column .header h2	{ margin: 0 0 0 32px; padding: 0; }
		#right-column .header strong{ float: left; text-transform: uppercase; padding: 5px 0 2px 0; }
		#right-column .header em	{ position: relative; top: 3px; font-size: 0.9em; font-style: normal; padding: 0 7px 3px 0; }
		#right-column .header a		{ color: #369; text-transform: normal; }
		#right-column .header a:hover{ color: #930; text-transform: normal; }
		#right-column p				{ margin: 5px 5px 15px 5px; }
		#right-column .header p	{ margin: 5px 0 0 28px; padding: 0; }
		#right-column .promo p		{ margin: 0 0 5px 0; }
	
	/* sIFR ----------------------------------------------------------------------*/
		/* These are standard sIFR styles... do not modify */
		.sIFR-flash			{ visibility: visible !important; margin: 0; z-index: 0; }
		.sIFR-replaced		{ visibility: visible !important; }
		span.sIFR-alternate	{ position: absolute; left: 0; top: 0; width: 0; height: 0; display: block;	overflow: hidden; }
		
		/* 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 h1		{ visibility: hidden; }
		.sIFR-hasFlash h2 strong{ visibility: hidden; font-size: 0.9em; }
		/*.sIFR-hasFlash li.top-level strong{ visibility: hidden; font-size: 0.9em; }*/
		.sIFR-hasFlash #slogan span{ visibility: hidden; font-size: 1.1em; }
/* Footer ------------------------------------------------------------------------*/
	#footer				{ width: 970px; clear: both; margin: 0 12px 10px 12px; height: 30px; font-size: 0.75em; background: url(../_img/footer_bg.gif) no-repeat; }
	#footer a			{ color: #666; }
	#footer a:hover		{ color: #930; text-decoration: none; }
	#footer ul			{ padding: 10px 0; }
	#footer li			{ padding: 0 10px; display: inline; border-right: 1px solid #666; }
	#footer .credits	{ float: right; border: none; }
	#footer .last		{ border: none; }


	div.tools { float: left; width: 430px; display: inline; margin: 0;  }
	div.tools p { margin:0; }
	div.tools h3 { margin:0; }
	div.tools .who-use { flmioat:right; display:inline; width:220px; padding:0; background:url(../_img/whouse_top.jpg) 20px 0 no-repeat; margin:0 0 5px 10px;   }
	div.tools .who-use p { width:150px; margin:0 0 0 -20px; padding:33px 0 0 0; color:#999; }
	div.tools .who-use-close { float:right; width:220px; height:40px; background:url(../_img/whouse_bottom.jpg) 20px 0 no-repeat;  margin:0; padding:0; }
	.launch { width:430px; height:22px; background: #E5D4B8 url(../_img/launch.jpg) 5px 5px no-repeat; float:left; margin:0 0 20px 15px; padding:5px; border-bottom:4px solid #DECAA9;}
	.launch a { display:block; width:152px; height:22px; }