/* GLOBALS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none}
del {text-decoration:line-through;}
table { border-collapse:collapse; border-spacing:0;}

body {background:#29567F; text-align:center; line-height:1; color:#bed6ee; font:69% Verdana,Geneva,Kalimati,sans-serif; padding-bottom:3em;}

p {margin-bottom:1em;}
a:link, a:visited {color:#1780d7; text-decoration:underline;}
a:hover, a:active {color:#003565;}
.hide {display:none;}


/* CONTAINERS */
#container {background:#E8EBF0 url(../images/body-bg.jpg) repeat-x top center;}
#sub-container {min-height:525px; width:840px; margin:0 auto; text-align:left;}

/* HEADER */
#header {padding-top:12px; height:70px; width:814px; background:url(../images/header-bg.gif) no-repeat top left;}
#sitename {display:block; float:left;}
#sitename a {display:block; width:316px; height:62px; text-indent:-999px; overflow:hidden;}
#subnav {text-align:right; text-transform:lowercase;}
#subnav li {display:inline; margin-left:10px;}
#subnav li a {color:#000; text-decoration:none;}
#subnav li a:hover {color:#000; text-decoration:underline;}
#subnav li a span {color:#f00; margin-left:-3px;}
#tagline {display:none;}

/* NAV */
#mainnav {display:block; width:161px; margin-left:650px; padding-top:10px;}
#mainnav li {background:url(../images/mainnav-li-bg.jpg) no-repeat 0 0;}
#mainnav li.first a {border-top:1px solid #BCC3C8;}
#mainnav li a {display:block; width:139px; height:26px; padding:7px 0 0 22px; background:url(../images/mainnav-li-bg.jpg) no-repeat 0 0; border-bottom:1px solid #BCC3C8; text-decoration:none; font-weight:bold; letter-spacing:-0.6px;}
#mainnav li a:hover {color:#fff; background-position:0 -50px;}

/* CONTENT */
#content {width:827px; background:#fff url(../images/contentheader-bg.gif) no-repeat top left; margin-left:10px; padding-bottom:.6em; padding-top:7px; min-height:445px;}
#subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#subcontent {display:inline-block; background:url(../images/highlights-bg.jpg) no-repeat top center; padding-top:2px; padding-left:8px; margin-left:5px;}
#spotlight {padding-left:6px; height:200px;}
#spotlight #ad {width:639px; height:192px; float:left;}

#sidebar {background:url(../images/sidebar-bg.jpg) no-repeat top left; margin-left:584px; width:184px; margin-top:8px; padding:30px 20px 10px; min-height:355px; height:auto !important; height:361px;}
#main {float:left; width:480px; padding:18px 80px 0.6em 24px; position:relative;}
#main:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#main {display:inline-block;}
#upcoming li {list-style:disc; margin-left:18px; margin-bottom:0.8em; }
#upcoming a {font-weight:bold;}

.boxright {float:right; margin-left:10px; margin-bottom:10px;}

/* GENERAL TYPE */
#content {color:#5B5B5B; line-height:1.8;}
#content h1 {color:#e47062; font:bold 2.3em/1.2 "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,"New York",serif; letter-spacing:-1px; margin-bottom:0.6em;}
#content h1 small {display:block; color:#000; font:bold 0.5em/1.2 Tahoma,Geneva,Kalimati,sans-serif; letter-spacing:0;}
#content h2 {color:#e47062; font:bold 1.7em/1.2 "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,"New York",serif; letter-spacing:-1px; margin-bottom:0.1em; padding-top:0.3em;}
#content strong {color:#000; font-weight:normal;}
#content em {font-style:italic; color:#333;}

