@charset "utf-8";
/* colors:
green: #679a00;
blue: #2c4198;
*/
/**************************************************************************************RESET
*/
body {
	width: 100%;
	padding: 0;
	margin: 0;
	font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
	background: url(images/bg.jpg) repeat-x top left;
	text-align: center;
	color: #444444;
	position: relative;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
table { font-size: inherit; font: 100%; }
img { border: 0; }
p { margin: 0; padding: 0;}
a { outline: none; }



/**************************************************************************************BACKGROUNDS AND POSITIONS
*/
#header, #welcome, #content, #footer, #people_bg { width: 100%; text-align: center; overflow: hidden; }
#navigation, .header_btns, .section, #footer_text { width: 960px; position: relative; margin: 0 auto; }
#header { height: 225px; background: url(images/header_bg.jpg) top center; position: relative; }
#people_bg { height: 210px; background: url(images/footer_bg.jpg) no-repeat bottom center; }
#footer { height: 30px; background: url(images/footer_bg_extender.jpg) repeat-x bottom center; }



/**************************************************************************************HEADER
*/
#header h1.title, #header h2.subtitle, #header a.trc, #header a.dost { text-indent: -9999px; }
#header a.trc, #header a.dost { position: absolute;  height: 72px;}
#header a.trc {
	width: 142px;
	top: 135px;
	left: 227px;
	background: url(images/btn_trc.jpg) no-repeat 0 0;
}
#header a.dost {
	width: 160px;
	top: 135px;
	left: 406px;
	background: url(images/btn_dost.jpg) no-repeat 0 0;
}
#header a.trc:hover, #header a.dost:hover { background-position: 0 -72px; }
	
	
	
/**************************************************************************************NAVIGATION
*/
#navigation { height: 41px; z-index: 500; }
#navigation ul { list-style: none; }
#navigation ul li { float: left; }
#navigation ul li a { text-indent: -9999px; height: 41px; display: block;}
#navigation ul li a.home { width: 69px; background: url(images/btn_home.jpg) no-repeat 0 0; }
#navigation ul li a.programs { width: 180px; background: url(images/btn_programs.jpg) no-repeat 0 0; }
#navigation ul li a.competitions { width: 127px; background: url(images/btn_competitions.jpg) no-repeat 0 0; }
#navigation ul li a.sponsorship { width: 214px; background: url(images/btn_sponsorship.jpg) no-repeat 0 0; }
#navigation ul li a.news { width: 159px; background: url(images/btn_news.jpg) no-repeat 0 0; }
#navigation ul li a.about { width: 109px; background: url(images/btn_about.jpg) no-repeat 0 0; }
#navigation ul li a.contact { width: 102px; background: url(images/btn_contact.jpg) no-repeat 0 0; }
#navigation ul li a:hover { background-position: 0 -41px; }
#navigation.home ul li a.home,
#navigation.programs ul li a.programs,
#navigation.competitions ul li a.competitions,
#navigation.sponsorship ul li a.sponsorship,
#navigation.news ul li a.news,
#navigation.about ul li a.about,
#navigation.contact ul li a.contact { background-position: 0 -41px; }
/******************** DROPDOWN MENU
*/
#topmenu li ul {
	position: absolute;
	top: 41px; 
	left: 80px;
	display: none; 
	width: 220px;
	height: 96px;
	opacity: 0;
	z-index: 1000px;
}
#topmenu li ul li {
	margin: 0;
	height: 28px;
	width: auto;
	background: none;
	padding: 0;
	text-align: left;
	border: 1px solid #7d9a44;
	border-top: none;
}
#topmenu li ul li a {
	font-size: 0.85em;
	font-weight: bold;
	color: #3f3f3f;
	padding: 8px 0px 0px 9px;
	width: 209px;
	height: 20px;
	background-color: #dddddd; 
	text-indent: 0px;
	text-decoration: none;
}
#topmenu li ul li a:hover { 
	background-color: #7d9a44;
	color: #ffffff;
}




