/* CSS Document */

@import url(forms.css);

body {
  font: 98.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  background: #3572ab;
  margin-top: 15px;
  padding: 0;
  background: url(http://www.facilitiesmexico.com/images/bkg_1.jpg) no-repeat fixed center top!important;
}

/*
LINKS + Font Globals --------------------- */

/*h2 {
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1;
  color: #666666;
  margin: 15px 0 0 0;
}
h1 { font: 24px Georgia, "Times New Roman", Times, serif; color:#666666; }

p, ul, ul li { font-size: 12px; line-height: 18px; }*/


p, h1, h2, h3, h4 { margin: 0 15px 15px 15px; }
table { margin: 0 15px 5px 35px; }
h1 { font: 24px Georgia, "Times New Roman", Times, serif; color:#333; }
h1, h2 { margin-top: 15px; }
h3 { font: 18px Georgia, "Times New Roman", Times, serif; color: #CC0033; margin-top: 25px;}
h2 {
  font-weight: normal;
  color: #666666;
  font: 22px Georgia, "Times New Roman", Times, serif;
}

#primaryContent p, #primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent ul { padding-left: 25px; }

p, #primaryContent ul, #primaryContent ul li { font-size: 12px; line-height: 24px; color: #666; }
#primaryContent ul { list-style: disc; margin-left: 7px; }
#primaryContent ul li { margin: 0 15px 3px 15px; }
a:link, a:active, a:visited { color: #0099CC; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
a img { border: 0; }

img.imgRt { float: right; margin: 25px 50px 15px 0; padding: 0;}

p.pics { float:right; padding: 0 15px 0 15px; }

p.hr { text-align: center; }

/*
SITE CONTAINER --------------------- */

#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
	/*background: url(http://www.facilitiesmexico.com/images/shadow.png) repeat top center;*/
	background-color:#f7f4eb;

}

/*.containerWrapper {
  background: url(http://www.facilitiesmexico.com/images/shadow.png) no-repeat bottom right;
  width: 990px;
  margin: 0 0 0 0;
}*/

/*
HEADER + ADS + SUB NAV --------------------- */

#header
{ width: 990px; height: 200px; background: #f7f4eb url(http://www.facilitiesmexico.com/images/hr_900x25.gif) no-repeat bottom center;
	 }

#header h1 {
	position: absolute;
	width: 250px; 
	margin: 15px 0 0 25px;
	height: 113px; 
	z-index: 50;
	background: url(http://www.facilitiesmexico.com/images/logo_FacilitiesMexico.gif) no-repeat center;
	text-indent: -9000px;
}

#header h1 a { display: block; width: 250px; height: 113px; text-indent: -9999px; outline: none; }

#header h2 {
	position: absolute;
	width: 580px; 
	margin: 15px 0 0 375px;
	height: 123px; 
	z-index: 50;
	background: url(http://www.facilitiesmexico.com/images/date2.gif) no-repeat center;
	text-indent: -9000px;
}

#header h2 a { display: block; width: 580px; height: 123px; text-indent: -9999px; outline: none; }

#header h3 {
	position: absolute;
	width: 73px; 
	margin: 165px 0 0 805px;
	height: 13px; 
	z-index: 50;
	background: url(http://www.facilitiesmexico.com/images/icon_usa.gif) no-repeat center;
	text-indent: -9000px;
}

#header h3 a { display: block; width: 73px; height: 13px; text-indent: -9999px; outline: none; }
#header h4 {
	position: absolute;
	width: 73px; 
	margin: 165px 0 0 890px;
	height: 13px; 
	z-index: 50;
	background: url(http://www.facilitiesmexico.com/images/icon_mexico.gif) no-repeat center;
	text-indent: -9000px;
}

#header h4 a { display: block; width: 73px; height: 13px; text-indent: -9999px; outline: none; }


.number { font: 18px Georgia, "Times New Roman", Times, serif; color:#006699; font-weight:bold; }


/*
CONTENT / BODY --------------------- */

#mainContent {
	margin: 0 auto; 
	width: 640px; /* since this element is floated, a width must be given */
	padding: 5px 25px 100px 25px; /* top and bottom padding create visual space within this div  */
	background-color: #f7f4eb;
}

#primaryContent {
float: left;
width: 780px;
margin: 0;
padding: 0;
display: inline;
background-color: #f7f4eb;
}

#leftContent{
float: left;
width: 175px;
height:800px;
margin: 0;
padding: 0;
background: #f7f4eb url(http://www.facilitiesmexico.com/images/bkg_nav.gif) no-repeat top left;
display: inline;
z-index: 100;
}

.mainCopy { float: left; display:inline; width: 370px; }
.mainLogos { float: right; display:inline; width: 390px; height:100px; margin:0; padding:0; }
.mainShow { float: right; display:inline; width: 390px; }
.mainLogos p, .mainCopy p { margin: 10px 5px 0 5px; font-size: 16px; }
.mainLogos h2, .mainShow h2 { margin: 25px 5px 10px 5px; text-align: center; }
.mainLogosBox {float: left; display:inline; width: 80px; height:75px; margin:0; padding:0; } 

.leftBoxOneColmn, .leftBoxOneColmn1 { float:left; width:770px;}
.leftBoxOneColmn h1, .leftBoxOneColmn1 h1 { margin-top: 50px; }
.leftBoxOneColmn1 p { font-size: 12px; }
.leftBoxOneColmn p { font-size: 12px; }

.leftBox { float:left; width:385px; margin: 0; padding: 0;}
.leftBox p { font-size: 12px; }
.leftBox h1 { margin-top: 75px; }
.leftBox .first { border-right: 3px #31b0c3; }
.leftBox ul {  margin: 0 0 0 24px; }
.leftBoxOneColmn ul { list-style: none; }
.leftBox ul li {  margin-left: -10px; padding-bottom: 5px; font-size: 12px; }
.leftBoxOneColmn ul li {  margin-left: -10px; padding-bottom: 5px; font-size: 12px; }

.leftBoxMain { float:left; width: 245px; display: inline; margin: 0; padding: 0; }

.leftBoxTracks { float:left; width:385px; height: 280px;}

.leftBoxSolutions { float:left; width:260px; display: inline; height: 350px; margin: 0; padding: 0; }
.leftBoxSolutions h1 { font-size: 18px; }
.leftBoxSolutions p { font-size: 12px; }

.infoBox { float: left; margin:0; padding:0; width:780px; display: inline; }

#countdown p { font: 24px Georgia, "Times New Roman", Times, serif; color: #333; margin-left: 15px; }
#reg, #reg2 { width: 152px; height:78px; background:#c4ecec url(http://www.facilitydecisions.com/images/bkg_reg.jpg) no-repeat top center; margin-left: 10px;}
#reg p, #reg2 p, #resources p { padding: 15px 0 0 0px; margin-left: 3px; text-align:center;}
#reg p a, #reg2 p a, #resources p a { color: #CC0033; font: 14px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold;}

#email { border: none; }
#email h2 { color: #333; padding: 0; margin-top: 0; margin-left: -5px; margin-bottom: 3px; font-size: 16px;}
#email p {color: #333; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin-left: -5px; line-height: normal;}

#bacnet h2,#connect h2, #download h2 { color: #333; padding: 0; margin-left: 10px; margin-bottom: 0; font-size: 16px;}
#connect, #bacnet, #search, #hotelAlert, #download, #resources { width: 152px; }
#connect p, #hotelAlert p,  #search p, #download p {color: #666; padding: 0; margin-left: 10px;}
#connect img, #search img, #hotelAlert img { padding-right: 5px;}
#search { height: 25px; }
#search_input { float:left; margin-left: 5px; }
#search_submit {
   cursor: pointer;
   float: right;
   
}
#searchResults { margin: 0 0 0 25px; }
#searchimg {
width: 21px;
height: 21px;
}

