/* 1. Global 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, images, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		vertical-align: text-top;		
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. Globals */

	body {
		background-color:#FF6600;
		margin: 0px;
		height: 100%;
	}
	p {
		line-height: 20px;
		padding-bottom: 10px;
	}
	h1 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	h2 {
		font-size: 16px;
		padding-bottom: 10px;
		font-weight: bold;
	}	
	h3 {
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 10px;
	}	
	a:link, a:visited, a:active {
		color:#0099FF;
		text-decoration: none;
	}
	a:hover {
		color:#FF9900;
		text-decoration: underline;
	}
	
/* 3. Ids */
	#background {
		width: 100%;
		margin: 0 auto;
		background-image: url(../../media/layout-2012/header-bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#container {
		width: 970px;
		margin: 0 auto;
		background-image: url(../../media/layout-2012/content-bg.jpg);
		background-repeat: repeat-y;
		background-position: center top;
	}
	#bottom {
		margin: 0 auto;	
		width: 970px;
		height: 30px;
		background-image: url(../../media/layout-2012/footer-bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#head {
		padding-top: 10px;
		background-image: url(../../media/layout-2012/header-bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;	
	}
	#body { 
		width: 970px;
		margin: 0 auto;
	}
	
	.main { 
		width: 890px;
		margin: 0 auto;
		position:relative;		
	}
	#keywords {
		font-family: Arial, Helvetica, sans-serif;
		color: #DDDDDD;
		font-weight: normal;
		font-style: italic;
		font-size: 8px;
		height: 10px;
		line-height: 10px;
	}
	#breadcrumbs {
		height: 60px;
		line-height: 60px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		font-weight: normal;
		font-style: italic;
		font-size: 10px;
	}
	.flash {
		z-index: 0;
	}
	.header-links img:hover {
		background-color: #FF9900;
	}
	#logo {
		height: 94px;
		width: 148px;
		right: 0px;
		position: absolute;
		z-index: 30;
		background-image: url(../../media/layout/logo.png);
		background-repeat: no-repeat;
		background-position: center top;	
				
	}
	/* Menu */
	/******************************************/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	#navContainer {
		width: auto;
		display:block;
		clear:both;
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: repeat-x;
		background-position: left top;	
	}
	
	
	/* Remove List Formattings
	~~~~~~~~~~~~~~~~~~~~  */
	 ul.menu, li.menu {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	/* Header menu */	 
	#header_menu {
		position: absolute; 
		margin-left: 20px;
	}
	#header_menu li {line-height: normal;}
	ul#header_menu  {z-index: 20; clear: both;}
	
	#nav {
		height: 60px;
		border-top: 0;
		padding:0;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: repeat-x;
		background-position: left top;			
	}
	#nav ul {
		list-style-type: none; 
		margin: 0; 
		padding: 0; 
		font-size: 16px; 
		height: 60px;
		text-transform: uppercase;
		width: auto;
		/*
		(Disappearing List-Background)
		http://www.positioniseverything.net/explorer/ie-listbug.html
		*/
		position: relative; /* Fix the Stupid IE6 Bug */
	}
	#nav ul li {
		float: left; 
		color: #fff; 
		text-align: center; 
		font-weight: normal;
		line-height: 60px;	
		z-index: 20;
	}
	#nav ul li a {
		display: block; 
		padding: 0px 10px;
		color: #fff; 
		text-decoration: none;
		z-index: 20;
		}
	
	/* Root Level Link Formatting */
	#nav ul li a:hover, #nav li a:focus {

		color: #fff;
		z-index: 20;
		background: #000; 	
	}
	#nav li a:active, #nav ul li a.active {

		color: #fff;
		z-index: 20;
		background: #333; 		
	}
	
	/* Current page Customisations*/
	#nav li.menu-current a	{
	color: #fff;
	z-index: 20;	
	background-color: #333;
}
	#nav li.menu-current a		{font-weight: normal;z-index: 20;} 
	
	/* 2nd Child menu */
	#nav .menu li ul {position: absolute; width: 280px; margin: 0; display: none; text-transform: none; border-top: 0; font-size: 100%;z-index: 20;}
	#nav .menu li ul li {width: 280px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 20px;z-index: 20;}
	#nav .menu li ul a {width: 260px; padding: 5px 10px; background: #333; color: #fff; border: 0;z-index: 20;}
	
	/* 2nd Child link hover */
	#nav .menu li ul a:hover {
	color: #4b4c4d;
	border: 0;
	color:#fff;
	z-index: 20;
	background-color: #000;
}
	
	/* Show and hide */
	#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;z-index: 20;}
	#nav .menu li ul ul { display: none;}
	#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
	#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}
	
	
	/* 3rd Child Menu Appreances */
	#nav .menu li ul li ul li a 	{ width: 11.5em; padding: 5px 10px; background: #333; color: #fff; }
	
	/* Positioning the Pop-out Drops */
	#nav li {position: relative;}
	
	#nav ul ul ul {
		position: absolute;
		top: 1px;
		left: 100%;
	}
	
	
	
	
	/* end menu */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/******************************************/
	#navmenu {
		font-family: Arial, Helvetica, sans-serif;
		line-height: 40px;
		font-size: 15px;
		height: 40px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#navmenu-left {
		height: 40px;
		width: 10px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;	
		float: left;
	}
	#navmenu-right {
		height: 40px;
		width: 10px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
		float: right;
	}
	#navmenu ul {
		float: left;
	}
	#navmenu ul li span {
		color: #000000;		
	}
	#navmenu li span a:link, #navmenu li span a:visited {
		padding: 0px 5px 0px 5px;
		color: #FFFFFF;
		text-decoration: none;
		display:block;
		font-weight: bold;		
	}
	#navmenu li span a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#navmenu li span.navmenu_current a.navmenu_current {
		color: #FF6600;
		background-color: #FFFFFF;
		background-image: url(../../media/layout/navmenu-active.jpg);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#navmenu li {
		display:block;
		float:left;
		margin:0;
		padding:0;
	}
	
	#submenu {
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 40px;
		font-size: 13px;
		height: 40px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}
	#submenu ul {
		float: left;
	}
	#submenu li {
		display:block;
		float:left;
		margin:0;
		padding:0;
	}
	#submenu li a {
		display:block;
		margin:0px;
		padding:0px 6px;
		color: #ffffff;	
	}
	#submenu-left {
		height: 40px;
		width: 10px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
	}
	#submenu-right {
		height: 40px;
		width: 10px;
		background-image: url(../../media/layout-2012/menu-bg.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		float: right;
	}			
	/* Content */
	/******************************************/
	#content {
		background-color: #FFFFFF;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 10px;
		position: relative;
	}
	#footer {
	}	
	#page-content-1 {
		width: 100%;
	}
	#page-content-2 {
		width: 580px;
		float: left;
	}
	#page-content-3 {
		width: 280px;
		float: right;		
	}
	#page-content-4 {
		width: 440px;
		float: left;
	}
	#page-content-5 {
		width: 890px;
	}

	/* Content */
	/******************************************/
	.home-links {
		width: 100%;	
		background-image: url(../../media/home/intro-bg.png);
	}
	.home-video {
		margin-top: 20px;	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
	}
	.home-video-links {
		background-image: url(../../media/home/intro-bg.png);
		padding: 10px;
	}	
	
	.home-links {
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.home-links td {	
	}
	.home-links a {
		color: #FFFFFF;
	}
	.home-spacer {
	}	
	td.home-img-links {
		margin: auto 0;
	}
	td.home-img-links img {
		border: #FF6600 4px solid;
	}
	td.home-img-links img:hover {
		border: 4px solid #FF9900;
	}	
	
	#content ol {
		list-style-position: outside;
		list-style-type: decimal;
		margin-left: 20;
	}
	#content ol li {
		margin-left: 20px;
		line-height: 20px;
		padding-bottom: 10px;		
	}		

	#content ul {
		list-style-position: outside;
		list-style-type: square;
		margin-left: 20px;
	}
	#content ul li {
		margin-left: 20px;
	}
	#content strong {
		font-weight: bold;
	}
	
	.img-left {
		float: left;
		padding: 0px 5px 5px 0px;
	}
	.img-right {
		float: right;
		padding: 0px 0px 5px 5px;
	}
	.clear-left {
		clear: left;
	}	
	.clear-right {
		clear: right;
	}		
	.price {
		background-color: #FFFFCC;
		border: #FF9900 4px solid;
		padding: 0px 10px;
		margin-bottom: 10px;
	}
	.info {
		background-color: #CCFFFF;
		border: #0099CC 4px solid;
		padding: 0px 10px;
		margin-bottom: 10px;
	}	
	.warning {
		background-color: #FFCCCC;
		border: #CC0000 4px solid;
		padding: 0px 10px;
		margin-bottom: 10px;
	}
	.quote {
		background-color: #CCFFCC;
		border: 4px solid #99CC00;
		padding: 0px 10px;
		margin-bottom: 10px;
	}		
	.blue-italics {
		color: #0099CC;
		font-style: italic;
		font-weight: bold;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
	}
	.red-italics {
		color: #990000;
		font-style: italic;	
		font-weight: bold;
		font-size: 16px;
		padding: 0px;
		margin: 0px;			
	}	
	.testimonial {
		background-color: #FFEEDD;
		border: 4px solid #FF9900;
		padding: 0px 10px;
		margin-bottom: 10px;
	}		
		
		
	#home-header {
		height: 606px;
		width: 890px;
		background-image: url(../../media/layout-2012/headers/header-home.jpg);
		background-position: center center;
	}
	#home-header #home-video {
	margin: 373px 0px 0px 519px; 	
	}