@charset "UTF-8";

/*
Sustainability Virtual Summits
Designed by Sage Media
http://www.sagemedia.ca
Version: 1.0 English
Copyright 2009, All Rights Reserved
*/

/*Reset browser defaults */
@import url('reset.css');


/*########################*/
/*### Global Structure ###*/
/*########################*/
body {
	font-family:Helvetica, "Franklin Gothic Medium", "Franklin Gothic Book", "Trebuchet MS", sans-serif;
	color:#343434;
	width:100%; 
	height:100%; 
	text-align:center;
}

#container {
	width:970px;
	max-width:970px;
	position:relative;
	overflow:visible;
	height:100%;
	margin:0 auto;
	padding-top:20px;
	text-align:justify;
}

#content {
	background-color:#dedede; 
	border:1px solid #ebebeb; 
	width:950px; 
	padding:10px; 
	border-left:0; 
	border-right:0; 
	margin:0
}

#subtitle {
	width:450px;
	margin:0;
	background-color:#333;
	color:#d8d8d8!important;
	padding:5px 10px 2px 10px;
	position:absolute;
	top:140px;
	left:22px;
	height: 31;
	text-align:left
}

#registerbutton {
	float:right; margin-top:-5px; margin-right: -10px; margin-bottom: -3px; margin-left: 10px; border:0; padding:0
}

#registernow {
	display:block; 
	float:right; 
	width:300px; 
	padding:25px 15px 5px 0px; 
	background-color:#dedede; 
	font-size:16px; 
	line-height:22px; 
	font-weight:normal;
}
	
.followus {
	margin-top:-10px !important
}

.followglobe {
	border:0; 
	margin-right:5px; 
	margin-top:-10px !important;
}

.updatetext {
	font-size:12px; 
	line-height:0.5;
}

#interested {
	width:312px; 
	float:right; 
	clear:right; 
	padding:5px 0 0 0
}

#leftcontainer {
	width:625px; 
	display:block; 
	float:left
}

#rightcontainer {
	width:320px; 
	display:block; 
	float:right
}

.onecolumn {
	width:960px;
}

.threecolumn {
	float:left;
	display:inline;
	width:281px;
	margin-right:10px;
	background-color:#EEE;
	padding:10px; 
	border:1px solid #ddd;
}
.threecolumn strong {font-size:12px}


#yahoo {display:block; float:right}
#yahoo img {border:0}
#yahoo a .icon {display:none; z-index:999}
#yahoo a:hover .icon {display:block; margin:0 0 0 -100px; text-align:right; color:#999}



/*########################*/
/*### Global Styles ###*/
/*########################*/
em, i {font-style: italic}
.small {font-size:8px;}
.eleven {font-size:11px;}

