/*
	Site: EFOS Landing Page
	Date: 06/04/2009
	Author: Larry Chartier | jigsawadvertising.com
	Description: Core CSS File
	Additional CSS Files: N/A 

	WEB COLORS USED FOR THIS SITE
	---------------------------------------------------------------------
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 	
	---------------------------------------------------------------------
*/

/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: none; }


/*	Custom styles begin */

body {font-family: Verdana;background: url(main-bg.gif) repeat-x #fff 0 159px;}

div.wrapper {width: 939px;margin: 0 auto;}

div#topbar {height:90px;background: white;}
div#topbar h1 a.logo {background: url(omni-logo.gif) no-repeat 20px 27px;width: 195px;height: 44px;padding: 27px 0 0 20px;text-indent: -9999px;display: block;}



div#graybar {background: url(gray-bar.gif) repeat-x;height: 69px;width: 100%;border-top:1px solid #acacac;border-bottom: 1px solid #373636;}
div#graybar h2 {text-indent: -9999px;display: block;background: url(efos-omni.gif) no-repeat;width: 581px;height: 69px;margin: 0 auto;}


div#main {border-top: 1px solid #fff;padding: 30px 0;}
div#main dl#whitebox {background: url(white-box-btm.gif) bottom no-repeat;padding-bottom: 20px;width: 939px;margin: 0 auto;}
div#main dl#whitebox dt {background: url(white-box-top.gif) top no-repeat;height: 17px;}
div#main dl#whitebox dd.logos {height: 90px;padding: 0 20px;}
div#main dl#whitebox dd.logos a.omni {width: 150px;height: 34px;background: url(omni-logo-sm.gif) no-repeat;text-indent: -9999px;display: block;float: right;margin: 25px 0 0 0;}

div#main dl#whitebox dd.logos a.ldgi {width: 246px;height: 75px;background: url(logo-ldgi.gif) no-repeat;text-indent: -9999px;display: block;float: left;}
div#main dl#whitebox dd.logos a.exfo {width: 99px;height: 64px;background: url(exfo-logo.gif) no-repeat;text-indent: -9999px;display: block;float: left;}
div#main dl#whitebox dd.logos a.twentyfive {width: 88px;height: 64px;background: url(25years.gif) no-repeat;text-indent: -9999px;display: block;float: left;}

div#main dl#whitebox dd.redbox {background: url(redbox.gif) no-repeat;height: 176px;padding: 0 20px;}
div#main dl#whitebox dd.redbox p.hidden {height: 118px;visibility: hidden;font-size: 10px;}
div#main dl#whitebox dd.redbox a.omni {float:left;display: block;background: url(omni-button.jpg) no-repeat;width: 196px;height: 31px;text-indent: -9999px;}
div#main dl#whitebox dd.redbox a.omni:hover {background: url(omni-button-roll.jpg) no-repeat;}
div#main dl#whitebox dd.secondary {padding: 22px 20px 0 20px;}
div#main dl#whitebox dd.secondary img {float: left;margin: 0 54px 0 0;}

div#main dl#whitebox dd.secondary h4 {color: #c81505;font-size: 12px;margin: 0 0 7px 0;}
div#main dl#whitebox dd.secondary p {font-size: 11px;color: #666;line-height: 18px;}
div#main dl#whitebox dd.secondary p img {margin: 3px 7px 0 0;}
div#main dl#whitebox dd.secondary p a {color: #666;}
div#main dl#whitebox dd.secondary p a:hover {color: #000;}

div#footer {border-top: 1px dotted #ccc;padding: 10px 0;}
div#footer a {color: #999;}
div#footer a:hover {color: #000;}

div#footer p {color: #999;font-size: 10px;padding: 0 20px;}
div#footer p.byme {float: right;text-align: right;}