ƒ/*
 *
 * 'sup
 *
 * ethical corporation event site css
 * @copyright alex chilton design
 *
 *
*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

#container {
	margin: 0px auto;
	width:1020px;
}

a {
	color: #039;
	text-decoration: underline;
}



a:hover {
	color: #039;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	}
table td {
	vertical-align: top;
	}
/* head ---------------------------------------------- */
#head {
	height: 165px;
	width: 1020px;
	margin-bottom:0;}
	
#head h1, #head h2, #head h3, #head h4, #head h5 {
	margin: 0px;
	padding: 0px;
}
#head h1 span, #head h2 span, #head h3 span, #head h4 span {
	display: none;
}

#red-bar {background-color:#b21322; height:2px; margin:2px 0 0 0;}

#blue-bar {background-color:#94a8dc; height:2px; margin:2px 0 0 0;}

#banner img {float:left;}

#topbar {
	height: 36px;
	text-align: center;
	width:1020px;
	background-color:#0f2c74;
	margin-bottom:2px;
}

#topbar img.enter{ float:left; margin: 9px 0px 0px 200px;}

#topbar .letter { vertical-align:middle; padding:5px 3px 0 0; margin:0;}



#topnav {
	float:left;
	margin-left:158px;
	vertical-align:top;
	background-color:#0C6;
}

#topnav li {
	float: left;
	list-style:none;
	margin:5px 0px 0px 20px;
	text-align:center;
}

#topnav a {
	text-decoration:none;
	color:#000;
	padding:1px 33px 1px 12px;
	width: 160px;
	text-align:center;
	font-size:11px;
	background-color:0f2c74;
}

#topnav a:hover {
	text-decoration:none;
	color:#fff;
	background-color:0f2c74;
	width: 160px;
}

#fauxrhs {
	background: url(../pics/right_bg.gif);
	float: right;
	height: 25px;
	width: 160px;
}

#top {
	width:reportingpx;}


/* no left, no right ---------------------------------------------- */
.noleft #fauxlhs, .noleft td#left {
	display: none;
}
.noleft #stock {
	background: url(../pics/head_stock_noleft.jpg);
}
.noright #fauxrhs, .noright td#right, .notabs #topnav a, .nofoot #foot a {
	display: none;
}
/* pop ---------------------------------------------- */
body.pop {
	background: #fff url(../pics/body_pop_bg.gif) repeat-x;
	font-size: 12px;
	padding: 15px;
}
body.pop h1, body.pop h2 {
	border-bottom: 1px solid #000;
	font-size: 12px;
	margin-bottom: 5px;
}
body.pop h1 {
	background: #fff;
	margin: -15px -15px 15px -15px;
	padding: 20px 15px 5px 15px;
}
body.pop h2 {
	margin-top: 10px;
	padding-bottom: 3px;
}
body.pop p, body.pop td {
	font-size: 12px;
	padding: 5px 0px;
}

/* main ---------------------------------------------- */

.ticks, .numbers {
	margin-left: 0px;
	list-style-type: none;
	list-style:none;
	padding-left:0px;
}
.ticks li.green-ticks {
	list-style-type: none;
	list-style:none;
	background: url(../pics/ul_ticks_li_bg.gif) 0px 5px no-repeat;
	padding: 0 15px 0 25px;
}

ul.dots {
	margin: 0px;
	list-style-type: none;
	list-style:none;
	padding:0px;
}

li.blue-dots {
	list-style-type: none;
	list-style:none;
	background: url(../pics/blue-dot.gif) 0px 5px no-repeat;
	font-size:10px;
	padding: 0 0 0 10px;
	margin:0px;
}

