/* **************************************************************** */
/* Browser reset via Eric Meyer:                                    */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/     */
/* **************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { color: black; background: white; }
ol, ul { list-style-position: inside; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* **************************************************************** */
/* Fixes older & other browsers                                     */
/* **************************************************************** */

#wrapper { float: left; float/**/: none; position: relative; overflow: hidden; }

/* easy clearing */
#wrapper { display: inline-block; }

/*\*/
#wrapper { /*display: block;*/ }

#footer { clear: both; }
#header, #footer { width: 960px; }

/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output {
  position: relative;
  z-index: 1000;
}
	
.clear { clear: both; display: block; font-size: 1px; margin: 0px; line-height: 0px; height: 0px; }

@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('/other_files/iceweb/fonts/League_Gothic-webfont.eot');
  src: local('��'), url('/other_files/iceweb/fonts/League_Gothic-webfont.woff') format('woff'), url('/other_files/iceweb/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/other_files/iceweb/fonts/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  padding: 0;
  margin: 43px 0 0 0;
  border: 0;
  font-family: 'LeagueGothicRegular', helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background-color: #000;
}


/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */

a, a:link { color: #fff; text-decoration: none; cursor: pointer; }

a:hover,
a:active { 
  color: #fff;
  text-decoration: none;
  -moz-outline-style: none; 
}

h1, h2, h3, h4 {
  color: #fff;
  font-weight: bold;
  margin: 10px 0 10px 0;
}

h1 { font-size: 24px; }
h2 { 
	font-size: 22px; 
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
h3 { font-size: 20px; }
h4 { font-size: 18px; }

hr { height: 1px; border: 0; color: #ccc; background: #ccc; }

p {
	margin-bottom: 20px;
}


p a, p a:link {color: #f6960b}
p a:hover {color: #d9670a;}

/* **************************************************************** */
/* Layout of template columns                                       */
/* **************************************************************** */

#one-col #wrapper {
  overflow: visible;
  width: 960px;
  min-height: 2615px;
  text-align: left;
  margin: 0 auto 0 auto;
  background: url(/other_files/iceweb/2010/img/iceweb-bg-main.jpg) no-repeat 0% 0%;
}

/* **************************************************************** */
/* Frontpage Booking                                                */
/* **************************************************************** */

#booking {
  position: absolute;
  top: 71px;
  left: 289px;
  width: 597px;
  min-height: 535px;
}

#booking h2 { 
  position: absolute;
  top: -64px;
  left: -12px;
  font-size: 288px; 
  text-transform: uppercase; 
  letter-spacing: -8px; 
  padding: 0; 
  margin: 0; 
}

#booking h3 .date1,
#booking h3 .date2 { 
  position: absolute;
  top: 208px;
  left: -4px;
  font-size: 65px;
  letter-spacing: -1px;
}

#booking h3 .date2 { top: 275px; letter-spacing: -3px; }

#booking h3 .date3 {
  position: absolute;
  top: 188px;
  left: 47px;
  font-size: 155px;
  letter-spacing: -4px;
}

#booking a.book {
  position: absolute;
  top: 234px;
  right: -9px;
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding: 5px 13px 0 13px;
  -moz-border-radius: .1em;  
  -webkit-border-radius: .1em;
  border-radius: .1em;
  background-color: #000;
  background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  border: 1px solid #000;
  text-shadow: 0 1px 1px #000;
  
  -webkit-transition: background-color .15s linear .1s, -webkit-box-shadow .15s linear .1s, -webkit-transform .10s linear .1s;
  -moz-transition: background-color .15s linear .1s, -moz-box-shadow .15s linear .1s;
	transition: background-color .15s linear .1s, box-shadow .15s linear .1s;
}
#booking a.book:hover {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
	background: -moz-linear-gradient(top,  #222,  #000);
  -moz-box-shadow: 0 0 30px #fff;
  -webkit-box-shadow: 0 0 30px #fff;
  box-shadow: 0 0 30px #fff;
  
  transform:  rotate(1deg) scale(1.03);
  -moz-transform:  rotate(1deg) scale(1.03);
  -webkit-transform:  rotate(1deg) scale(1.03);
  -o-transform:  rotate(1deg) scale(1.03);
}

#booking .main-text {
font-size:28px;
left:262px;
line-height:32px;
position:absolute;
top:315px;
width:340px;
}

