/* Site Layout Styles
 * Updated:  25 Nov 2008 @ 10.30am
 * Author: Joshua Deidun <ivt.com.au>
 * ---------------------------------------------*/
 
 /* 
	-- TOC
	------------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	
	/* -- COLORS
	-------------------------------------------
	/*	grey nav border = #909090 
		light grey nav hover = #c0c0c0
		light grey content text = #666
		dark grey headings = #444
		dark red links = #b11f24
		
		 */

	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
	
	/* -- LINKS
	---------------------------------------*/
	a { color: #b11f24; text-decoration: underline; outline: none; }
	a:hover { text-decoration: none; } 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #444; font: italic bold 3em/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; }
 	h2 { font-size: 1.6em; font-style: italic; margin: 0 0 .5em; }
	h3 { font-size: 1.2em; margin: 0 0 .5em; color: #666; }
 	h4 { font-size: 1.1em; margin: 10px 0 .5em; }
 	h5 { font-size: 1.0em; margin: 0 0 .5em; }
	h6 { font-size: .9em; margin: 0 0 .5em; }
	
	p { margin: 0 0 1em; }
 	
 	/* -- LISTS
 	---------------------------------------*/
 	ul { margin: 0; }
 	li { list-style: disc; }

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: url(../images/bg.gif) 0 0 repeat-x; font: 62.5%/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; }
	
	/* -- container */
	#container { width: 955px; margin: 0 auto; }
	
	/* -- header */
	#header { position: relative; height: 130px; }
	#header img { padding: 20px; }
	#header form input { position: absolute; top: 65px; right: 5px; color: #b11f24; font-style: italic; border: 1px solid #c0c0c0; padding: 2px; }
	
	/* -- nav */
	#nav { height: 36px; background: url(../images/bg-nav-bar.gif) 0 0 no-repeat; }
	#nav ul { padding: 8px 15px; }
	#nav li { float: left; list-style: none; } 
	#nav a { font: italic bold 1.7em Arial, Helvetica, sans-serif; padding: 0 25px; text-transform: uppercase; border-left: 1px solid #909090; text-decoration: none; color: #c0c0c0;  }
	#nav a:hover { color: #fff; }
	#nav a.home { color: #fff; border: none; }
	
	/* -- banner */
	#banner { height: 232px; padding: 5px 0px; margin: 0px; font-size: 1.2em; }
	.red { vertical-align: middle; }
	#banner .red a { float: left; width: 235px; height: 45px; background: url(../images/emergency-button.jpg) 0 0 no-repeat; text-align: center; padding: 10px 0 0 0; }
	#banner .yellow a { float: left; width: 235px; height: 45px; background: url(../images/rescue-button.jpg) 0 0 no-repeat; text-align: center; margin: 0px 5px; padding: 10px 0 0 0; }
	#banner .green a { float: left; width: 235px; height: 45px; background: url(../images/mortuary-button.jpg) 0 0 no-repeat; text-align: center; padding: 10px 0 0 0; }
	#banner .blue a { float: right; width: 235px; height: 45px; background: url(../images/resuscitation-button.jpg) 0 0 no-repeat; text-align: center; margin-left: 5px; padding: 10px 0 0 0; }
	
	#banner #random_emergency { float: left; width: 235px; margin: 0px; padding: 0px; }
	#banner #random_rescue { float: left; width: 235px; margin: 0px 5px; padding: 0px; }
	#banner #random_mortuary { float: left; width: 235px; }
	#banner #random_resuscitation { float: right; width: 235px; }
	#random_1 { padding: 0px; margin: 0px; height: 185px; }	
	#banner a { font: italic bold 1.7em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0px; margin: 0px; }
	
	/* -- content */
	#content { background: #fff url(../images/content-header.gif) top left no-repeat; font-size: 1.1em; padding-top: 15px; } 
	#welcome { width: 200px; float: left; padding: 0 20px; }
	#welcome .aboutus { float: right; }
	#products { width: 200px; float: left; padding: 0 20px; background: url(../images/bg-products.jpg) top left no-repeat; }
	#products #more { float: right; }
	#news { width: 200px; height: 291px; float: left; padding: 0 19px; background: url(../images/bg-news.jpg) top right no-repeat; }
	#news ul { padding: 0 0 5px 15px; }
	#news li { padding: 5px 0 0 5px; }
	#contact { width: 199px; float: left; padding: 0 19px; }
	#contact table td { padding: 3px 0; vertical-align: top; }
	
	/* -- footer */
	.wrapper { width: 955px; margin: 0 auto; }
	#footer { border-top: 1px solid #c0c0c0; font-size: 1.1em; padding: 7px; color: #666; margin-top: 20px; }
	#ce { float: left; padding: 11px 15px; }
	#copyright { float: left; padding: 10px 15px;  }
	#developed { float: right; padding: 7px 20px; }