/* -------------------------------
   ControlFlow.com style sheet
   Author: John Bossley
   Created: 7/4/2009 
   ------------------------------ */
   
/* SECTION: Reset Elements ------------------------------------------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
	fieldset,img { border: 0; } 
	address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
	ol,ul { list-style: none; } 
	h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
			
/* SECTION: General Elements -----------------------------------------------------------------*/

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		margin: 0 auto; padding: 0;
		background: #cbcbcc url(../imgs/body_bg.jpg) top repeat-x;
		}
	
	h2, h3 { font-size: 24px; font-weight: bold; color: #ab1413; }
	h3 { font-size: 20px; }
	
	p { font-size: 12px; line-height: 130%; padding: 0 0 15px 0; }
		
	a { color: #ab1413; text-decoration: none; }
	a:hover { color: #ab1413; text-decoration: underline; }
	
	a img  { border: none; }
	
	#wrapper { width: 932px; margin: 0 auto; }
	
/* SECTION: Header Elements ------------------------------------------------------------------*/
		
	#header { 
		margin: 29px 0 0 0; padding: 0;
		height: 116px;
		background: url(../imgs/header_bg.gif) no-repeat; float: left;
		}

	#header h1 {
		margin: 23px 0 0 23px; padding: 0;
		width: 353px; height: 81px;
		overflow: hidden; float: left;
		background: url(../imgs/logo.gif) no-repeat;
		}
		
	#header h1 a {
		height: 81px;
		padding-top: 81px; display: block;
		}
	
	.headerNav1 { display: block; margin: 23px 13px 0 0; float: right; }
	.headerNav1 li { display: inline; margin-right: 10px; }
	
	.headerNav2 { display: block; margin: 50px 23px 0 0; float: right; width: 165px; }
	.headerNav2 li { color: #ab1413; display: inline; }
			
/* SECTION: Main Nav Elements -----------------------------------------------------------------*/

	#navMain { width: 932px; height: 52px; background: url(../imgs/nav_bg.gif) top no-repeat; float: left; }
	
	#navMain li { margin: 0; padding: 0; height: 52px; float: left; }
	#navMain li a.topLevel { color: #fff; height: 52px; display: block; text-indent: -9999px; }
	
	#navMain li.navHome a.topLevel { width: 183px; margin-left: 8px; background: url(../imgs/nav_home.gif) top no-repeat; }
	#navMain li.navAbout a.topLevel { width: 182px; background: url(../imgs/nav_about.gif) top no-repeat; }
	#navMain li.navProducts a.topLevel { width: 183px; background: url(../imgs/nav_products.gif) top no-repeat; }
	#navMain li.navServices a.topLevel { width: 184px; background: url(../imgs/nav_services.gif) top no-repeat; }
	#navMain li.navSupport a.topLevel { width: 184px; background: url(../imgs/nav_support.gif) top no-repeat; }
	
	#navMain li.navHome a.topLevel:hover,
	#navMain li.navAbout a.topLevel:hover,
	#navMain li.navProducts a.topLevel:hover,
	#navMain li.navServices a.topLevel:hover,
	#navMain li.navSupport a.topLevel:hover { background-position: 0 -52px; }
	
	
	/* Drop Down Menu --------------------------------------------------- */

		#navMain li ul, #navMain ul ul {
			width: 182px; height: auto;
			position: relative;
			margin: 0; padding: 0;
			display: none; 
			background-color: #b91b18;
			z-index: 1;
			}
			
		#navMain ul ul { 
			width: 200px; height: auto;
			position: absolute;
			margin: -19px 0 0 182px; padding: 0;
			background-color: #900504;
			}
			
		*:first-child+html #navMain ul ul { position: relative; }
		
		#navMain li { text-align: center; }
		
		#navMain li li {
			font-size: 11px; font-weight: bold; color: #fff;
			position: relative;
			height: 20px;
			margin: 0; padding: 5px 0 0 0;
			float: none;
			}
		
		#navMain ul ul li { text-align: left; border-bottom: 1px solid #b91b18; margin-right: 10px; margin-left: 10px; }
				
		#navMain li li a { color: #fff; }
		
		#navMain li li:hover { cursor: pointer; background-color: #900504; }
		
		#navMain li li a:hover { text-decoration: none; }
		
		#navMain li:hover ul ul,
		#navMain li li:hover ul ul
			{display:none;}
		
		#navMain li:hover ul,
		#navMain li li:hover ul
			{display:block;}

	