li.audio{
	list-style-type: none;
	list-style:none;
	background: url(../pics/audio-icon.gif) 0px 5px no-repeat;
	padding-left: 25px;
	margin-left:0px;}
	
	li.video{
	list-style-type: none;
	list-style:none;
	background: url(../pics/video-icon.gif) 0px 5px no-repeat;
	padding-left: 25px;
	margin-left:0px;}
	
	
	
	.blue-box {width:96%; border:solid 1px #999; background:#e8edf8; padding:4px 10px 10px 10px; margin-top:10px;}	
	
	.white-box {width:96%; border:solid 1px #999; padding:4px 10px 10px 10px;}	

/* main ---------------------------------------------- */
#main {
	width: 100%;
}



#left {
	font: normal 11px Verdana, Arial, sans-serif;
	width: 171px;
	clear: left;
	float: left;
	text-align:left;
	margin:0 0 20px 0;
	padding:0px;
}



#bottom {
	clear: both;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	width: 977px;
}


.lang a:hover {
	background-color: #ffc !important;
	}
a.en {
	background: url(../pics/nav_english_bg.gif) no-repeat 135px 7px !important;
	}
a.ru {
	background: url(../pics/nav_russian_bg.gif) no-repeat 135px 7px !important;
	}
/* right ---------------------------------------------- */
#right {
	font: normal 11px Verdana, Arial, sans-serif;
	width: 196px;
	float: left;
}
	/* fix IE & hide from IE Mac \*/
	#right {
		width: 196px;
	}
	/* end fix ---------------------------------------------- */

/* left column ---------------------------------------------- */
.column-left {
	background: #fff;
	clear: both;
	margin: 10px 0 0 0px;
	width: 171px;
	padding: 0px;
}

.column-left img {
	margin: 0;
	padding:0px;
	border:0px;
}

.updated {
	margin: 0;
	padding:50px 20px 20px 20px;
	border:0px;
	background-image: url(../pics/left-col-keep-me-updated.gif); background-repeat:no-repeat; 
	width:131px; height:68px;
}

.letter { padding:3px 3px 0 0;}

.submit {margin:0; padding:8px 0 0 0;}

input.address { padding:0px; margin:0px; width:110px;}

table.table-updated { margin:40px 0 0 0;}

#right .stuff {
	background: #fff url(../pics/right_stuff_bg.gif);
	width: 158px;
}

#right .stuff h2 {
	background: #fff url(../pics/right_stuff_h2_bg.gif);
	text-align: right;
}
.stuff img {
	margin: 0px 10px 10px 10px;
}
.stuff ul {
	margin: -5px 0px 0px 0px;
	padding: 0px;
}
.stuff ul li {
	border-bottom: 1px solid #eee;
	font-size: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 3px 10px;
	text-align: left;
}
#right .stuff ul li {
	text-align: right;
}
.stuff ul.speakers em {
	display: none;
}
.stuff ul li.last {
	border-bottom: 0px;
}
.things {
	clear: both;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}


/* right column ---------------------------------------------- */

.column-right {
	background: #fff;
	clear: both;
	margin: 10px 0 0 0;
	width: 196px;
	padding: 0px;
}

#testimonial {
	width:138px; 
	color:#000000; 
	font-size:13px; 
	text-align:left; 
	height:215px; 
	padding:0px 10px 0px 10px; 
	margin:0 0 10px 0;}
	
.column-right p.awards {color:#0f2c74; text-align:left; font-size:12px; padding:0 6px 0 6px;
		
	}
	
.column-right p.more-details, a.more-details {color:#b21322; padding:0 6px 0 6px; font-weight:bold; text-align:right; margin-top:0px; padding-top:0; font-size:12px;
		
	}	
	
.column-right ul.awards {color:#0f2c74; text-align:left; font-size:12px;
font-weight:bold;
margin-left:0px;
padding-left:20px;
		
	}	
	
.column-right img {
	margin: 0;
	padding:0;
	border:0px;
}
	
.quote-marks{
	color:#f1811a;
	font-size:24px;
	position:relative;}
	
.column-right img.brochure {
	margin: 0px 0px 10px 0px;

	}

.column-right img.partners {
	margin: 0 0 10px 0;
	padding:0px;
}

