@charset "utf-8";
/* CSS Document */

a {
color: #0f238c;
text-decoration: none;
outline:none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

body {
font-family: Trebuchet MS, Verdana, sans serif;
margin: 0px;
padding: 0px;
background: url(../images/background.gif) #4da9d5 top center repeat-y;
font-size: 14px;
line-height: 18px;
color: #000000;
}

#pagewrapper_div {
width: 950px;
margin: 0px auto;
background: url(../images/contentbg.gif) #ffffff top center repeat-x;
}

/* HEADER ELEMENTS */

h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-family: Trebuchet MS, Lucida Grande, Lucida, Arial, sans serif;
}

h2 {
font-size: 18px;
color: #82a738;
line-height: 18px;
}

h3 {
color: #333333;
font-size: 18px;
line-height: 18px;
}

h4 {
color: #38abff;
font-size: 14px;
line-height: 18px;
}

/* BANNER ELEMENTS */

#banner_div {
height: 179px;
margin-bottom: 20px;
margin-top: 20px;
}

#logowrap {
float: left;
margin-left: 20px;
width: 592px;
}

#logo {
background: url(../images/logo.png) no-repeat scroll 0% 0%;
width: 274px;
height: 179px;
text-indent: -3333px;
border: 0px;
margin: 7px 0px 0px 0px;
float: right;
}

#logo a {
display: block;
width: 274px;
height: 179px;
text-decoration: none;
border: 0px;
}

#logodate {
background: url(../images/logodate.png) no-repeat scroll 0% 0%;
width: 237px;
height: 189px;
text-indent: -3333px;
border: 0px;
margin: 0px 0px 0px 0px;
float: left;
}

#logodate a {
display: block;
width: 237px;
height: 189px;
text-decoration: none;
border: 0px;
}

#featuredrelease {
position: relative;
float: right;
width: 312px;
height: 193px;
background: url(../images/featured.png) no-repeat;
margin-right: -25px;
margin-top: -11px;
}

#featuredrelease table {
height: 115px;
width: 115px;
position: absolute;
left: 12px;
top: 3px;
}

#featuredtext {
position: absolute;
left: 150px;
top: 65px;
width: 150px;
color: #999999;
font-size: 14px;
line-height: 18px;
}

#pressbtn {
position: absolute;
top: 136px;
left: 42px;
border: none;
}

/* NAVIGATION ELEMENTS */

.hide {
display: none;
}

#navbar_div {
}

/* JQUERY DROP */

#nav {
	margin:0; 
	padding:0; 
	list-style:none;
	margin-left: 19px;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
	float: left;
	text-align: center;
  display:block; 
	position:relative;
	z-index:500;
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		font-size: 12px;
		text-indent: -3333px;
	}
	
		#nav li a:hover {
		color:#fff;
		text-decoration: underline;
	}
	
	#homelink a {
	background: url(../images/mainnav.png);
	background-position: 0px 0px;
	height: 54px;
	width: 120px;
	}
	
	#homelink a:hover {
	background-position: 0px -54px;
	height: 54px;
	width: 120px;
	}
	
	#aboutmenulink a {
	background: url(../images/mainnav.png);
	background-position: -120px 0px;
	height: 54px;
	width: 148px;
	}
	
	#aboutmenulink a:hover {
	background-position: -120px -54px;
	height: 54px;
	width: 148px;
	}
	
	#exhibitorslink a {
	background: url(../images/mainnav.png);
	background-position: -268px 0px;
	height: 54px;
	width: 196px;
	}
	
	#exhibitorslink a:hover {
	background-position: -268px -54px;
	height: 54px;
	width: 196px;
	}
	
	#sponsorlink a {
	background: url(../images/mainnav.png);
	background-position: -464px 0px;
	height: 54px;
	width: 179px;
	}
	
	#sponsorlink a:hover {
	background-position: -464px -54px;
	height: 54px;
	width: 179px;
	}
	
	#presslink a {
	background: url(../images/mainnav.png);
	background-position: -643px 0px;
	height: 54px;
	width: 70px;
	}
	
	#presslink a:hover {
	background-position: -643px -54px;
	height: 54px;
	width: 70px;
	}
	
	#contactlink a {
	background: url(../images/mainnav.png);
	background-position: -713px 0px;
	height: 54px;
	width: 199px;
	}
	
	#contactlink a:hover {
	background-position: -713px -54px;
	height: 54px;
	width: 199px;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0px;
			top: 54px;
			display:none; 
			margin:0px 0px 0px 0px; 
			padding:0px; 
			list-style:none;
			z-index: 999;
			width: 200px;
		}
		
		#nav ul li {
			padding: 0px 5px;
			float:left;
			font-size: 14px;
			line-height: 16px;
			width: 190px;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;   
			color:#ffffff;
			font-size: 14px;
			line-height: 28px;
			text-align: left;
			background: #84684f;
			text-indent: 0px;
			height: 30px;
      padding: 0px 10px;
			margin: 0px 5px;
		}
		
		#nav ul a:hover {
			text-decoration: none;
			background: #534130;
			height: 30px;