#bacnet p {color: #666; padding: 0; margin-left: 10px;}
#bacnet p a { color: #333; font: 10px Verdana, Arial, Helvetica, sans-serif; }


#twitter { width:168px; height: 168px; margin: 0; padding: 0; background: url(http://www.facilitiesmexico.com/images/bkg_twitter.gif) no-repeat top center;}
#twitter p { font-weight: bold; padding-top: 15px; color:#fff; font-size: 11px; padding-left: 0; }
#twitter ul { list-style: none; color: #fff; font-size: 11px; margin: 0; padding: 0 5px 0 7px;}
#twitter ul li a { text-decoration: none; font-size: 10px; margin: 0; padding: 0; line-height:-15px;}
#twitter ul li a:hover { text-decoration: underline; }
#twitter p a, #twitter p a:hover { text-decoration: none; color:#999; font-size: 11px; }

span.twit img { padding-left: 15px; }


.left {width: 285px; float: left; display: inline; }
.right {width: 285px; float: right; display: inline; }
.left h2, .right h2 { margin: 0; padding: 0;}


.expoSeguridad a, .mexSafety a, .mexFire a, .facilitiesMex a {
  display: block;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-indent:-9000px;
  outline: none;
  margin: 0; padding: 0;
}
.expoSeguridad a { background: url(http://www.facilitiesmexico.com/images/mainlogo_ExpoSecuridadMexico_sm.gif) no-repeat right bottom; width:75px; }
.mexSafety a { background: url(http://www.facilitiesmexico.com/images/mainlogo_MexicoSafetyExpo_sm.gif) no-repeat right bottom; width:75px; }
.mexFire a { background: url(http://www.facilitiesmexico.com/images/mainlogo_MexicoFireExpo_sm.gif) no-repeat right bottom; width:75px; }
.facilitiesMex a { background: url(http://www.facilitiesmexico.com/images/mainlogo_FacilitiesMexico_sm.gif) no-repeat right bottom; width:75px; }

.expoSeguridad a:hover, .expoSeguridad .selected a, .mexSafety a:hover, .mexSafety .selected a, .mexFire a:hover, .mexFire .selected a, .facilitiesMex a:hover, .facilitiesMex .selected a {
  background-position: left bottom;
}

/* EVENT DIRECTORY */
#eventL { float: left; width: 120px; background-color: #eaeaea; }
#eventL p { margin: 0; padding: 0 3px 0 3px; }
/*#eventR .plainBx p, #eventR .greyBx p { margin: 0 15px 15px 15px; }
#eventR { }*/
.miniL { float: left; width: 350px; padding: 0; margin: 0; }
.plainBx { width: 95%; border: #d5d2c6 thin solid; clear: both; }
.greyBx { float:right; margin: 0 0 15px 0; width: 95%; background-color: #d5d2c6; clear: both; }


/* mainNav */
/* Global mainNavigation Bar */
#mainNavContainer {
	position: absolute;
	display: inline;
	padding: 0;
	margin: 162px 0 0 0;
	width: 800px;
	height: 31px;
	list-style: none;
	z-index: 100;
 }
 

#mainNav, #mainNav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width:800px;
 
}

#mainNav li {
  float: left;
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */ ;
}

#mainNav a {
  display: block;
  width: 130px;
  height: 31px;
  line-height: 30px;
  color:#0099CC;
  text-decoration: none;
  text-indent: 15px;
  text-align: center;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  }

#mainNav a:hover, #mainNav .selected a {
  background-position: right bottom;
  color: #928f82;
}

#mainNav .smaller a {
  width:90px; 
}

#mainNav .wide a {
  width:207px; 
}

#mainNav li ul { /* second-level lists */
	position: absolute;
	margin-left: 15px;
	background: #d5d2c6;
	width: 170px;
	padding: .5em;
	line-height: 1.0em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 10000;
}

/* lists nested items under hovered list items */
#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 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;
}

#mainNav li:hover, #mainNav li.hover {
    position: static; /* IE7 Fix */
}

