@charset "utf-8";

body { margin: 0px; padding: 0px; font: "TrebuchetMS", Helvetica, sans-serif; }
html {
overflow: hidden;

} 
#logo {
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 286px;
	z-index: 1;
	position: absolute;
	left: -23px;
	top: 0px;
}

#header {
	float: left;
	width: 100%;
	position: absolute;
	background-image: url(img/header-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	z-index: 2;
}

.bigbox {
	background-image: url(img/largeboxbg.png);
	width: 1019px;
	height: 398px;
	float: left;
	
}

.bigboxfp {
	background-image: url(img/largeboxfpbg.png);
	width: 506px;
	height: 398px;
	float: left;
	
}

.icon {margin: 30px 0px 10px 57px;}

.bigbox-notdivided {
	background-image: url(img/largebox-nodivided-bg.png);
	width: 993px;
	height: 372px;
	float: left;
	padding: 13px;
}
.bigbox-left {
	width: 210px;
	padding: 0 20px 0 20px;
	float: left;
}

.bigbox-right {
	width: 710px;
	padding: 0 20px 0 20px;
	float: left;
}

.items .image {
	background-image: url(img/img-bg.png);
	height: 169px;
	width: 182px; 
	float: left;
}

h1 {
	font-size: 26px;
	color: #534D00;
	font-weight: normal;
	text-align: center;
	margin-top: 14px;
	padding: 14px 0px 18px 0px;
	margin-bottom: 6px;
	background-image: url(img/h-bg.png);
	background-position: top center; 
	font-family: "Trebuchet MS";
}

h2 { font-family: "Trebuchet MS"}

.bigbox p, .bigboxfp p { text-align: justify; font-family: "Trebuchet MS"; font-size: 13px;}

.imagegalery {height: 290px; overflow: scroll; scrollbar-face-color:#8080FF;}

#bkimage {
	float: left;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.speaker { width: 334px; height: 100px; padding: 10px; overflow: hidden}
.speaker img {float: left; border: solid 3px #CCCCCC;}
.speaker h2 {font-size: 14px; float: right; margin: 0px 0px 0px 0px; padding: 0px; width: 230px; border-bottom: solid 1px #666666;}
.speaker p {font-size: 10px; float: right; margin: 0px 0px 0px 0px; padding: 0px; width: 230px;}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	height:31px !important;
	margin:0 !important;
	padding:0;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	position: absolute;
	z-index: 1;
	left: 270px;
	top: 20px;
	
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */

#flowtabs li a:hover {border-bottom: solid 2px #FFFFFF;}
.current {border-bottom: solid 2px #FFFFFF; font-weight: bold}
#flowtabs li a {
text-transform: uppercase;

	display:inline-block;
	height: 31px;    	
	padding:0px 7px 0px 7px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	
	/* font decoration */
	color: #FFFFFF;

	line-height:33px;
	text-align:center;
	text-decoration:none;
}


/* panes */
#flowpanes {
	width:100%;
	height:398px;
	bottom: 6px;
	position: absolute;
	left: 0px;
	z-index: 2;
	
	
}
.galery img {
	margin: 3px 10px 10px 3px;
	float: left;
	border: solid 3px #CCCCCC;
}

/* single pane */
#flowpanes div {
	display:none;	
}


/* override the root element to enable scrolling */
#flowpanes {
	overflow:hidden;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;	
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}


/* MODAL */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px; z-index:9999}


.modal-close {
	background:url(img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-25px;
	right:-18px;
	cursor:pointer;
}
.speakers {padding: 17px 0 0 25px; cursor: pointer;}
.speakers div {width: 94px; height: 115px; margin:4px; }
.speakers img {float: left; border: solid 2px #CCCCCC}
.speakers p { font-size:10px; float: left; line-height: 12px; margin: 0px; padding: 0px; text-align: left;}