padding: 0px 10px;
			margin: 0px 5px;
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}


/* END OF JQUERY DROP */

/* FEATURED CAROUSEL AND HOME TEXT*/

#featuredcarousel {
background: #0f238c;
padding: 0px 2px 2px 2px;
margin-bottom: 15px;
}

#featuredcarousel img {
border: 1px solid #c1c1c1;
}

#homeleft {
float: left;
width: 400px;
line-height: 18px;
font-size: 12px;
color: #000000;
text-align: justify;
text-justify: newspaper;
padding: 0px 0px 15px 0px;
}

#homeright {
float: right;
width: 400px;
line-height: 18px;
font-size: 12px;
color: #000000;
text-align: justify;
text-justify: newspaper;
padding: 0px 0px 15px 0px;
}

/* CONTENT SECTION ELEMENTS */

#left_panel_div {

}

#content_div {
color: #333333;
padding: 20px;
}

.righttestimonial {
float: right;
width: 265px;
background: url(../images/darkgray.jpg) repeat-x #c1c1c1;
border: 1px solid #c1c1c1;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

.righttestimonialinner {
padding: 20px;
}

.righttestimonialauthor {
text-align:right;
}

.authorname {
color: #0f238c;
font-weight: bold;
}

.authorcompany {
font-style: italic;
color: #666666;
}

.leftcontent {
float: left;
width: 515px;
}

/* FOOTER ELEMENTS */

div.clear {
clear:both;
}

#footer_div {
background: url(../images/footerbg.jpg) top no-repeat;
margin: 0px 20px;
padding: 30px 0px 20px 0px;
color: #666666;
font-size: 11px;
line-height: 18px;
}

#footer_div a {
color: #666666;
text-decoration: none;
}

#footer_div a:hover {
color: #000000;
text-decoration: none;
}

.copyright {
display:block;
float: right;
margin-left: 25px;
margin-bottom: 10px;
}

/* Accolades */

div.test_container {
padding: 15px;
border: 1px solid #c1c1c1;
margin-bottom: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
background: url(../images/gray.jpg) repeat-x #dfdfdf;
}

div.test {

}

div.author {
text-align: right;
color: #666666;
}

/* HOME PAGE */

#leftcontentcolumn {
float: left;
width: 660px;
}

#videocallout {
position: relative;
width: 660px;
height: 388px;
background: url(../images/videobg.png);
}

#video {
position: absolute;
top: 10px;
left: 20px;
}

#videocallouttext {
position: absolute;
width: 160px;
height: 344px;
top: 24px;
left: 480px;
overflow: hidden;
}

#videocallouttext a img {
border: none;
}

#videocallouttext img.linklogo {
margin-right: 7px;
border: none;
margin-bottom: -4px;
}

#rightcontentcolumn {
float: right;
width: 279px;
margin-right: -45px;
}