/* SECTION: Content Elements ------------------------------------------------------------------*/

	#contentContainer { width: 932px; float: left; background: url(../imgs/content_area_bg_bottom.gif) top repeat-y; }
	#contentArea { width: 892px; float: left; padding: 15px 20px; background: url(../imgs/content_area_bg_top.jpg) top no-repeat; }
	
	.hpFlashNav { width: 892px; height: 290px; float: left; margin-right: 0px; }
		.hpFlashNav.last { margin-right: 0; }
		
	.contentAreaMain { float: left; width: 465px; margin-top: 15px; padding-right: 30px; border-right: 1px solid #900504; }
		.contentAreaMain h2 { margin-bottom: 10px; }
		
	.contentAreaSidebar { width: 365px; margin-top: 15px; padding-left: 30px; float: left; }
		.contentAreaSidebar p, .contentAreaSidebar h3 { float: left; width: 200px; }
		.contentAreaSidebar h3 { margin-bottom: 10px; }
		.contentAreaSidebar img { float: right; }
		img.moreInfoBtn { margin-top: 5px; }
		
/* SECTION: Subpage Content Elements ----------------------------------------------------------*/

	#subpageContentArea { width: 695px; padding-left: 10px; margin: 0 0 20px 0; float: left; border-left: 1px solid #900504; }
	#subpageSideNav { width: 170px; padding: 0; float: left; }
		.subpageFlashNav { width: 166px; height: 518px; float: left; margin: 0 0 0 -3px; }
	
	h2.subpageTitle { font-size: 24px; color: #000; float: left; width: 695px; margin-bottom: 15px; padding-top: 20px;}
		h2.subpageTitle img { float: left; margin: -20px 20px 0 0; padding-bottom: 10px; }
		h2.subpageTitle.style1 { border-bottom: 10px solid #bb1516; }
	
	.subpageContentAreaMain { float: left; width: 450px; padding-right: 30px;}
		.subpageContentAreaMain h3 { font-size: 14px; color: #000; margin-bottom: 5px; }
		.subpageContentAreaMain img { display: block; margin: 15px auto; }
		
	.subpageContentAreaMain2 { float: left; width: 650px; padding-right: 30px;}
		.subpageContentAreaMain2 h3 { font-size: 14px; color: #000; margin-bottom: 5px; }
		.subpageContentAreaMain2 img { display: block; margin: 15px auto; }
		
	.subpageContentAreaSidebar { width: 200px; float: left; }
		.subpageContentAreaSidebar img { display: block; margin: 0 auto; }
		.subpageContentAreaSidebar p { text-align: center; margin-top: 5px; }
		.subpageContentAreaSidebar a { font-size: 14px; font-weight: bold; }
		
		
/* SECTION: Footer Elements -------------------------------------------------------------------*/

	#footerContainer { float: left; width: 100%; height: 79px; background: url(../imgs/footer_bg.gif) bottom repeat-x; }

	#footerContent { width: 932px; height: 69px; margin: 0 auto; padding: 10px 0 0 0; background: url(../imgs/footer_content_bg.gif) -1px 0 no-repeat; } 
		#footerContent img { float: left; margin: 0 0 0 20px; width: 137px; height: 64px; }
		#footerContent p, #footerContent ul { text-align: right; margin: 5px 23px 0 0; }
		#footerContent p { font-size: 11px; padding: 0; }
		#footerContent li { color: #ab1413; display: inline; }