.column-right img.small {
	margin: 0px 10px 10px 10px;
	padding:0px;
}

/* icons		---------------------------------------- */


.info, .cd, .people, .person, .report, .print, .comment, .send, .rss, .telephone, .pdf, .calendar,
.podcast, .podcast li,
.facebook li,
.linkedin, .linkedin li,
.tweet, .tweet li, div.tweet {
	background-position: 0px 3px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 3px 5px 3px 25px;
	text-align:left;
	font-size:11px;
}

ul.linkedin, div.tweet, ul.facebook {
	background: transparent;
	padding: 0px;
	margin:0px;
	width:160px;
}

div.tweet ul{ margin:0; padding:0;}

.facebook, .facebook li {
	background-image: url(../pics/icon-facebook.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	padding-bottom:5px;
}

.linkedin, .linkedin li {
	background-image: url(../pics/icon_linkedin.jpg);
}
.linkedin li {
	line-height: 16px;
}

.tweet, .tweet li {
	background-image:url(../pics/icon_twitter.gif);
	margin:0 0 5px 0;
	padding-bottom:0px;
}

.linkedin a, tweet a, facebook a, {
	color:#0f2c74;
}

.linkedin a:hover, tweet a:hover {
	color:#000000;
}

div.tweet li { margin:0 0 5px 0;}

div.tweet{ margin:0px; padding:0px; width:160px;}

/* content ---------------------------------------------- */

#content {
	margin: 0 41px 40px 41px;
	width:570px;
	float: left;
	
}

#content a {
	color: #039;
	text-decoration: underline;
	margin:0px;
	padding:0px;
}

#content a.no-underline {
	color: #000;
	text-decoration: none;
}

#content a:hover {
	color:#0f2c74;
	text-decoration: none;
}

#content table {
	margin: 0px 0px 5px 0px;
}
#content h1 {
	color: #0f2c74;
	font-size: 15px;
	line-height: 19px;
	margin: 5px 0px;
	padding-bottom: 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#content h2 {
	color: #0f2c74;
	font-size: 14px;
	line-height: 19px;
	margin: 5px 0px;
	padding-bottom: 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#content h3 {
	color: #0f2c74;
	font-size: 12px;
	line-height: 18px;
	margin: 5px 0px;
	padding-bottom: 3px;
	font-weight:bold;
}
#content h4 {
	color: #024;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0px 3px 0px;
	font-weight:bold;
}

#content .tab-highlight{color: #000000;
	font-size: 11px; font-weight:bold;}

#content .tab{ color:#666; font-size: 11px;}

#content p {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0px;
}

#content p.no-padding {
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}

#content p.nopad {
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin:0px;
}

#content ul, #content ol {
	font-size: 12px;
	line-height: 18px;
	margin-left: 15px;
	padding: 5px 0 0 0;
}
#content ol {
	margin-left: 25px;
}
#content ul li, #content ol li {
	float: none;
	padding-bottom: 5px;
}

#content ul.sponsor {
	margin-left: 35px;
	padding: 5px 0 0 0;
}

#content p a, #content li a {
	color:#039;
}
#content p a:hover, #content li a:hover {
	background: transparent;
	border-color: transparent;
	border: 0px;
	text-decoration: underline;
}


#content img.thumb {
	text-align:right;
	float:right;
	padding:0 0 0 20px;
	border:0;
}

#content img.thumb-left {
	text-align:left;
	float:left;
	padding:0 20px 0 0;
	border:0;
}

blockquote {
	background: url(../pics/blockquote_bg.gif) top left no-repeat;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0px 5px 0px;
	padding: 10px 10px 10px 35px;
	text-indent: 5px;
}
blockquote em {
	font-family: Verdana, Arial, sans-serif;
}
blockquote img {
	float: right;
	margin: 0px 0px 5px 5px;
}
table.form {
	background: #fafafa;
	border-left: 2px dotted #ddd;
	width: 100%;
}
table.form td {
	font-size: 11px;
	padding: 8px;
}
input.btn {
	background-color: #fff;
	border: 1px solid #b00;
	color: #036;
	font: bold 11px Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	padding: 1px;
}
input.txt, textarea, select {
	border: 1px solid #999;
	font: normal 11px Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	color: #333;
}

