/*By RDaniel
/*Primary Colors: 
#191919 (gray)

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption adn th */
caption, th {
	text-align: left;
}

a {
text-decoration:none;
outline:0;
}

a:active, a:focus {
  outline: none ! important;
}

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*----common elements----*/
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background:url(../images/dotBG.png);/*#eaeaea*/ 
}
#container {
   min-height:100%;
   position:relative;
   margin: 0 auto;
   width: 960px;
   background:white;
}
#header {
   
}

ul#topnav{background:#1d1d1d;}
#topnav li {
padding-left: 10px;

}

#topnav li a{
color: #fff;
font-size: 12px;
}

#topnav li a:hover{
text-decoration: underline;
}


.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

.sticker {
position: absolute;
float:left;
left: 350px;
top: -20px;
}

h2 {
   position: absolute;
   top: 25px;
   left: 460px;
   width: 100%;
   
}

h2 span {
   color: white;
   font: bold 24px/36px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.8);
   padding:4px;
}

h2 span.spacer {
   padding:0 4px;
}

.eventDate {
background: none;
font: 24px/36px Helvetica, Sans-Serif;
}

#mainContent {
   padding:10px 10px 30px 10px; /* Height of the footer (padding-bottom) */
}

#leftCol{
width:20%;
float:left;
display: inline;
}

#floatMenu {position: absolute;}

#mainNav{padding: 5px 0;}

#mainNav li{
padding: 3px 16px;
display: block;
border-bottom: 1px dotted #099ddc;
}

#mainNav li a{
padding:0 30px 20px 0;
font:14px Helvetica, Sans-Serif;
color: #4d4d4d;
}

#mainNav li:hover{background: rgb(216, 242, 253);}

#mainNav li ul{display: none;}
#mainNav li ul li{border-top:1px dotted #009ddc; border-bottom:0;}

#mainNav li ul li:hover{background: #fff;}
#floatMenu li:hover ul , #floatMenu li.over ul {display: block;}

.sideBox {
background: rgb(216, 242, 253) url(../images/fold.png) no-repeat -10px 0px; /* fallback color */
/*background: rgba(94, 180, 217, 0.7) url(../images/fold.png) no-repeat -10px 0px;*/
padding:10px 10px 10px 20px;
margin-bottom: 10px;
}

.graysideBox {
background: rgb(196, 196, 196) url(../images/gfold.png) no-repeat -10px 0px; /* fallback color */
background: rgba(196, 196, 196, 1) url(../images/gfold.png) no-repeat -10px 0px;
padding:10px 10px 10px 20px;
}

#midCol{
float:left;
width: 57%;
margin-left: 10px;
padding: 0;
display: inline;

}

#midCol p{
font: 12px/18px Helvetica, Arial, Sans-serif;
padding-left:10px;
margin-bottom: 15px;
}
#programme {margin-bottom: 60px;}
h5 {font: 14px Arial, Helvetica, Sans-serif; padding-bottom: 10px;}

ul#speaker{margin-top: 15px;}
#speaker li{
float:left;
display: inline;
width: 120px;
height: 128px;
padding: 3px;
margin: 1px;
background: url(../images/dotBG.png);
}

.info {background: rgb(9, 157, 220); height: 60px;}
#speaker li div{padding-left: 3px;}
#speaker li img{margin-left:30px; border: 1px solid white;}

#bios p{font: 12px/15px Arial, Helvetica, Sans-serif; border-bottom: 1px solid #c4c4c4; padding-bottom: 10px;}
#bios img{float: left; margin-right: 5px; border: 1px dotted gray;}

div.spacer {
  clear: both;
  }

#mainContent h4{
padding: 10px 10px;
border-top:2px solid #099ddc;
border-bottom: 1px dotted #099ddc;
margin-bottom:10px;
}



#rightCol{
float:right;
width: 20%;
margin-left: 10px;
}


.sponsorlist img{
margin: 10px 0;
}

.dottedBox{
/*background: url(../images/dotBG.png);*/
padding: 10px;
margin-bottom: 30px;
}

.dottedBox p{
padding: 10px;
}

.speakers, .speakers a {font: bold 12px/15px Arial, Helvetica, Sans-serif; color: #000;}
.speakers a:hover{text-decoration: underline;}

.jobtitle{font: 12px/15px Arial, Helvetica, Sans-serif;}
.co{font: 11px/14px Arial, Helvetica, Sans-serif;}
.co a{color: #fff;}

.sponsorlist a{
border-bottom: 1px dotted #099ddc;
}


/*---table---*/
.wrap {}
#content_1, #content_2, #content_3 {margin-top:8px; padding: 10px 20px; border-top:1px solid #099ddc; border-bottom: 1px solid #099ddc;}


table {
  border-collapse: collapse;
}

td {padding: 5px 10px;}
.speaker{margin-left:8px; font-style: italic; color: #009ddc;}
.speaker a {color: #009ddc; font-style: normal;}
.speaker a:hover {text-decoration: underline;} 
.sponsor {margin-left:8px; font-style:normal;}

th {color:#000; padding-left: 10px; font:bold 12px Arial, Helvetica, Sans-serif;}

.content td{
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}

.time{
	margin-right: 10px;
	padding: 10px;
	width: 80px;
}



.sched{  
    color:#000;  
    font-size:11px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    position:relative;  
    left:4px;  
    top:0px;
	margin-top: 3px;
} 

.special{


}

.break{
color: #000;

}

.keynote{
font-weight: bold;
}

.session{
font: bold 18px Arial, Helvetica, Sans-serif;
text-align: left;
color: #099ddc;
padding: 0;
}

.sessionT{
font: 14px/22px Arial, Helvetica, Sans-serif;
}

/*-  tabs
----------------------------------------------------------------------*/
#content_2, #content_3 { display:none; } 

#content_3 p{font: 11px/11px Arial, Helvetica, Sans-serif; color:#000; padding:0px;}

ul.tabs {  
    margin:30px 0 0 10px; padding:0px;  
}  

ul.tabs li {  
    list-style:none;  
    display:inline; 
} 

ul.tabs li a {  
    padding:12px 14px 9.4999px 14px; 
	margin-right:10px;
    text-decoration:none;  
    font-size:12px;  
    font-weight:bold;  
    text-transform:uppercase; 
	color: #000;
	background:#eaeaea
	
}
  
ul.tabs li a:hover {  
    background:#099ddc;  
    color:#fff;  
	
}  
ul.tabs li a.active {  
    background:#099ddc;   
    color:#000; 
	padding:12px 14px 10px 14px; 
    /*border-bottom: 2px solid #099ddc;  */
}   

.map {
margin: 10px 0 20px 0;
padding: 10px;
}

#floorplan {
margin-bottom: 20px;
}
#floorplan  img{
width:490px;
}

img.plan{
display: block;
margin-left: auto;
margin-right: auto;
}






#footer {
 clear:both; 
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */
   background:#1d1d1d;
}


/*-  button
----------------------------------------------------------------------*/

a.button{
background: rgb(9, 157, 220) url(../images/alert-overlay.png) repeat-x;
display: inline-block;
margin-top:10px;
padding: 12px 20px 13px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

a.button:hover{
color:#333;
background: rgb(8, 128, 179);
}



/*#footer{
   clear:both;
   bottom:0;
   margin: 0 auto;
   width:960px;
   height:30px;   /* Height of the footer */
   /*background:#191919;
   border-top: 1px solid #099ddc;
}*/

#footer p{
	color:#e3e9ec;  
    font:10px Verdana, Arial, Helvetica, sans-serif;  
	text-align: center;
	padding-top:5px;
	
}