/* dropdown styles */
#mainNav li ul.drop_nav a {
	font: normal 11px verdana,arial,sans-serif;
	width: 170px;
	height: 25px;
	padding: 0px 0px 0px 1px; /* this gives adds an indent to the dropdown link text */
	text-align: left;
	text-indent: 0px;
	background-color: #d5d2c6;
	background: none;
	color: #333;
  
}

#mainNav li ul.drop_nav a:visited {
	display: block;
	width: 170px;
	color: #666;
	text-decoration: none;
}

#mainNav li ul.drop_nav a:hover {
	display: block;
	width: 170px;
	color: #06c;
	text-decoration: underline;
}

#mainNav li ul.drop_nav a:active {
	display: block;
	width: 170px;
	color: #06c;
	background-color: #d6cdc0;
}

/*
SPONSORS --------------------- */

#sponsors {
	float: left;
    width: 990px;
	background-color: #fff;
	border-top: 1px solid  #ccc;
	border-bottom: 1px solid #ccc;
	
}

#sponsors h3 {
	text-align: left;
	padding: 7px 0 0 7px;
	font: 16px Georgia, "Times New Roman", Times, serif; 
	color: #333;
}

#sponsors p {
	text-align: left;
	padding: 0 0 0 7px;
	font: 12px Georgia, "Times New Roman", Times, serif; 
	color: #333;
}