.recentevent {
background: url(../images/recenteventbg.png);
height: 104px;
width: 279px;
position: relative;
cursor: pointer;
margin-bottom: 5px;
}

.recenteventmonth {
position: absolute;
top: 15px;
left: 10px;
width: 90px;
height: 20px;
text-indent: -3333px;
background: url(../images/months.png) no-repeat;
}

.month01 {
background-position: 0px 0px;
}
.month02 {
background-position: 0px -24px;
}
.month03 {
background-position: 0px -48px;
}
.month04 {
background-position: 0px -72px;
}
.month05 {
background-position: 0px -96px;
}
.month06 {
background-position: 0px -120px;
}
.month07 {
background-position: 0px -144px;
}
.month08 {
background-position: 0px -168px;
}
.month09 {
background-position: 0px -192px;
}
.month10 {
background-position: 0px -216px;
}
.month11 {
background-position: 0px -240px;
}
.month12 {
background-position: 0px -264px;
}

.recenteventday {
position: absolute;
top: 36px;
left: 8px;
width: 66px;
height: 60px;
text-indent: -3333px;
background: url(../images/days.png) no-repeat;
}

.day01 {
background-position: 0px 0px;
}

.day02 {
background-position: 0px -60px;
}

.day03 {
background-position: 0px -120px;
}

.day04 {
background-position: 0px -180px;
}

.day05 {
background-position: 0px -240px;
}

.day06 {
background-position: 0px -300px;
}

.day07 {
background-position: 0px -360px;
}

.day08 {
background-position: 0px -420px;
}

.day09 {
background-position: 0px -480px;
}

.day10 {
background-position: 0px -540px;
}

.day11 {
background-position: 0px -600px;
}

.day12 {
background-position: 0px -660px;
}

.day13 {
background-position: 0px -720px;
}
.day14 {
background-position: 0px -780px;
}
.day15 {
background-position: 0px -840px;
}
.day16 {
background-position: 0px -900px;
}
.day17 {
background-position: 0px -960px;
}
.day18 {
background-position: 0px -1020px;
}
.day19 {
background-position: 0px -1080px;
}
.day20 {
background-position: 0px -1140px;
}
.day21 {
background-position: 0px -1200px;
}
.day22 {
background-position: 0px -1260px;
}
.day23 {
background-position: 0px -1320px;
}
.day24 {
background-position: 0px -1380px;
}
.day25 {
background-position: 0px -1440px;
}
.day26 {
background-position: 0px -1500px;
}
.day27 {
background-position: 0px -1560px;
}
.day28 {
background-position: 0px -1620px;
}
.day29 {
background-position: 0px -1680px;
}
.day30 {
background-position: 0px -1740px;
}
.day31 {
background-position: 0px -1800px;
}

.recenteventyear {
position: absolute;
top: 34px;
left: 82px;
width: 18px;
height: 53px;
text-indent: -3333px;
background: url(../images/years.png) no-repeat;
}

.year2008 {
background-position: 0px 0px;
}
.year2009 {
background-position: -24px 0px;
}
.year2010 {
background-position: -48px 0px;
}
.year2011 {
background-position: -72px 0px;
}
.year2012 {
background-position: -96px 0px;
}
.year2013 {
background-position: -120px 0px;
}
.year2014 {
background-position: -144px 0px;
}
.year2015 {
background-position: -168px 0px;
}
.year2016 {
background-position: -192px 0px;
}
.year2017 {
background-position: -216px 0px;
}
.year2018 {
background-position: -240px 0px;
}
.year2019 {
background-position: -264px 0px;
}
.year2020 {
background-position: -288px 0px;
}

.recenteventtext {
position: absolute;
top: 12px;
left: 120px;
width: 150px;
height: 80px;
overflow: hidden;
color: #38abff;
font-size: 18px;
}

#content_div a {
color: #38abff;
text-decoration: none;
}

#content_div a:hover {
color: #333333;
text-decoration: none;
}