#booking .main-text h4 { 
	font-size: 40px; 
	letter-spacing: -1px; 
	padding: 0; margin: 8px 0 20px 0; 
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

#booking .map {
  position: absolute;
  top: 362px;
  left: 0;
  width: 225px;
  height: 157px;
  /*background: url(http://icewebconference.com//other_files/iceweb/2010/img/bg-sprite3.png) no-repeat -158px -347px;*/
}

#booking a.next,
#speakers a.next,
#how-much a.next,
#how-to-get a.next,
#booking2 a.next {
  position: absolute;
  top: 177px;
  right: 0;
  width: 20px;
  height: 35px;
  text-indent: -10000px;
  background: url(http://icewebconference.com//other_files/iceweb/2010/img/bg-sprite3.png) no-repeat -206px -269px;
}
#booking p, #how-much p, #how-to-get p {
	font-family:arial !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 16px !important;
	text-shadow:0 1px 0 rgba(0,0,0,0.4) !important;
}

/* **************************************************************** */
/* Frontpage Speakers                                               */
/* **************************************************************** */

#speakers {
  position: absolute;
  top: 694px;
  left: 279px;
  width: 604px;
  height: 323px;
}

#speakers a {
  position: absolute;
  top: 120px;
  left: 42px;
  width: 135px;
  height: 135px;
  text-indent: -10000px;
  background: url(http://icewebconference.com//other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 0% 0%;
}

#speakers a.speaker2 { top: 0; left: 136px; background-position: 0% -135px; }
#speakers a.speaker3 { top: 126px; left: 210px; background-position: 0% -270px; }
#speakers a.speaker4 { top: 24px; left: 337px; background-position: 0% -405px; }
#speakers a.speaker5 { top: 189px; left: 354px; background-position: 0% -540px; }
#speakers a.speaker6 { top: 103px; left: 469px; background-position: 0% -675px; }

#speakers a.next { top: 134px; left: 0; }

/**** Bubbles ****/
#speaker1, #speaker2, #speaker3, #speaker4, #speaker5, #speaker6 {
  position: absolute;
  width: 241px;
  height: 165px;
  text-align: center;
  padding: 10px;
  -moz-border-radius: .5em;  
  -webkit-border-radius: .5em;
  border-radius: .5em;
  z-index: 1;
  background: url(http://icewebconference.com/other_files/iceweb/2010/img/bg-bubble.png) no-repeat 0% 0%;
  cursor: pointer;
}

#speaker1 { top: 40px; left: -40px; }
#speaker2 { top: -65px; left: 100px; }
#speaker3 { top: 40px; left: 130px; }
#speaker4 { top: -80px; left: 250px; }
#speaker5 { top: 100px; left: 320px; }
#speaker6 { top: 10px; left: 420px; }

.speaker h2 { font-size: 32px; text-transform: uppercase; }
.speaker h3 { font-size: 20px; font-weight: normal; padding: 0; margin: -8px 0 0 0; letter-spacing: 2px;}
.speaker p { font-size: 18px; width: 150px; padding: 0; margin: 0 0 0 43px; }

/* **************************************************************** */
/* How Much Section                                                 */
/* **************************************************************** */

#how-much {
font-size:28px;
left:25px;
line-height:32px;
min-height:150px;
padding-left:43px;
padding-top:40px;
position:absolute;
top:1115px;
width:637px;
}

#how-much h2 { font-size: 53px; text-transform: uppercase; letter-spacing: -1px; padding: 0; margin: 0 0 15px 0; }

#how-much a.next { top: 13px; left: -43px; }

/* **************************************************************** */
/* How Much Section                                                 */
/* **************************************************************** */

#how-to-get {
  position: absolute;
  top:1479px;
  left: 391px;
  width: 513px;
  min-height: 264px;
  font-size: 28px;
  line-height: 32px;
}

#how-to-get h2 { 
  position: absolute;
  top: -1px;
  left: 29px;
  width: 193px;
  font-size: 53px; 
  text-transform: uppercase; 
  text-align:right;
  letter-spacing: -1px; 
  line-height: 45px;
  padding: 0; 
  margin: 0; 
}

#how-to-get .main-text { position: absolute; top: -3px; right: 0; width: 275px; }

#how-to-get a.next { top: 10px; left: 0px; }