/**************************************************************************************CONTENT
*/
#content { z-index: 1; padding-top: 30px; }
#content .section { text-align: left; }
#content .container { padding-left: 230px; }
#content table { padding-top: 10px; }
#content p { padding: 10px 0 0 0; }
#content h5 { color: #888888; }
#content ul { padding: 10px 0 10px 15px; }
#content ol { padding: 10px 0 10px 20px; }
#content li { padding-top: 5px; line-height: 18px; }
#content ul li.indented { text-indent: 20px; list-style: none; padding-top: 5px; }
#content a { color: #2c4198; text-decoration: none; }
#content .green { color: #679a00; }
#content .blue { color: #2c4198; }
#content .black { font-family: "Arial Black", Tahoma, Arial; }
#content a:hover { text-decoration: underline; }
#content h4.intro { 
	width: 720px;
	height: 253px;
	text-indent: -9999px;
	background: url(images/intro.gif) no-repeat 0 0;
}
#content table td { 
	border: 1px solid #CCC;
	border-top: none;
	border-left: none;
	padding: 5px;
}
#content .floatleft {
	float: left;
	padding: 0 10px;
	display: inline;
}
#content .break { 
	clear: both; 
	width: 960px;
	height: 36px; 
	background: url(images/hr.jpg) no-repeat 0 0; 
	margin: 15px auto;
}

#content img.header { float: left; }
#content .nopadding { padding-top: 0; }
#content .section h3 { font-size: 1.2em; font-weight: bold; padding-top: 10px; }
#content .section h5 { font-size: 0.85em; font-weight: bold; padding-top: 5px; }
#content .section h2.title {
	width: 500px;
	height: 23px;
	text-indent: -9999px;
}
#content .section h2.program_flow { background: url(images/title_program_flow.gif) no-repeat 0 0; }
#content .section h2.exhibit_profile { background: url(images/title_exhibit_profile.gif) no-repeat 0 0; }
#content .section h2.how_to_participate { background: url(images/title_how_to_participate.gif) no-repeat 0 0; }
#content .section h2.business_matching_service { background: url(images/title_business_matching_service.gif) no-repeat 0 0; }
#content .section h2.exhibit_layout { background: url(images/title_exhibit_layout.gif) no-repeat 0 0; }
#content .section h2.symposium_program { background: url(images/title_symposium_program.gif) no-repeat 0 0; }
#content .section h2.how_to_register { background: url(images/title_how_to_register.gif) no-repeat 0 0; }
#content .section h2.ioc { background: url(images/title_ioc.gif) no-repeat 0 0; }
#content .section h2.tech_roadshow { background: url(images/title_tech_roadshow.gif) no-repeat 0 0; }
#content .section h2.best_in_show { background: url(images/title_best_in_show.gif) no-repeat 0 0; }
#content .section h2.teknobiz_challenge { background: url(images/title_teknobiz_challenge.gif) no-repeat 0 0; }
#content .section h2.sponsorship { background: url(images/title_sponsorship.gif) no-repeat 0 0; }
#content .section h2.news { background: url(images/title_news.gif) no-repeat 0 0; }
#content .section h2.latest_news { background: url(images/title_latest_news.gif) no-repeat 0 0; }
#content .section h2.about { background: url(images/title_about.gif) no-repeat 0 0; }
#content .section h2.contact { background: url(images/title_contact.gif) no-repeat 0 0; }
#content .section h2.register_online { background: url(images/title_register_online.gif) no-repeat 0 0; }
#content .section h2.archive { background: url(images/title_archives.gif) no-repeat 0 0; width: 71px; height: 13px; }