a:link {color:#2f7987; text-decoration:none}
a:visited {color:#2f7987; text-decoration:none}
a:hover {color:#333333; text-decoration:none}
a:active {color:#2f7987; text-decoration:none}

h1 {margin:5px 0 0 0; padding:0; font-size:19px; line-height:22px; font-weight:400; }
h3 {font-family:'HelveticaNarrow', 'Trebuchet MS', Helvetica; padding:0px; margin:0px; font-weight:400; font-size:13px}
h4 {font-family:'HelveticaNarrow', 'Trebuchet MS', Helvetica; padding-bottom:0px; margin-bottom:0px; font-weight:400; line-height:0.9; font-size:11px}
h5 {font-family:'HelveticaNarrow', 'Trebuchet MS', Helvetica; padding:0px; margin:0px; font-weight:400; font-size:16px}
h6 {font-size:9px; float:right; margin-top:-17px; font-family:'Arial Narrow'; font-weight:normal}

ul {list-style:outside; padding-left:12px}

img {border:0; padding:0; margin:0}
a img {border:0}

.fl {display:block; float:left; margin:0 10px 0 0}
.fr {display:block; float:right; margin:0 0 0 10px}
.fr20 {display:block; float:right; margin-left:20px}
.floatclear {float:none}

.clear {clear:both; }
.lc {clear:left}
.rc {clear:right}
.bc, .bc img, .bc a {border:0!important; padding:0!important}
.last {margin-right:0}

.contentleft {width:597px; display:block; float:left; margin-top:10px; text-align:left}
.contentleft p {margin-bottom:10px}
.contentleft li {margin-bottom:10px}
.contentleft ul li ul li {margin:0; list-style:circle}

.contentright {width:300px; float:right; margin-top:10px; overflow:hidden; max-width:300px}

.hline, .bhline, .hlineb {width:100%; float:right; margin-right:-10px; padding-left:10px; height:5px; background-color:#333; font-size:1px; line-height:1px}
.bhline {margin-right:-5px; padding-left:5px; height:3px; background-color:#d8d8d8;}
.hlineb {padding-top:5px; color:#d8d8d8; height:15px;}

.hlink {width:100%; float:right; margin-right:-10px; padding-left:10px; padding-top:5px; color:#d8d8d8; height:15px; background-color:#333; font-size:9px}
.hlink a {border:0; padding-left:0}

.hlink1, .hlink2 {position:absolute; top:350px; left:22px; height: 15px; width: 120px;}
.hlink2 {left:265px;}

.dottedtopw {border-top:1px dotted #FFF; display:block; clear:both; margin-top:10px;}

.bulletdiv {width:303px; display:block; clear:both; padding:0; margin:5px 0}
.bullet-glb {background:url(images/globe.jpg) no-repeat; width:16px; height:16px; float:left; margin:10px 0 0 0;}



/*########################*/
/*### Header & Menus ###*/
/*########################*/
#addthis {width:83px; height:20px; position:absolute; left:0px; top:0px}

.g2events {float:left; padding-bottom:15px}
.tpenabled {float:right; margin-top:5px}

#menu {
	color:#d8d8d8; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9px; 
	background-color:#333333; 
	height:12px; 
	clear: both; 
	width:954px; 
	padding:8px; 
	margin:0
}


#menu a:link {color:#d8d8d8}
#menu a:visited {color:#d8d8d8}
#menu a:hover {color:#41c8e1}
#menu a:active {color:#d8d8d8}

.menuleft {display:block; float:left; margin:-8px 8px 8px -8px}
.menuright {display:block; float:right; margin:-8px -8px 8px 8px}
.bottomleft {float:left; margin:-8px 0 0 -8px}
.bottomright {float:right; margin:-8px -8px 0 0}

.sf-menu {list-style:none; margin:0; padding-left: 5px; padding-right:0}
.sf-menu li {display:block; border-right:1px solid #545454; height:14px; padding:6px 10px 6px 8px; color:#d8d8d8; float: left; position:relative;top:-6px}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu a {padding:0}

.sf-menu ul {position: absolute; top: -999em; width: 175px;}
.sf-menu ul li {width: 100%; height:10px; color:#d8d8d8; text-transform:uppercase; font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; font-size:10px; background:url(images/trans.png); border:1px solid #545454; border-top:0}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: -12px;
	top: 32px; /* match top ul list item height */
	z-index: 99;
	list-style:none;
}



/*########################*/
/*### Footers ###*/
/*########################*/
#bottom {height:5px; width:970px; margin:0; clear:both; color:#666; background-color:#333; font-size:1px}
#bottomhome {height:40px; width:950px; margin:0; text-align:right; clear:both; color:#CCC; background-color:#333; font-size:18px; padding:10px}
#bottomhome img {margin:0 0 0 7px}
#footer {font-size:9px; padding-top:10px}
#footer a:link {color:#333}
#footer a:visited {color:#333}
#footer a:hover {color:#2f7987}
#footer a:active {color:#333}



/*########################*/
/*### Forms ###*/
/*########################*/
.input1 {font-size:9px; font-family:Verdana, Geneva, sans-serif}



/*########################*/
/*### Home Page ###*/
/*########################*/
#banner {width:597px; display:block; float:left; margin:0 10px 10px 0}
#banner a:link {color:#49B4D6}
#banner a:visited {color:#49B4D6}
#banner a:hover {color:#FFF}
#banner a:active {color:#49B4D6}

#bannertext {background:url(images/ICTbanner1.jpg) no-repeat #CCC; padding:130px 10px 0 27px; color:#FFF; width:562px; height:110px; text-align:left}
#bannertext h1 {color:#FFF; font-size:19px; font-weight:bold; margin:0; padding:0; line-height:16px; margin-bottom:5px}
#bannertext h2 {color:#FFF; font-size:19px; font-weight:normal; margin-bottom:10px}
#bannerdates {width:75px; height:70px; font-size:10px; font-weight:bold; display:block; float:right}
#bannerdates2 {width:100px; height:70px; font-size:10px; font-weight:bold; display:block; float:right}

#countdown {font-size:14px; padding-right:10px}

#un {width:551px;padding:5px 20px 10px 28px; background: /*url(images/ungc.jpg) 28px no-repeat*/ #d8d8d8}
#un1 {width:320px; height:50px; font-size:13px; font-style:italic; text-align:left; position:relative; padding-top:10px}
#unl {
	position:absolute;
	width:65px;
	height:55px;
	left: -9px;
	top: 1px;
}

#theseries {display:inline; float:right; margin:20px 0 0 0; padding-right:0; width:310px; }
#theseries img {border:0}
.date {font-size:10px; font-weight:bold; float:right; display:inline; text-align:right; padding-top:23px; margin:0 15px 0 0; color:#999 }
.seriescontent {font-size:10px; text-align:left; margin:0; color:#999 }
.seriestxt {clear:both; padding-left:46px}
.seriestxt em {color:#777}

#environment {width:597px; position:relative; float:left; display:inline}
#environmentcontainer {padding:1px; border:1px solid #e8e8e8; width:595px}

#tpsponsor {width:597px; clear:left; float:left; display:inline; margin-top:20px; padding-bottom:30px; text-align:right}
#tpsponsor img {border:0; margin-left:20px; margin-bottom:-25px}

.hovershot {display:block; float:left; width:20%; font-size:10px; padding-top:10px; text-align:center}
.hovershot img {border:0 !important}
.hovershot a:link {outline:none}
.hovershot a:hover {cursor:url(zoom.png),n-resize;}
.hovershot a .icon {display:none; z-index:999}
.hovershot a:hover .icon {display:block; position:absolute;	height:265px; width:265px; top:51px; left:11px}

#demodiv, #pavilions{width:115px; font-size:9px; line-height:0.9; display:block; float:left; margin-top:10px}
#demodiv img, #pavilions img {margin:2px 0; border:0}

#keynotespeakers {width:154px; margin-top:10px; font-size:9px; text-align:left; line-height:1; display:block; float:right}
#keynotespeakers img {float:left; margin:-3px 0px 9px 0}
#keynotespeakers strong {font-size:12px}

.speakertext {background-color:#EEE; line-height:1; padding:5px 0 0 5px; float:right; width:254px; margin-left:-10px; height:45px;}
.speakertext em {color:#777; }

#bigsponsors {width:154px; text-align:left; margin-top:10px; font-size:9px; display:block; float:right}
#bigsponsors img {border:0; margin:10px 0 0 0}

#sponsors {border-top:1px dotted #FFF; padding-top:10px}
#sponsors img {border:0; margin:0 10px 5px 0}



/*########################*/
/*### Attendees ###*/
/*########################*/
.whoshouldattend {margin:75px 0 0 10px; display:block; float:right; width:240px}
.attendimage {border:0; margin:10px 0; float:left}



/*########################*/
/*### Exhibition ###*/
/*########################*/
#exvedemo {width:547px; margin-top:2px; padding:5px 20px 3px 30px; background-color:#d8d8d8; text-align:right; font-style:italic}
#prospdl {float:right; width:210px; font-size:10px}
#prospdl img {float:left; margin:-6px 5px 0 0; border:0}
#floorplans img {margin-bottom:10px}



/*########################*/
/*### News ###*/
/*########################*/
.blogcontent {
	padding-top:0 !important; 
	border-top:0 !important;
	margin-top:-15px !important;
}



/*########################*/
/*### Goals ###*/
/*########################*/
.ictact1, .ictact2 {
	width:106px; 
	float:left; 
	padding:5px 5px 0 5px; 
	font-size:9px; 
	margin:0 5px 10px 0; 
	height:25px; 
	line-height:9px; 
	color:#d8d8d8; 
	background:url(images/sky.jpg) right;
}
.ictact2 {
	width:40px; 
	margin:0 0 10px 0;
}



/*########################*/
/*### Sponsors ###*/
/*########################*/
.sponsors {width:597px; float:left; margin-top:10px; background-color:#FFF; padding:10px; text-align:left }
.sponsors img {border:0; margin:10px 25px 10px 0}
.sponsors a img {border:0}

.sponsors2 {width:597px; float:left; margin-top:10px; background-color:#FFF; padding:10px; text-align:left }
.sponsors2 img {border:0; margin:5px 10px 5px 0}
.sponsors2 a img {border:0}



/*########################*/
/*### Agenda Pages ###*/
/*########################*/

#toprblock, #topics, #otherevents {
	width:300px; 
	max-width:300px; 
	display:block; 
	float:right; 
	margin-top:10px; 
	overflow:hidden; 
	text-align:left; 
	background-color:#FFF; 
	padding:10px
}

#toprblock img, #topics img, #otherevents img {border:0}

.blockdate {float:right; clear:both; width:180px; text-align:left; font-size:90%}

.serieslogo {margin-right:10px; float:right}

.agendatable {border:1px solid #ccc; border-right:0}
.agendatable td {padding:5px; font-size:10px; border-right:1px solid #ccc; text-align:left}
.agendatable em {font-size:9px; color:#999; font-style:normal}
.bg1 {background-color:#dedede}
.bg2 {background-color:#ededed}
.bg3 {background-color:#dedede}
.borderbottom {border-bottom:1px solid #ccc}

.bga {background-color:#aae6f6}
.bgb {background-color:#7ed4e9}
.bgc {background-color:#80a7b1}
.bgd {background-color:#b2c4c8}
.bge {background-color:#80899a}
.bgf {background-color:#86a4d5}
.bgg {background-color:#b5c5d5}



/*########################*/
/*### Sections ###*/
/*########################*/
.section {border:1px solid #d8d8d8; padding:10px; margin:0 0 10px 0; font-size:10px}
.section1 {border:1px solid #d8d8d8; padding:10px; margin:5px 0; font-size:10px; background-color:#EEE; display:block; float:right; width:250px}

.section2a {border:1px solid #d8d8d8; padding:10px; margin:0 10px 10px 0; font-size:10px; float:left; width:123px; height:90px; background-color:#EEE}
.section2b {border:1px solid #d8d8d8; padding:10px; margin:0 0 10px 0; font-size:10px; float:left; width:123px; height:90px; background-color:#EEE}
.section2c {border:1px solid #d8d8d8; padding:10px; margin:0 10px 10px 0; font-size:10px; float:left; width:123px; height:132px; background-color:#EEE}
.section2d {border:1px solid #d8d8d8; padding:10px; margin:0 0 10px 0; font-size:10px; float:left; width:123px; height:132px; background-color:#EEE}
.section2e {border:1px solid #d8d8d8; padding:10px; margin:0 10px 10px 0; font-size:10px; float:left; width:123px; height:146px; background-color:#EEE}
.section2f {border:1px solid #d8d8d8; padding:10px; margin:0 0 10px 0; font-size:10px; float:left; width:123px; height:146px; background-color:#EEE}

.section3a {border:1px solid #d8d8d8; padding:10px; margin:0 10px 10px 0; font-size:10px; float:left; width:166px; height:132px; background-color:#EEE}
.section3b {border:1px solid #d8d8d8; padding:10px; margin:0 10px 10px 0; font-size:10px; float:left; width:178px; height:132px; background-color:#EEE}
.section3c {border:1px solid #d8d8d8; padding:10px; margin:0 0 10px 0; font-size:10px; float:left; width:166px; height:132px; background-color:#EEE}

.section4a {border:1px solid #d8d8d8; padding:10px; margin:0; font-size:10px; background-color:#EEE; height:140px; font-size:12px}
.section4b {border:1px solid #d8d8d8; padding:10px; margin:0; font-size:10px; background-color:#EEE; height:225px; font-size:12px}

.section5 {border:1px solid #d8d8d8; padding:1px 1px 1px 10px; margin:5px 0; font-size:10px; background-color:#EEE; display:block; float:right; width:250px}
.section5 img {float:right; padding:0; margin:0; border:0 !important}



/*########################*/
/*### Blocks ###*/
/*########################*/
.block {background-color:#FFF; padding:10px}
.block img {padding:1px; border:1px solid #d8d8d8}
.full {width:100%}
.blockno img {border:0!important; margin:3px}
.block h2 {font-family:'HelveticaNarrow', 'Trebuchet MS', Helvetica; font-size:19px; padding-bottom:5px; font-weight:400; line-height:0.9; }

.bblock {background-color:#333; padding:10px; color:#d8d8d8; font-size:11px; text-align:left; margin-bottom:10px}
.bblock ul {list-style:none}
.bblock ul li {list-style:none; margin-bottom:10px; background-color:#444; padding:5px 10px; margin-left:-12px}

.blackblock {background-color:#333; padding:10px; color:#d8d8d8; width:178px; height:152px; float:left; display:inline; margin:11px 11px 0 0; text-align:left; font-size:11px }
.blackblock img {padding:1px; border:1px solid #d8d8d8; float:left; margin:0 10px 0 0}
.blackblock h2 {font-family:'HelveticaNarrow', 'Trebuchet MS', Helvetica; font-size:17px; padding-bottom:5px; font-weight:400; line-height:0.9;}

.inblock {padding:10px 5px 10px 10px; height:130px; background-color:#484848; border:1px solid #d8d8d8}
.inblock strong {color:#FFF}
.inblock a:link {color:#54C0E0}
.inblock a:visited {color:#54C0E0}
.inblock a:hover {color:#fff}
.inblock a:active {color:#54C0E0}

.speakerblock {background-color:#EEE; float:left; display:block; width:575px; padding:10px; margin:0 0 10px 0; border:1px solid #ddd; clear:both}
.speakerblock img {float:left; margin:0 10px 0 0}
.speakerblock .txt {float:left; width:460px; text-align:justify}
.speakerblock strong {font-size:12px}

.resourceblock {background-color:#EEE; width:907px; height:auto; padding:10px; margin:0 0 10px 0; border:1px solid #ddd; clear:both}
.resourceblock strong {font-size:12px}

#agendablack {text-align:left; line-height:1.5; background-image:url(images/bldg.png); color:#d8d8d8; padding:10px 10px}
#agendablack h2 {margin:auto 0}

.third {background-color:#eee; padding:10px; width:172px; height:152px; float:left; display:inline; margin:10px 10px 0 0; text-align:left; }
.third2 {background-color:#eee; padding:10px; width:172px; height:152px; float:left; display:inline; margin:10px 0 0 0; text-align:left; }

.al {text-align:left}
.ar {text-align:right}
.aj {text-align:justify}