/* **************************************************************** */
/* Frontpage Booking 2                                              */
/* **************************************************************** */

#booking2 {
  position: absolute;
  top: 1763px;
  left: 2px;
  width: 466px;
  min-height: 267px;
}

#booking2 h2 { 
  font-size: 75px; 
  text-transform: uppercase; 
  letter-spacing: -1px;
  line-height: 65px;
  padding: 0; 
  margin: 0;
}

#booking2 h2 span.large { float: left; font-size: 93px; }

#booking2 a.book {
  -moz-border-radius:0.1em 0.1em 0.1em 0.1em;
background: #000;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
border:1px solid #000000;
color:#FFFFFF;
font-size:60px;
letter-spacing:-1px;
padding:5px 13px 0;
position:absolute;
right:40px;
text-shadow:0 1px 0 #000000;
text-transform:uppercase;
top:161px;

-webkit-transition: background-color .15s linear .1s, -webkit-box-shadow .15s linear .1s, -webkit-transform .10s linear .1s;
  -moz-transition: background-color .15s linear .1s, -moz-box-shadow .15s linear .1s;
	transition: background-color .15s linear .1s, box-shadow .15s linear .1s;
}
#booking2 a.book:hover {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
	background: -moz-linear-gradient(top,  #222,  #000);
  -moz-box-shadow: 0 0 30px #fff;
  -webkit-box-shadow: 0 0 30px #fff;
  box-shadow: 0 0 30px #fff;
  
  transform:  rotate(-1deg) scale(1.03);
  -moz-transform:  rotate(-1deg) scale(1.03);
  -webkit-transform:  rotate(-1deg) scale(1.03);
  -o-transform:  rotate(-1deg) scale(1.03);
}

#booking2 a.next { top: 95px; right: 8px; }

/* **************************************************************** */
/* Main content used on subpages                                    */
/* **************************************************************** */

#booking .maincontent h1 {font-size:38px !important;text-shadow: #333 2px 2px 2px}


#booking .maincontent h2 {
position: static; 
left: auto; 
top: auto;
letter-spacing: 1px;
text-align: right;
margin-left: -500px;
margin-bottom: -50px;
padding-right: 630px;
margin-top: 40px;
}


#booking .maincontent h2,
#booking .maincontent h3, 
#booking .maincontent h4 {
text-shadow: #333 1px 1px 1px;
}
#booking .maincontent h2 {font-size: 34px;}
#booking .maincontent h3 {font-size: 30px;}
#booking .maincontent h4 {font-size: 26px;}

#booking .maincontent p, #booking .maincontent li, #booking .maincontent td, #booking .maincontent th {font-size: 14px !important; font-family: arial; text-shadow: #333 1px 1px 0px}
#booking .maincontent p a, #booking .maincontent td a {color: #f6960b;}
#booking .maincontent p a:hover, #booking .maincontent td a:hover {color: #d9670a;}

#booking .maincontent ul {list-style-position: outside; margin-left: 20px;}








/* **************************************************************** */
/* Frontpage Links                                                  */
/* **************************************************************** */

a.over-here { position: absolute; top: 2080px; right: 125px; width: 107px; height: 95px; text-indent: -10000px; background: url(http://icewebconference.com/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat -179px 0%; }
a.back-top { position: absolute; bottom: 314px; left: 44px; width: 97px; height: 131px; text-indent: -10000px; background: url(http://icewebconference.com/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat -179px -102px; }

/* **************************************************************** */
/* Frontpage Left sidebar                                           */
/* **************************************************************** */

#left-col {
  font-family: Helvetica, sans-serif;
  position: absolute;
  top: 50px;
  left: 0;
  width: 170px;
  min-height: 824px;
  background: url(http://icewebconference.com/other_files/iceweb/2010/img/bg-left-col2.jpg) no-repeat 0% 0%;
  word-wrap: break-word;
}

/**** Tweets ****/
#left-col .tweets {
  float:left
  width: 160px;
  color: #989a9a !important;
  margin: 192px 0 25px 10px
}

#left-col .tweets .tweet {
	float: left;
	margin-bottom: 25px;
}
#left-col .tweets .tweet img { 
	float: left;
	margin-right: 4px;
}
#left-col .tweets .tweet p.text {
	float: left;
	width:122px;
}
#left-col .tweets .tweet p.text { font-size: 11px; padding: 0; margin: 0; color: #fff;}
#left-col .tweets .tweet p.text .time a {color: #ccc; }
#left-col .tweets p.text a {color: #f6960b}
#left-col .tweets p.text a:hover {color: #d9670a}
#left-col .tweets p.text .username a {color: #3B5998}