#highlights {border:solid 1px #008bbf;
width:550px;
font-size:14px;}

#highlights h1 {color:#000;
font-size:14px;
background:url(../pics/highlights-gradient.gif);
margin:0px; padding:5px 8px 5px 8px;}

#highlights p {padding:13px 35px 18px 8px; margin:0px 20px 0px 0px; line-height:22px;}

.speakers-text {
	border: 0px;
	margin: 0;
	padding: 0 0 10px 15px;
	vertical-align:middle;
	font-size: 12px;
	line-height: 20px;
}

/* agenda ---------------------------------------------- */
#content .agenda {
	font: normal 10px Verdana, Arial, sans-serif;
	margin-top: 10px;
	}
#content .agenda .item {
	padding: 1px 1px 0px 1px;
	margin: 5px 0px;
	}
#content .agenda h1 {
	background: #96bde3;
	border: 0px !important;
	color: #111;
	font-size: 11px;
	border-bottom: 0px;
	padding: 5px;
	margin: 0px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content .agenda h2 {
	background: #002049 url(../pics/agenda_first_bg.jpg) top left no-repeat;
	border: 0px !important;
	color: #fff;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	margin: 0px 0px 1px 0px;
	border: 0px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content .agenda h3 {
	border: 0px !important;
	color: #eee;
	font-size: 10px;
	background: url(../pics/agenda_second_bg.jpg) bottom left no-repeat;
	padding: 5px;
	margin: 0px 0px 1px 0px;
	border: 0px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content .agenda h4 {
	font-size: 10px;
	color: #444;
	background: #eee;
	padding: 5px;
	margin: 0px;
	border: 0px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content .agenda h5 {
	font-size: 10px;
	color: #630;
	line-height: 14px;
	margin: 3px 5px 7px 5px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	}
#content .agenda span.time {
	background: #fff;
	color: #b00;
	display: block;
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding: 0px 5px;
	}
#content .agenda ul {
	margin: 10px 5px 10px 25px;
	list-style-position: outside;
	padding: 0px;
	}
#content .agenda ul li {
	font-size: 11px;
	line-height: 18px;
	list-style-type: disc;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}
#content .agenda p {
	font: normal 11px Verdana, Arial, sans-serif;
	line-height: 18px;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	}
#content .agenda ul.speakers {
	border: 0px !important;
	margin: 3px 5px 7px 25px;
	padding: 0px;
	}
#content .agenda ul.speakers li {
	border: 0px;
	color: #036;
	list-style-type: square;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}
#content .agenda table {
	margin: 0px -5px !important;
	}
#content .agenda table.twocols td {
	width: 50%;
	}
#content .agenda table.threecols td {
	width: 33%;
	}
#content .agenda table.fourcols td {
	width: 25%;
	}
#content .agenda table td {
	border-right: 1px dotted #ddd;
	padding: 0px 5px 5px 5px;
	}
#content .agenda table td.noborder {
	border-right: 0px;
	}
#content .agenda table td div.item {
	margin-top: 0px;
	}

/* floorplan ---------------------------------------------- */
#tipdiv {
	background: #fff;
	font-size: 11px;
	line-height: 15px;
	width: 401px;
	padding: 10px;
	border: 1px solid #999;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}
#tipdiv strong {
	color: #036;
}
.hide {
	position: absolute;
	visibility: hidden;
	width: 300px;
}
#tipdiv img {
	float: right;
	margin: 0px 0px 5px 10px;
}
#content ul.exhibitors {
	list-style-type: none;
	margin: 0px 0px 0px 30px;
}
#content ul.exhibitors li {
	font-size: 11px;
	margin: 0px;
	padding: 0px 5px 5px 5px;
}
#content ul.speakers, #content ul.longlist, body.pop ul.longlist {
	margin: 0px 0px 0px 20px;
}
#content ul.speakers li, #content ul.longlist li, body.pop ul.longlist li {
	border-bottom: 1px solid #eee;
	font-size: 11px;
	margin: 0px;
	padding: 5px;
}

