@charset "utf-8";
/* CSS Document for Fosbel | Scott Largent, Web Design, MindStreams, LLC. | 08-01-10 */

/* TABLE OF CONTENTS -------------------------------

	GLOBAL
	STRUCTURE
		MASTHEAD
		HEADER IMAGE
		MIAN CONTENT
		FLASH CONTAINER
		FOOTER
	NAVIGATION
		GLOBAL NAVIGATION
		MAIN NAVIGATION
		FOOTER NAVIGATION
	TEXT ELEMENTS
		HEADERS
		BODY COPY
		LINKS
	FORMS
		SEARCH
		CONTACT US
		APPLICATIONS
			CUSTOM APP NAME
	MISC CLASSES
	
	
	Color Palette
	------------------------------------------------
	Red					#ed1c24
	Black			    #281d1d
	Gray			    #bababb
	Gray Text           #5e606b
	Gray Footer Text    #494a4f
	BreadCrumbs Text    #6c6c6c

---------------------------------------------------- */

/* GLOBAL ------------------------------------------ */

	html { height:100%; }
	body { margin:0; padding:0; height:100%; background:#fff url("../images/SiteBKG.jpg")/*tpa=http://www.fosbel.com/images/SiteBKG.jpg*/ repeat-x; font-family:Frutiger, Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
	body.SubPage { margin:0; padding:0; height:100%; background:#fff url("../images/SubPageSiteBKG.jpg")/*tpa=http://www.fosbel.com/images/SubPageSiteBKG.jpg*/ repeat-x; font-family:Frutiger, Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; }
	img { border:none; }

/* STRUCTURE --------------------------------------- */

	#Container { width:980px; margin:0 auto; }

	/* MASTHEAD */
	
	#MastHeadContainer { width:980px; margin:0 auto; height:84px; }
		
	#Brand { padding:20px 0 0 0; }
		#Brand img { border:none; float:left; }
			
	/* HEADER IMAGE */
	
	#HeaderImageContainer { width:980px; margin:0 auto; background:url("../images/HeaderImageBKG.jpg")/*tpa=http://www.fosbel.com/images/HeaderImageBKG.jpg*/ no-repeat; height:254px; }
	#HeaderImageContainerSub { width:980px; margin:0 auto; background:url("../images/SubpageHeaderImageBKG.jpg")/*tpa=http://www.fosbel.com/images/SubpageHeaderImageBKG.jpg*/ no-repeat; height:87px; }
		#HeaderImageContainerSub h1 { color:#FFFFFF; margin:0; padding:50px 0 0 180px; float:left; font-size:30px; font-weight:normal; /*font-variant:small-caps;*/ }
	
	/* MAIN CONTENT */
	
	#MainContentContainer { width:100%; margin:0; padding:0 0 50px 0; background:#fff url("../images/MainContentBKG.jpg")/*tpa=http://www.fosbel.com/images/MainContentBKG.jpg*/ repeat-x; }
	#MainContent { width:980px; margin:0 auto; padding:3px 0 0 0; }
		#MainContent p { margin:0; padding:5px 5px 10px 0; line-height:25px; font-weight:normal; }
	#MainContent blockquote { margin:0 40px 0 20px; }
	
	#HomepageContent { width:540px; }/* added JDO 6.1.09 */
		
	#MainSubContent { width:800px; padding:20px 0 0 10px; float:left; }	
		#MainSubContent p { margin:0; padding:5px 0 10px 0; line-height:16px; font-weight:normal; }
		#MainSubContent ul { margin:0 0 10px 15px; padding:0; line-height:16px; font-weight:normal; list-style-image:url("../images/RedBullet.jpg")/*tpa=http://www.fosbel.com/images/RedBullet.jpg*/; }
		#MainSubContent li { margin:0 0 0 15px; padding:0; }
		#MainSubContent ul li ul { margin:0 0 10px 15px; padding:0; }
			#MainSubContent ul li ul li { margin:0 0 0 15px; padding:0; }
		
	#ContactLocator { width:350px; float:right; }
		#ContactLocator h1 { font-size:22px; color:#ed1c24; margin:0; padding:0 0 5px 0; }
		
	/* FLASH CONTAINER */
	
	#FlashContainer { margin:105px 0 0 550px; padding:0; width:445px; height:550px; float:left; z-index:1; position:absolute;  }
		#FlashContainerSub { width:430px; margin-top:0; float:right; }
	
	/* FOOTER */
	
	#FooterContainer { width:100%; height:65px; background:#bababb; margin:0 0 10px 0; padding:10px 0 0 0; float:left; }
	#FooterContent { width:980px; margin:0 auto; padding:0; height:57px; }
		#FooterContent ul { margin:25px 0 0 0; padding:0; }
		#FooterContent li { display:inline; padding:0; margin:0; }
			#FooterContent li a, #FooterContent li a:link, #FooterContent li a:visited { padding:0 8px 0 3px; color:#281d1d; text-decoration:none; border-right:1px solid #281d1d; }
			#FooterContent li a:hover { color:#ed1c24; text-decoration:underline; }
			#FooterContent li a.LinkEnd { border-right:none; }
			#FooterContent li a.CurrentPage { color:#ed1c24; text-decoration:underline; }
		
		#FooterSiteSelection { float:left; color:#494a4f; font-style:italic; margin:0 10px 0 0; padding:0; }
		#FooterCopyright { width:980px; margin:0 auto; text-align:right; }

/* NAVIGATION -------------------------------------- */
	
	/* GLOBAL NAVIGATION */
	
	#GlobalNavContainer { color:#fff; height:22px; float:right; margin:0; padding:0; }
		#GlobalNavLeft { float:left; height:22px; margin:0; padding:0; }
			#GlobalNavLeft img { margin:0; padding:0; }
		#GlobalNavMiddle { float:left; height:19px; margin:0; padding:0; background:#ed1c24; padding:3px 5px 0 5px; }
			#GlobalNavMiddle a, #GlobalNavMiddle a:link, #GlobalNavMiddle a:visited { color:#fff; text-decoration:none;  }
			#GlobalNavMiddle a:hover { color:#fff; text-decoration:underline; }
			#GlobalNavRight { float:left; height:22px; }
	
	/* MAIN NAVIGATION */
	
	#MainNavContainer { width:170px; margin:0; padding:0; }

	/* home lists */

	#MainNav, #MainNav ul { padding:0; margin:0; list-style:none; width:150px; z-index:10; }
	#MainNav { display:block; padding:20px 0 0 0; }
		#MainNav a { display:block; width:125px; padding:5px 0 0 0; text-decoration:none; color:#fff; font-size:12px; font-weight:700; }
		
	/* all list items */
	#MainNav li { float:left; height:28px; padding:4px 0 0 25px; background:url("../images/GrayArrow.gif")/*tpa=http://www.fosbel.com/images/GrayArrow.gif*/ no-repeat 2px 10px; border-bottom:1px dotted #fff; }
	#MainNav li.NoBorder { float:left; height:28px; padding:4px 0 0 25px; background:url("../images/GrayArrow.gif")/*tpa=http://www.fosbel.com/images/GrayArrow.gif*/ no-repeat 2px 10px; border-bottom:none; }

	/* second-level lists */
	/* using left instead of display to hide menus because display:none isn't read by screen readers */
	#MainNav li ul { width:225px; position:absolute; background:#676566 url("../images/MainNavHoverBKG.jpg")/*tpa=http://www.fosbel.com/images/MainNavHoverBKG.jpg*/; left:-999em; margin:-26px 0 0 125px; }
	#MainNav li ul li { width:200px; }
	#MainNav li ul li a { width:200px; border:none; }

	/* third-and-above-level lists */
	#MainNav li ul ul { width:225px; margin:-26px 0 0 200px; }
	#MainNav ul li ul li { width:200px; }
	#MainNav ul li ul li a { width:200px; border:none; }
	#MainNav li:hover ul ul, #MainNav li:hover ul ul ul, #MainNav li.sfhover ul ul, #MainNav li.sfhover ul ul ul { left:-999em; }
	#MainNav li:hover { background:#281d1d url("../images/GrayArrow.gif")/*tpa=http://www.fosbel.com/images/GrayArrow.gif*/ no-repeat 2px 10px; }
	#MainNav li.sfhover { background:#281d1d url("../images/GrayArrow.gif")/*tpa=http://www.fosbel.com/images/GrayArrow.gif*/ no-repeat 2px 10px; }
	#MainNav li a:hover { color:#fff;  }
	
	/* lists nested under hovered list items */
	#MainNav li:hover ul, #MainNav li li:hover ul, #MainNav li li li:hover ul, #MainNav li.sfhover ul, #MainNav li li.sfhover ul, #MainNav li li li.sfhover ul {  left:auto; }

	/* do not remove (ie) */
	#MainNav li:hover { position:static; }
	
	/* SUB NAVIGATION */
	
	#SubNavContainer { width:170px; float:left; }
		#SubNavContainer h1 { background:#ff4242 url("../images/TabbedPannelHeaderBKG.jpg")/*tpa=http://www.fosbel.com/images/TabbedPannelHeaderBKG.jpg*/ repeat-x; width:135px; margin:25px 0 10px 0; padding:6px 0 0 15px; font-size:12px; height:22px; 	    
			font-weight:700; color:#FFFFFF; float:left; }

	/* subpage lists */

	#SubPageNav, #SubPageNav ul { padding:0; margin:0; list-style:none; width:150px; }
	#SubPageNav { display:block; padding:20px 0 0 0; }
		#SubPageNav a { display:block; width:125px; padding:5px 0 0 0; text-decoration:none; color:#373435; font-size:12px; font-weight:700; }
		
	/* all list items */
	#SubPageNav li { float:left; height:28px; padding:4px 0 0 25px; background:url("../images/GrayArrowSub.gif")/*tpa=http://www.fosbel.com/images/GrayArrowSub.gif*/ no-repeat 2px 10px; border-bottom:1px dotted #373435; }
	#SubPageNav li.NoBorder { float:left; height:28px; padding:4px 0 0 25px; background:url("../images/GrayArrowSub.gif")/*tpa=http://www.fosbel.com/images/GrayArrowSub.gif*/ no-repeat 2px 10px; border-bottom:none; }
	#SubPageNav li.Current { background:#efeff0 url("../images/GrayArrowSub.gif")/*tpa=http://www.fosbel.com/images/GrayArrowSub.gif*/ no-repeat 2px 10px; }

	/* second-level lists */
	/* using left instead of display to hide menus because display:none isn't read by screen readers */
	#SubPageNav li ul { width:225px; position:absolute; background:#d1d1d3; left:-999em; margin:-26px 0 0 125px; }
	#SubPageNav li ul li { width:200px; }
	#SubPageNav li ul li a { width:200px; }

	/* third-and-above-level lists */
	#SubPageNav li ul ul { margin:-26px 0 0 200px; }
	#SubPageNav li:hover ul ul, #SubPageNav li:hover ul ul ul, #SubPageNav li.sfhover ul ul, #SubPageNav li.sfhover ul ul ul { left:-999em; }
	#SubPageNav li:hover { background:#efeff0 url("../images/GrayArrowSub.gif")/*tpa=http://www.fosbel.com/images/GrayArrowSub.gif*/ no-repeat 2px 10px; }
	#SubPageNav li.sfhover { background:#efeff0 url("../images/GrayArrowSub.gif")/*tpa=http://www.fosbel.com/images/GrayArrowSub.gif*/ no-repeat 2px 10px; }
	
	/* lists nested under hovered list items */
	#SubPageNav li:hover ul, #SubPageNav li li:hover ul, #SubPageNav li li li:hover ul, #SubPageNav li.sfhover ul, #SubPageNav li li.sfhover ul, #SubPageNav li li li.sfhover ul {  left:auto; }

	/* do not remove (ie) */
	#SubPageNav li:hover { position:static; }
	
	/* FOOTER NAVIGATION */
	
	#FooterNav { float:right; }
	
	/* BreadCrumbs */ 
	
	#BreadCrumbs { font-weight:700; color:#6c6c6c; margin:0; padding:0; }
	#BreadCrumbs table { margin:0 0 10px 0; padding:0; float:left; }
	#BreadCrumbs a { text-decoration:underline; font-weight:700; } 

/* TEXT ELEMENTS ----------------------------------- */

	/* HEADERS */
	h1 { font-size:22px; color:#5e606b; margin:0 0 0 0; padding:10px 0 10px 0; }
	h2 { font-size:16px; color:#ed1c24; margin:0; padding:0; }
	h3 { font-size:16px; color:#281d1d; margin:0; padding:0; }
	h4, h5, h6 { font-size:14px; color:#ed1c24; margin:0; padding:0; }
	
	/* BODY COPY */
	p {}
	
	/* LINKS */
	a, a:link, a:visited { padding:0; margin:0; color:#ed1c24; text-decoration:underline; }
	a:hover { color:#ed1c24; text-decoration:none; }
	a:active {}	

/* FORMS ------------------------------------------- */
	
	/* SEARCH */
	
	#SearchContainer { display:inline; float:right; width:300px; margin:0; padding:0; color:#fff; }
		#Search { float:right; margin:5px 0 0 0; padding:0; font-weight:700; }
		.SearchBox { margin:0 5px 0 5px; padding:0; height:15px; }
	.GoButton { border:1px double #fff; margin:0; padding:0 2px 0 2px; color:#fff; background:#FF0000; height:18px; font-size:10px; font-weight:700;  }
	.GoButton:hover { border:1px double #fff; margin:0; padding:0 2px 0 2px; color:#fff; background:#281d1d; height:18px; font-size:10px; font-weight:700;  }
	
	/* CONTACT US */
	
	.Form { width:95%; margin:5px 0 0 0; float:left; }
		.Form td { padding:3px 0 3px 0; }
		.Form input { border:1px solid #c3c3c3; }
		.CheckBox { margin:0 5px 0 5px; border:0; }
		
	.SubmitButton { border:1px double #bababb; color:#fff; background:#FF0000; font-weight:700; }
		.SubmitButton:hover { border:1px double #bababb; color:#fff; background:#281d1d; font-weight:700; }
	
	#ContactFormArea { width:420px; float:left; margin:0; padding:0; }
		#ContactFormArea p { width:400px; font-size:14px; margin:3px 0 3px 0; }
		
	#ContentAreaSmall { width:360px; float:left; margin:0; padding:0; }
		#ContentAreaSmall p { margin:3px 0 3px 0; padding:20px 0 0 0; }
	
	/* APPLICATIONS */
	/* development should use class="Form ApplicationStyleName"
	   this will aquire global form styles and enable for customization in application */
	
	.ApplicationStyleName {}
	
/* TRADESHOWS -------------------------------------- */
 	
	#Tradeshows { width:520px; margin:10px 0 0 0; }
	#Tradeshows p {float:left; width:140px; margin:0; padding:0 5px 0 0; }
		.Event { width:260px; float:left; margin:10px 0 0 0; display:block; }
		.Event img { float:left; margin:0 10px 0 0; padding:0; }



/* MISC CLASSES ------------------------------------ */

    .clear { clear:both; }
	.Tagline { float:left; font-size:14px; font-weight:700; margin:15px 0 0 25px; color:#5e606b; }
	.Fosbel { padding:0 7px 0 0; }
	.RightImage { float:right; margin:0 0 0 10px; border:2px solid #fff; clear:none; }
	.LeftImage { float:left; margin:0 10px 0 0; border:2px solid #fff; }
	.ImageContainerRight { float:right; margin:0 10px 0 0; border:2px solid #fff; }
		.ImageContainerRight p { text-align:center; font-size:10px; font-style:italic; }
	.ImageContainerLeft { float:left; margin:0 10px 0 0; border:2px solid #fff; }
		.ImageContainerLeft p { text-align:center; font-size:10px; font-style:italic; }
	.Asterisk { color:#ed1c24; font-weight:700; padding:0 5px 0 0; }
	a.Document { padding:0 0 0 15px; }