/**** Facebook ****/
#left-col .facebook {
  float:left;
  width: 160px;
  height: 239px;
  color: #989a9a !important;
}
.fbConnectWidgetTopmost{
  border: none !important;
  color: #fff !important;
}

/* **************************************************************** */
/* Main Navigation                                                  */
/* **************************************************************** */

#main-navigation {
  position: absolute;
  top: -34px;
  left: 0px;
  text-align:center;
  width: 960px;
}

#main-navigation ul { /*float: left;*/ margin: 0;  padding: 0; }
#main-navigation li { /*float: left;*/ list-style: none; display:inline; }
#main-navigation li a { /*float: left;*/ padding: 0; margin-right: 45px; }

#main-navigation li.c1 a { margin-left: 7px; }
#main-navigation li.c6 a { margin-right: 0; }

#main-navigation a,
#main-navigation a:visited,
#main-navigation a:link { 
  font-size: 24px;
  color: #c2c2c2; 
  letter-spacing: 2px;
  text-transform: uppercase;
}

/**** Hover & active settings ****/
#main-navigation a:hover { color: #fff; text-decoration: none; }

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 312px;
  font-size: 15px;
  color: #b3b3b3;
}

#footer h2 {
  position: absolute;
  top: 50px;
  left: 0;
  width: 200px;
  font-size: 25px;
  color: #b3b3b3;
  letter-spacing: -1px;
  line-height: 35px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

#footer h2 span.large { font-size: 53px; letter-spacing: -2px; }
#footer h2 a { color: #b3b3b3; }

#footer h2.people { top: 142px; }

#footer ul { 
  position: absolute;
  top: 235px;
  left: 0;
  font-size: 18px;
  padding: 0; 
  margin: 0; 
  list-style: none; 
}

#footer ul.contacts { top: 180px; left: 300px; }

#footer ul a { color: #b3b3b3; }
#footer ul a:hover { text-decoration: underline; }

#footer .contact-me {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 500px;
  height: 111px;
}

#footer .contact-me form { position: relative; width: 410px; height: 111px; }

#footer .contact-me form input,
#footer .contact-me form textarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 221px;
  font-size: 10px;
  font-weight: bold;
  padding: 9px 0 9px 7px;
  border: 1px solid #525252;
  background: #666; 
}

#footer .contact-me form textarea { width: 153px; height: 93px; overflow: auto; font-size: 11px; }

#footer .contact-me form input.email,
#footer .contact-me form input.name,
#footer .contact-me form input.button,
#footer .field.email input,
#footer .field.name input,
#footer input.portlet-form-button { left: 179px !important;}

#footer .contact-me form input.name, #footer .field.name input { top: 39px; }

#footer .contact-me form input.button, #footer div.button input { 
  top: 78px !important; 
  width: 230px;
  font-size: 14px;
  color: #fff; 
  text-transform: uppercase;
  padding: 6px 0 6px 0;
  cursor: pointer;
  background: none; 
}
#footer .contact-me label { display:none; }

/* **************************************************************** */
/* Other Settings                                                   */
/* **************************************************************** */

.hidden { display: none; }
.container { position: relative; }


/* **************************************************************** */
/* Speaker pages                                                    */
/* **************************************************************** */

.speakerimage {
position: static; 
left: auto; 
top: auto;
letter-spacing: 1px;
text-align: right;
margin-left: -300px;
margin-bottom: -182px;
padding-right: 0px;
margin-top: 50px;
height: 135px;
width: 280px;
}
.speakerimage.tara {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px -406px;}
.speakerimage.andy {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px 0px;}
.speakerimage.simon {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px -134px;}
.speakerimage.karen {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px -270px;}
.speakerimage.relly {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px -676px;}
.speakerimage.jonathan {background: url(/other_files/iceweb/2010/img/bg-sprite3.png) no-repeat 145px -540px;}


/* **************************************************************** */
/* Sponsors in footer                                               */
/* **************************************************************** */


.sponsors img {margin-bottom: 15px; width: 125px}
.sponsors .left {float: left; width: 135px}
.sponsors .right {float: left; width: 45%}