* { border: 0; margin: 0; padding: 0; }
header, section, footer, aside, nav, article, figure { display: block; }
html { height: 100%; margin-bottom: 1px; }
body { background-color: #fff; height: 100%; margin-bottom: 1px; }

@font-face {
    font-family: 'NeoTech';
    src: url('/fonts/neotech-webfont.eot');
    src: url('/fonts/neotech-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/neotech-webfont.woff') format('woff'),
         url('/fonts/neotech-webfont.ttf') format('truetype'),
         url('/fonts/neotech-webfont.svg#NeoTechRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =GLOBAL
-------------------------------------------------- */
body								{ color: #6e6e6e; font: 14px/18px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6				{ font-family: "Helvetica Neue", Arial, sans-serif; }
h1									{ color: #00c2f3; font-size: 24px; font-weight: normal; margin: 0 0 0.375em; line-height: 30px; }
h2									{ color: #00c2f3; font-size: 18px; font-weight: normal; margin: 0 0 0.25em; }
h3									{ color: #6e6e6e; font-size: 14px; margin: 0 0 0.75em; }
p									{ margin-bottom: 1em; }
ul, ol								{ margin-bottom: 1em; }
ul li								{ margin-left: 20px; }
ol li								{ margin-left: 22px; }
li ul, li ol						{ margin: 0; }
a									{ color: #00c2f3; outline: none; text-decoration: none; }
a:hover								{ text-decoration: underline; }
hr									{ background-color: #ccc; border: 0; clear: both; color: #ccc; display: block; height: 1px; margin: 0 0 1em; !margin: -7px 0 11px; /* IE */ }
table								{ border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; }
td									{ vertical-align: top; }
sup, sub							{ position: relative; top: -0.4em; vertical-align: baseline; }
sub									{ top: 0.4em; }


/* =FORMS
-------------------------------------------------- */
form								{ margin: 10px 0; }
label								{ float: left; width: 100px; font-family: "NeoTech", arial, Helvetica; }
input[type=text], textarea, select	{ border: 1px solid #00c2f3; color: #6e6e6e; float: right; font: 14px Arial, Helvetica, sans-serif; }
input[type=checkbox],
input[type=radio]					{ border: 0; height: 13px; overflow: hidden; width: 13px; }
select								{ padding: 2px 0; }
button								{ background: #00c2f3; border: 0; color: #fff; cursor: pointer; display: block; font: 14px Arial, Helvetica, sans-serif; margin-left: 100px; overflow: visible; padding: 7px; width: 100px; }

input[type=text]					{ padding: 7px; width: 520px; }
textarea							{ height: 100px; padding: 7px; width: 520px; }

div label.error						{ color: #ce665f; }
div input.error,
div textarea.error,
div select.error					{ background-color: #fee; border-color: #b05e5f; }

form p								{ margin-bottom: 5px; }
div form div.row					{ clear: both; float: left; margin-bottom: 5px; position: relative; width: 100%; }
div form div.col					{ float: left; position: relative; }

/* contact form
------------------------- */



/* =TEMPLATE
-------------------------------------------------- */
div#container						{ overflow: hidden; }
div.container						{ float: left; width: 900px; padding-top: 3px; }

header.main							{ height: 130px; margin: 0 auto; width: 1366px; }
header.main a#logo					{ float: left; height: 85px; margin-top: 25px; width: 247px; }
header.main a.extra					{ float: right; margin-top: 15px; }

nav#mainnav							{ background: url(/template/mainnav-bg.png) repeat-x center top; height: 74px; }
nav#mainnav.tall					{ height: 90px; }
nav#mainnav ul						{ font-size: 11px; list-style: none; margin: 0 auto; position: relative; text-transform: uppercase; width: 1366px!important; }
nav#mainnav li						{ float: left; margin: 0; }
nav#mainnav li a					{ border-left: 1px solid #fff; color: #000; display: block; height: 34px; line-height: 34px; padding: 0 7px; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
nav#mainnav li a.last				{ border-right: 1px solid #fff; }
nav#mainnav li a:hover				{ background-color: #ece810; text-decoration: none; }
nav#mainnav li a.selected			{ background-color: #ece810; height: 35px; }

nav#mainnav li ul					{ display: none; left: 0; position: absolute; top: 35px; width: 1366px; }
nav#mainnav li.selected ul			{ display: block; }
nav#mainnav li ul li				{ }
nav#mainnav li ul a					{ border: 0; height: 23px; line-height: 23px; }
nav#mainnav li ul a.last			{ border: 0; }
nav#mainnav li ul a:hover,
nav#mainnav li ul a.selected		{ box-shadow: none; background-color: #22c3f3; color: #fff; height: auto; }

nav#mainnav li li ul				{ top: 23px; }
nav#mainnav li.selected li ul		{ display: none; }
nav#mainnav li li.selected ul		{ display: block; }
nav#mainnav li li ul a				{ height: 23px; line-height: 23px; }
nav#mainnav li li ul a:hover		{ background: none; color: #22c3f3; }
nav#mainnav li li ul a.selected		{ background: none; color: #22c3f3; font-weight: bold; }

div#main							{ margin: 0 auto 20px; width: 1366px; }
div#main div.container				{ background: url(/template/main-bg.png) no-repeat 665px 0; }
body.home div#main div.container	{ background: none; }

div#content							{ float: left; padding-top: 13px; width: 650px; }
div#content table					{ box-shadow: 0 -4px 5px -5px #999, 0 4px 5px -5px #999; }
div#content table p					{ margin: 0; }
div#content td						{ border-bottom: 1px solid #22c3f3; padding: 2px 5px; }
div#content td.table-heading		{ background-color: #22c3f3; border-right: 1px solid #fff; color: #fff; font-size: 14px; }
div#content table td.table-heading:last-child	{ border-right: 0; }
body.home div#content				{ width: 100%; }

div#content div.column				{ float: left; padding-left: 10px; width: 405px; }
div#content div.column.full			{ width: auto; }
div#content div.column.photos		{ float: right; padding-top: 37px; text-align: center; width: 220px; }

div.social-network-buttons			{ clear: both; float: left; padding-left: 10px; width: 100%; }
div.social-network-buttons div		{ float: left; margin-right: 5px; overflow: hidden; }
div.social-network-buttons div.facebook-like { height: 24px; width: 96px; }
div.social-network-buttons div.twitter	{ padding-top: 2px; }
div.social-network-buttons a.fb-send-button	{ background: url(/template/facebook-send-button.png) no-repeat 0 0; display: block; height: 24px; text-indent: -9999px; width: 54px; }
div.social-network-buttons a.fb-send-button:hover	{ background-position: 0 -24px; }

div#sidebar							{ float: right; padding-top: 46px; width: 220px; }
div#sidebar div.item				{ overflow: hidden; }
div#sidebar div.item h2				{ background-color: #00c2f3; color: #fff; font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 10px; padding: 1px 5px 3px 5px; -moz-box-shadow: 0 3px 8px -4px #999; -webkit-box-shadow: 0 3px 8px -4px #999; box-shadow: 0 3px 8px -4px #999; }
div#sidebar div.item h2 a 			{ color: #fff; text-decoration: none; }
div#sidebar div.item h3				{ color: #000; font-size: 14px; margin-bottom: 0.1875em; }
div#sidebar div.item h3 a			{ color: #000; }
div#sidebar div.item p				{ font-size: 11px; }

div#sidebar div.item.related div.related-item	{ float: left; margin-bottom: 10px; width: 100%; }
div#sidebar div.item.related div.related-item.last	{ margin-bottom: 16px; }
div#sidebar div.item.related figure	{ float: left; height: 65px; width: 100px; }
div#sidebar div.item.related div.details	{ float: right; width: 110px; }
div#sidebar div.item.related div.details p	{ margin: 0; }
div#sidebar div.item.related div.details p a { color: #6e6e6e; margin: 0; }

div#sidebar div.item.news figure	{ height: 75px; margin-bottom: 5px; width: 220px; }
div#sidebar div.item.news div.details { float: none; width: 100%; }

div#sidebar div.item.related h3		{ font-size: 11px; margin: 0; }

footer.main							{ background: url(/template/footer-bg.jpg) repeat-x center bottom; clear: both; font-size: 12px; height: 253px; }
footer.main	div.content				{ height: 99px; margin: 0 auto; padding-top: 15px; position: relative; width: 1366px; }
footer.main	div.content div.item	{ float: left; }
footer.main	div.content div.item.last	{ padding-right: 0; }
footer.main	div.content div.item h2	{ color: #00c2f3; font-size: 16px; }
footer.main	div.content div.item p	{ font-size: 11px; }

footer.main	div.content div.item.sponsors	{ background: url(/template/sponsor-logos-new.png) no-repeat; height: 98px; margin-top: 11px; overflow: hidden; width: 395px; }
footer.main	div.content div.item.sponsors a	{ float: left; height: 45px; position: absolute; text-indent: -9999px; }
footer.main	div.content div.item.sponsors a.vancouver	{ left: 0; width: 118px; }
footer.main	div.content div.item.sponsors a.ecf	{ left: 118px; width: 125px; }
footer.main	div.content div.item.sponsors a.translink	{ left: 240px; width: 120px; }
footer.main	div.content div.item.sponsors a.latitude	{ height: 27px; left: 0; top: 110px; width: 115px; background: url(/template/sponsor-latitude.png); }

footer.main	div.content div.item.social-network		{ padding-right: 13px; margin-top: 5px; }
footer.main	div.content div.item.social-network div	{ float: left; overflow: hidden; }
footer.main	div.content div.item.social-network div.twitter	{ padding-top: 7px; width: 225px; }

footer.main	div.content div.item.extra	{ color: #000; font-size: 11px; text-align: right; margin-top: 8px; }
footer.main	div.content div.item.extra div	{ line-height: 16px; margin-bottom: 0.375em; }
footer.main	div.content div.item.extra a	{ color: #000; }
footer.main	div.content div.item.extra div#textsize-select a	{ font-size: 12px; margin-left: 5px; }
footer.main	div.content div.item.extra div#textsize-select a.plus	{ font-size: 14px; }
footer.main	div.content div.item.extra div#textsize-select a.x-plus	{ font-size: 16px; }

footer.main	div.content div.item.extra div#language-select a.selected	{ font-weight: bold; }

footer .buttons				{ margin-top: 10px; }
footer .buttons a			{ float: left; }
footer .buttons a.contact	{ display: inline-block; text-decoration: none; text-align: center; background-color: #00c2f3; color: #fff !important; width: 71px; font-size: 13px; margin-bottom: 10px; padding: 2px 5px 4px 5px; -moz-box-shadow: 0 3px 8px -4px #999; -webkit-box-shadow: 0 3px 8px -4px #999; box-shadow: 0 3px 8px -4px #999; }
footer .buttons a.facebook	{ margin-top: -1px; margin-right: 9px; margin-left: 4px; }
footer .buttons a.linkedin	{ margin-top: -1px; margin-right: 23px; }


/* =PAGE SPECIFIC
-------------------------------------------------- */
/* home
------------------------- */
body.home h2						{ color: #00c2f3; font-size: 24px; margin: 0 0 0.375em; }

div#slider-container				{ margin: 0 auto; width: 900px; }
div#slider							{ height: 210px; left: -360px; position: relative; top: -6px; width: 1400px; }
div#slider-inner-container			{ visibility: hidden; }

div.slider-buttons					{ position: relative; z-index: 11; }
div#slider a.slider-button			{ background: url(/template/slider-arrows.png) no-repeat; cursor: pointer; display: block; height: 55px; position: absolute; top: 70px; text-indent: -9999px; width: 29px; }
div#slider a.slider-prev			{ background-position: 0 0; left: 191px; }
div#slider a.slider-prev:hover		{ background-position: 0 -55px; }
div#slider a.slider-next			{ background-position: -29px 0; right: 221px; }
div#slider a.slider-next:hover		{ background-position: -29px -55px; }

div.slide-fade						{ position: relative; z-index: 10; }
div.slide-fade div					{ background: url(/template/slider-fade.png) no-repeat; height: 220px; position: absolute; top: -10px; width: 230px; }
div.slide-fade div.fadeleft			{ background-position: 0 0; left: -10px; }
div.slide-fade div.faderight		{ background-position: 0 -220px; right: 20px; }

ul.slides							{ list-style: none; margin: 0; position: relative; z-index: 2; }
ul.slides li						{ float: left; height: 200px; margin: 0 10px 0 0; padding-top: 10px; width: 220px; }
ul.slides li img					{ height: 180px; position: absolute; width: 220px; -moz-box-shadow: 0 6px 10px -4px #999; -webkit-box-shadow: 0 6px 10px -4px #999; box-shadow: 0 6px 10px -4px #999; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; }
ul.slides li img:hover				{ -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }

body.home div#content div.column	{ width: 435px; }
body.home div#content div.column.last	{ float: right; }

body.home div#news h3				{ font-size: 14px; font-weight: normal; margin-bottom: 0; }
body.home div#news h3 a				{ color: #000; }
body.home div#news p				{ font-size: 11px; }
body.home div#news div.item			{ margin-bottom: 12px; overflow: hidden; }
body.home div#news figure			{ height: 75px; width: 100px; margin-bottom: 10px; }
body.home div#news div.details		{ width: 200px; }

/* speakers
------------------------- */
div#speakers						{ padding-left: 10px; }
div#speakers a.speaker				{ float: left; margin: 5px 20px 15px 0; }
div#speakers a.speaker.last			{ margin-right: 0; }
div#speakers a.speaker span			{ background: no-repeat; display: block; height: 125px; position: relative; width: 200px; }
div#speakers a.speaker h2			{ bottom: 0; color: #fff; font-size: 18px; left: 5px; margin: 0; position: absolute; }
div#speakers a.speaker div.overlay	{ background-color: #00c2f3; bottom: 0; height: 25px; filter: alpha(opacity=50); opacity: 0.5; position: absolute; width: 200px; }

div#speakers article section		{ float: left; padding-top: 5px; width: 405px; }
div#speakers article figure			{ float: right; padding-top: 5px; width: 220px; }	
div#speakers div.social-network-buttons	{ padding: 0; }

/* news
------------------------- */
div#news							{ padding-left: 10px; }
div#news article section			{ float: left; width: 405px; }
div#news article figure				{ float: right; padding-top: 5px; width: 220px; }
div#news article p.date				{ clear: both; }
div#news div.social-network-buttons	{ padding: 0; }
div#news article.listing h3			{ font-size: 14px; margin-bottom: 5px; }
div#news article.listing h3 a		{ color: #000; }
div#news article.listing p.date		{ margin-bottom: 7px; }
div#news article.listing div.social-network-buttons	{ margin-bottom: 5px; width: 100%; }

/* photo gallery
------------------------- */
div.gallery							{ margin-bottom: 1em; overflow: hidden; padding-left: 10px; }
div.gallery h2						{ color: #00c2f3; font-size: 24px; margin-bottom: 14px; }
div.gallery a						{ float: left; margin: 0 20px 20px 0; }
div.gallery a.last					{ margin-right: 0; }


/* =LIBRARY
-------------------------------------------------- */
div.loader							{ visibility: hidden; }

/* facebook fan box
------------------------- */
div.connect_top						{ left: -8px; padding: 0; position: relative; }
div.connect_top img					{ display: none; }
div.connect_top	div.name_block		{ display: none; }
div.connect_top a					{ color: #3b5994; }
.connect_widget_not_connected_text	{ display: none; padding-top: 5px; }


/* =UTILITY
-------------------------------------------------- */
/* remove firefox button outline */
button::-moz-focus-inner			{ border: none; }

/* clear fix */
.clearfix:before,
.clearfix:after						{ content: ""; display: table; }
.clearfix:after						{ clear: both; }
.clearfix							{ zoom: 1; }