#content #welcome { background: url(images/bg_welcome.jpg) no-repeat top center; font-size: 0.9em; }
#content .bg_exhibit_profile { background: url(images/bg_exhibit_profile.jpg) no-repeat 0 0; }
#content .bg_biz_matching { background: url(images/bg_biz_matching.jpg) no-repeat 0 0; }
#content .bg_regform { background: url(images/bg_regform.jpg) no-repeat 0 0; }
#content .bg_symposium { background: url(images/bg_symposium.jpg) no-repeat 10px 0; }
#content .bg_ioc { background: url(images/bg_ioc.jpg) no-repeat 10px 0; }
#content .bg_best { background: url(images/bg_best.jpg) no-repeat 10px 0; }
#content .bg_idea { background: url(images/bg_idea.jpg) no-repeat 10px 0; }
#content .bg_about { background: url(images/bg_about.jpg) no-repeat 0 0; }
#content .bg_press { background: url(images/bg_press.jpg) no-repeat 0 0;}
#content .bg_latest_news { background: url(images/bg_latest_news.jpg) no-repeat 0 0; }
#content .bg_program_flow { background: url(images/bg_program_flow.jpg) no-repeat 0 0; }
#content .bg_techshowcase { background: url(images/bg_techshowcase.jpg) no-repeat 10px 0; }
#content .bg_sponsors { background: url(images/bg_sponsors.jpg) no-repeat 10px 0; }

#content a.view_layout,
#content a.download_layout,
#content a.book_online,
#content a.download_partform,
#content a.register_online,
#content a.download_regform {
	width: 180px;
	height: 63px;
	float: left;
	text-indent: -9999px;
	background: url(images/btn_view_layout.jpg) no-repeat 0 0;
}
#content a.download_layout { background: url(images/btn_download_layout.jpg) no-repeat 0 0; }
#content a.book_online { background: url(images/btn_book_online.jpg) no-repeat 0 0; }
#content a.download_partform { background: url(images/btn_download_partform.jpg) no-repeat 0 0; }
#content a.register_online { background: url(images/btn_register_online.jpg) no-repeat 0 0; }
#content a.download_regform { background: url(images/btn_download_regform.jpg) no-repeat 0 0; }
#content a.view_layout:hover,
#content a.download_layout:hover,
#content a.book_online:hover,
#content a.download_partform:hover,
#content a.register_online:hover,
#content a.download_regform:hover { background-position: 0 -63px; }



/*********************************************************************News
*/
#content .news_item { padding: 5px 0 5px 0; }
#content .alt { background-color: #efefef; }
#content .news_item p { font-size: 0.9em; padding-top: 2px; }
#content .news_item p a { color: #2c4198; font-weight: bold; text-decoration: none; font-size: 0.9em; }
#content .news_item p.news_title a { font-size: 1.2em; }
#content .news_item a:hover { text-decoration: underline; }
#content .news_sidebar { width: 180px; float: left; padding-left: 10px; display: inline; }
#content .news_container { width: 720px; float: right; padding-right: 10px; display: inline; }
#content .news_sidebar .archive_item { padding-bottom: 5px; border-bottom: 1px dashed #999; }
#content .news_sidebar .archive_item a { color: #2c4198; font-sizE: 0.85em; text-decoration: none; }
#content .news_sidebar .archive_item a:hover { text-decoration: underline; }



/*********************************************************************Form
*/
form { padding-top: 20px; }
form .field, form .subfield, form .buttons { float: left; padding: 20px 20px 0 0; display: inline; }
form .subfield { padding: 0 20px 0 0; }
form .whole { width: 100%; }
form .half { width: 46.5%;  }
form .third { width: 30%; }
form .two-thirds { width: 63% }
form .field input, form .field textarea {
	width: 100%;
	display: block; 
	margin: 5px 0 1px 0;
	border: 1px solid #CCC;
}
form input.booth { width: 60px; border: 1px solid #CCC; }
form .field input.checkbox { width: auto; border: none; margin-left: 20px; display: inline; }
form .field textarea { width: 96%; }
form .field h4 { font-weight: bold; font-size: 0.9em; display: block; }
form .field h6 { font-size: 0.85em; display: block; }
form .buttons input { width: auto; padding: 0 15px; }
#content form table { margin: 10px 10px 0 0; width: 664px; }
#content form h2 { font-size: 1.3em; font-weight: bold; padding: 0 0 10px 0; }
.small { font-size: 0.85em; font-style: italic; }
.bold { font-weight: bold; }




/*********************************************************************Footer
*/
#footer_text p {
	padding-top: 10px;
	color: #ffffff;
	font-size: 0.8em;
	text-align: left;
}
#footer_text p.left { float: left; }
#footer_text p.right { float: right; }