#content ul.winners-left{width:175px; line-height:0px; float:left; margin:0 0px 0 0px; padding-left: 40px}
#content ul.winners-left li {margin-bottom:20px;}

#content ul.winners-left img{margin:0;padding:0;}

#content ul.winners-left p{ 
margin:5px 0 8px 0;
line-height:16px;
padding:0px;}

#content ul.winners-left p.grey-caption{ 
width:165px;
background-color:#999;
font-size:9px;
margin:0;
padding:5px;
line-height:14px;}

#content ul.winners-left p.grey-caption-wide{ 
width:268px;
background-color:#999;
font-size:9px;
margin:0;
padding:5px;
line-height:14px;}

#content ul.winners-right{width:210px; line-height:0px; float:right; margin:0 0px 0 10px; padding-left: 40px;}
#content ul.winners-right li {margin-bottom:20px;}

#content ul.winners-right img{margin:0;padding:0;}

#content ul.winners-right p{ 
margin:5px 0 8px 0;
line-height:16px;
padding:0px;}

#content ul.winners-right p.grey-caption{ 
width:165px;
background-color:#999;
font-size:9px;
margin:0;
padding:5px;
line-height:14px;}

#content .sm
{font-size:11px;}

/* shortlist ---------------------------------------------- */

#shortlist-img{float:left; padding:10px 10px 5px 10px;}
#shortlist-img-sm{float:left; padding:15px 10px 5px 10px;}
#content a.bio { text-decoration:underline; color:#1d9992; background:url(../pics/speakers-bio-green-plus.gif) no-repeat left; width:100px; padding-left:10px;}
#content a.green {color:#0f2c74;}
#content .pres {color:#083e88;}
#content p.speaker-bio {color:#444343; padding-left:11px;}
#content img.speakers { border:solid 1px #000000; margin:0 0 0 20px;}

/* footer ---------------------------------------------- */
#foot {
	width: 1020px;
	background-color:#0f2c74;
	padding:0px;
	margin: 0px;
	color:#fff;
	height:30px;
}
#foot td {
	font-size: 11px;
	padding: 0px 0px 15px 0px;
	margin:0px;
}
#foot ul {
	list-style-type: none;
	}
#foot li {
	float: left;
	}
#foot a {
	color: #fff;
	display: block;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 0px 0px;
	text-decoration: none;
	white-space: nowrap;
}
#foot a:hover {
	color: #fff;
	text-decoration: underline;
}

/* useful ---------------------------------------------- */
.w50 {
	width: 50px !important;
	}
.w100 {
	width: 100px !important;
	}
.w150 {
	width: 150px !important;
	}
.w200 {
	width: 200px !important;
	}
.red {
	color: #b00 !important;
}
.bold {
	font-weight: bold !important;
}

.ital { font-style:italic;}

.right {
	float: right;
	padding-left:10px;
}
.nowrap {
	white-space: nowrap !important;
}
.tac {
	text-align: center !important;
}
.tal {
	text-align: left !important;
}
.tar {
	text-align: right !important;
}
.vab {
	vertical-align: bottom !important;
}
.vam {
	vertical-align: middle !important;
}
.vat {
	vertical-align: top !important;
}
.small {
	font-size: 10px !important;
}
.pad10 {
	padding: 10px !important;
}

.medium { font-size:16px;}

.gallery {
	margin-top: 10px;
	margin: 10px -7px;
	text-align: center;
}
.hr {
	border-top: 2px solid #eee;
	margin: 10px 0px 5px 0px;
	padding:0px;
	}
.hr hr {
	display: none;
	}

	
.hidden {
	display: none;
}