#main h1 {}
#main h2 {}
#main h3 {color:#000; font:bold 1.1em/1.6 Tahoma,Geneva,Kalimati,sans-serif; margin-bottom:0.1em; padding-top:0.6em;}
#main h4, #main h5, #main h6 {font:bold 1em/1.4 Tahoma,Geneva,Kalimati,sans-serif; margin-bottom:0.1em; padding-top:0.6em; padding-bottom:0; color:#000;}
#main p {}
#main address {margin-bottom:0.6em; font-style:italic;}
#main ul, #main ol {padding-left:18px; margin-bottom:0.8em;}
#main ul {list-style-type:disc;}
#main ol {list-style-type: decimal;}
#main li {}
#main dl {margin-bottom:0.3em;}
#main dt {margin-bottom:0.3em; color:#000; padding-top:0.3em; font-style:italic;}
#main dd {margin-bottom:0.3em; padding-left:5px;}
#main .left {float:left; margin:0 6px 6px 0;}
#main .right {float:right; margin:0 0 6px 6px;}

#main table {}
#main table caption {color:#e47062; font:bold 1.7em/1.2 "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,"New York",serif; letter-spacing:-1px; margin-bottom:0.1em; padding-top:0.3em; text-align:left;}
#main thead th, #main thead td {border-bottom:1px solid #ccc;}
#main thead th {text-align:left;}
#main thead td {}
#main tbody th, #main tbody td {border-bottom:1px solid #ccc; text-align:left;}
#main tbody th {}
#main tbody td {}
#main tfoot th, #main tfoot td {}
#main tfoot th {}
#main tfoot td {}

#main .hr {margin-top:0.8em; border-top:3px solid #B3C0D1; padding-top:1.2em;}


/* SIDEBAR TYPE */
#sidebar {line-height:1.4;}
#sidebar ul {margin-bottom:0.8em;}
#sidebar li {line-height:1.8;}
#sidebar .subnav li {margin-bottom:0;}
#sidebar .subnav li a {color:#29567F; display:block; border-bottom:1px solid #BCC3C8; text-decoration:none; font-weight:bold; letter-spacing:-0.6px; padding:3px;}
#sidebar .subnav li a:hover {color:#173148; background:#CEDEF2;}
#sidebar .subnav li a small {display:block; float:right; color:#666; font-size:0.9em; padding-top:0.3em; width:56px; text-align:right;}
#sidebar h2 {color:#666; font:bold 1.1em/1.6 "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,"New York",serif; letter-spacing:1px; margin-bottom:0.8em; text-transform:uppercase;}