#sponsors a img {
	padding: 0 7px 10px 7px;
}

.sponsorsm { color: #990000; font-size: 11px; }
.sponsor { color: #990000; font-size: 14px; text-decoration: underline; }
a.sponsor:Link   { color: #990000; font-size: 14px; text-decoration: underline; }
a.sponsor:Visited  { color: #990000; font-size: 14px; text-decoration: none }
a.sponsor:Hover  { color: black; font-size: 14px; text-decoration: none }
a.sponsor:Active  { color: #990000; font-size: 14px; text-decoration: none }

.leftBoxSponsors { float:left; width: 320px; display: inline; }

.red {color: #990000; font-size: 14px; text-decoration: underline;}

table p { margin: 0; padding: 0; }
table p a:link {color:#666;}




/*
FOOTER --------------------- */

#footer {
	width: 990px;
	/*padding: 8px 0 1em; */
	background-color: #3572ab;
	margin: 0 auto;
	text-align: center;
	clear: both;
	
}

#footer ul#btmNav {
  margin: 0;
  padding: 0;
  float: left;
  width: 990px;
  list-style: none;
	border-top: 1px solid #666;
	border-bottom: 2px solid #666;
	background-color: #333;
}

#footer ul#btmNav li {
  float: left;
}


#footer ul#btmNav a:link, #footer ul#btmNav a:active, #footer ul#btmNav a:visited{
  padding: 0 2em;
  line-height: 2.1em;
 text-decoration: none;
  color: #fff;
  font-size: 10pt;
  float: left;
  display: block;
}


#footer ul#btmNav a:hover {
  color: #3498a2;
  font-size: 10pt;
}

#footer p {
	font-size: 10px; 
	color: #fff;
	text-align: left;
}

#footer h2 {
	color: #fff;
}

#footer p#copyright {
	float: left; 
	width:980px;
	color: #333;
}

#footer p#copyright a:link, #footer p#copyright a:active, #footer p#copyright a:visited, #footer p#copyright { color: #fff; }

#footer p#copyright a:hover { color: #333; }




/* legend styling 
#email legend {font: bold 12px "Trebuchet MS", Geneva, Verdana;}
#email fieldset { margin: 0 5px 0 0; padding: 0; }
#email label { float: left; width: 3em; font-size: 1em; }*/