/* THUMBNAILS */
#screenshots {border:1px solid #ccc; padding:.6em 0 .5em 14px;}
.thumbnails:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.thumbnails {display:inline-block; padding-left:18px;}
.thumbnails li {float:left; padding-right:8px; margin-bottom:0.2em;}
.thumbnails li a img {border:1px solid #8a99b5;}
.thumbnails li a:hover img {border:1px solid #f00;}


/* HOME */
#highlights {background:url(../images/highlights-bg.jpg) no-repeat top center; padding:4px 0 .6em 9px; width:818px;}
#highlights:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#highlights {display:inline-block; }
.highlight {width:261px; float:left; padding:0 7px 0 7px; margin:0 -7px 0 0;}
#highlights #wedo {margin-left:3px; padding-left:4px; line-height:1.4;}
#highlights #wedo ul {list-style-type:disc; padding-left:12px;}
#highlights #wedo li {margin-bottom:0.4em;}

#highlights #wedo strong a {font-weight:bold;}
#highlights #wedo.headingimg img {margin-left:-5px; margin-bottom:0.8em;}
#highlights #whatsnew a {font-weight:bold; display:block; line-height:1.3;}
.highlight img.headingimg {margin-left:-7px; margin-right:-14px;}
.highlight table {width:99%; text-align:left;}
.highlight table th {text-align:left;}
.highlight table thead {display:none;}
.highlight table td {padding:0 0 3px;}
.highlight table tfoot td {border-top:1px solid #BCC3C8; padding-top:6px;}
.highlight tfoot a {padding-left:12px; background:url(../images/sm-arrow.gif) no-repeat left center;}
#miniupcoming th {width:50%; line-height:1.2; padding-bottom:0.3em;}

/* NEWS */
#main ul#newslist {list-style:none; padding:0;}
#main ul#newslist li {border-bottom:1px solid #bcc3c8; padding:0.3em 3px; font-size:1.1em;}


/* EXHIBITORS */
#main ul#promoopps {display:inline-block; margin:1.4em -20px 0 30px; list-style-type:none; padding-left:0;}
#promoopps:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#promoopps li {width:160px; float:left; margin-right:70px; height:225px; margin-bottom:1.2em; list-style-type:none; padding-left:0;}
#promoopps li img {border:1px solid #BCC3C8;}
#promoopps li h2 {font-size:1.5em;}

/* EXPO */
#pastshows {border-top:1px solid #ccc; padding-top:0.6em; clear:left;}
#pastshows caption {border-top:3px solid #B3C0D1; padding-top:1.2em;}
#pastshows tbody th {width:50%;}
.showitem {float:left; width:160px; margin-right:60px; margin-left:20px; height:200px;}
.showitem img.expolistlogo {display:block; border:1px solid #D7DEE6;}
.showitem a:hover img.expolistlogo {border:1px solid #f00;}
#expopg #expologo {float:right; border-top:5px solid #B3C0D1; margin-right:-72px; margin-left:14px;}

/* FOOTER */
#footer {clear:both; background:#29567F url(../images/footer-bg.jpg) repeat-x top center;}
#footcontainer {width:840px; margin:0 auto; text-align:left; padding-left:20px; background:url(../images/footer-x.jpg) no-repeat bottom right; min-height:335px;}
#footerhead {position:relative; background:url(../images/footercontent-bg.jpg) repeat-x top left; height:60px; width:827px; padding:30px 0 0 0; line-height:1.8em;}
#footerhead:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#footerhead {display:inline-block;}
#green {position:absolute; top:14px; right:-15px; width:155px; height:67px; display:block; overflow:hidden; text-indent:-999px; background:url(../images/green.jpg) no-repeat 0 0;}
#green:hover {background-position:0 -70px;}

#footerhead dl {width:590px; padding-bottom:1.4em;}
#footerhead dl dt {background:#365e86; color:#92c3f1; font:bold 1.3em/1 Tahoma,Geneva,Kalimati,sans-serif; letter-spacing:-.1px; padding:8px 3px 8px 8px; margin-bottom:0.8em;}
#footerhead dl dt a {float:right; border:1px solid #5D7D9D; font-size:0.8em; line-height:1.4em; vertical-align:top; padding:3px; margin-top:-5px; color:#738FAA;}
#footerhead dl dt a:hover {background:#7E97B1; color:#214364;}
#footerhead #whatsnew dd {margin-bottom:0.8em; margin-left:8px; margin-right:10px; font-size:1.1em;}
#footerhead #whatsnew dd a:hover {color:#fff; text-decoration:underline;}
#footerhead #whatsnew dd.first {font-size:1.5em;}
#footerhead #featuredshows dd {display:inline;}
#footerhead #featuredshows dd a {float:left; display:block; margin:1px 6px 3px 9px;}
#footerhead #featuredshows dd a:hover {margin:0 5px 2px 8px;}
#footerhead #featuredshows dd a img {width:100px; background:#5D7D9D; padding:4px;}
#footerhead #featuredshows dd a:hover img {background:#8DA3BA; border:1px solid #ccc;}
#footerhead dl dd {}
#footerhead dl a {color:#a8c1d8; text-decoration:none;}

#networksbar {background:#365e86; border:1px solid #587999; padding:5px 0 0;}
#networksbar dl {width:830px; margin:0 auto; background:url(../images/social-network-icons.jpg) no-repeat center right; text-align:left; height:76px;}
#networksbar dt {float:left; width:282px; color:#92c3f1; font:bold 1.3em/70px Tahoma,Geneva,Kalimati,sans-serif; letter-spacing:-.1px;}
#networksbar dd {display:inline;}
#networksbar dd a {float:left; display:block; margin:1px; height:74px; overflow:hidden; text-indent:-999px;}
#networksbar dd a:hover {border-bottom:1px solid #BAC7D4; margin:0;}
#networksbar dd#twitter a {width:118px;}
#networksbar dd#facebook a {width:121px;}
#networksbar dd#linkedin a {width:113px;}
#networksbar dd#youtube a {width:89px;}
#networksbar dd#flickr a {width:86px;}
#copyright {width:745px; margin:0 auto; text-align:left; position:relative; padding:20px 10px 10px 75px; line-height:1.4em;}
#returntotop {float:right; background:url(../images/return-to-top.gif) no-repeat top left; display:block; width:232px; height:52px; padding-top:11px; color:#8eaecb; font:bold 1.3em/70px Tahoma,Geneva,Kalimati,sans-serif; letter-spacing:-.1px; text-decoration:none; text-align:center;}
#returntotop:hover {color:#fff; background-position:0 -63px;}
#copyright p {padding-top:20px;}
#copyright img {position:absolute; left:0; top:20px;}


/* FORM: PRESENTATION */
form {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#666;}
form label.error {padding-top:0.2em; color:#f00; display:block;}
form input.error, form textarea.error, form select.error {border:1px solid #f00;}
fieldset {border:1px solid #999;}
.miniform fieldset {border:none;}
fieldset fieldset {border:none;}
fieldset fieldset legend {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000;}
legend {color:#666; font:bold 1.1em/1.6 "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,"New York",serif; letter-spacing:1px; text-transform:uppercase;}
.textfield input, .file input, .dropdown select, .textarea textarea, div input.innertextfield {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000; border:1px solid #999; background:#ececec;}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover, div input.innertextfield:hover {border-color:#29567F;}
.textfield input:focus, .file input:focus, .dropdown select:focus, .textarea textarea:focus, div input.innertextfield:hover {border-color:#333;}
.textfield input:active, .file input:active, .dropdown select:active, .textarea textarea:active, div input.innertextfield:active {border-color:#333;}
.textfield input:focus:hover, .file input:focus:hover, .dropdown select:focus:hover, .textarea textarea:focus:hover, div input.innertextfield:focus:hover {border-color:#29567F;}
.checkbox input, .radio input {border:none; background:transparent;}
button {font:1.2em/1 Verdana,Geneva,Kalimati,sans-serif; border:1px solid #666; background:#666; color:#fff;}
button:hover {border-color:#000; background:#29567F; color:#fff;}
optgroup {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif;}
option {font:1em/1 Verdana,Geneva,Kalimati,sans-serif;}


/* FORM: LAYOUT */
form {}
fieldset {margin-bottom:3em; padding:10px;}
.miniform fieldset {padding:6px 0;}
fieldset fieldset {padding:0;}
legend {margin-bottom:1em;}
.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em;}
.textfield input, .file input, .dropdown select, .textarea textarea, input.innertextfield {padding:2px 5px;}
.textfield input, .file input, .dropdown select, .textarea textarea {width:250px;}
.miniform .textfield input, .miniform .file input, .miniform .dropdown select, .miniform .textarea textarea {width:160px;}
textarea {height:6em;}
.miniform textarea {height:3em;}
.textfield input, .file input, .dropdown select, .textarea textarea {display:block; margin:0.1em 0 0 0;}
.checkbox input, .radio input {margin-right:5px;}
div input.innertextfield {display:inline; margin-right:0;}
.buttons {}
button {padding:4px;}
optgroup {}
option {padding:1px 3px;}


/* LIGHTBOX */

#lightbox {position:absolute;left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img {width:auto; height:auto;}
#lightbox a img {border:none;}

#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer {padding:10px;}

#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}

#prevLink, #nextLink {width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:hidden; width:100%;}

#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px; float:right;padding-bottom:0.7em; outline:none; overflow:hidden;}
#imageData #helpDisplay {clear:left; float:left; display:block;}

#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; 
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;}

.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}


/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {color:#29567F; font-weight:bold; text-decoration:none;}
#nextLinkText:hover, #prevLinkText:hover {text-decoration:underline;}
#nextLinkText {padding-left:20px;}
#prevLinkText {padding-right:20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {padding-top:5px;}

/*** END : added padding when navbar is on top ***/

