/* CSS design by Genesis Digital Marketing 2013 */

/*  #########################################################
         I.    Universal Tags
   #########################################################  */


.left {  float:left;}
.right { float:right;}
.center { text-align: center;}

a { color: #10264f;}
a:hover { color:#633a7e;}

a img {border:none;}

/*  #########################################################
         II.   Structure and Formatting
   #########################################################  */

body {
	background:#f6bf2f url('/images/backgrounds/bg.jpg') no-repeat top center;
    background-attachment: fixed; 
    }


#wrap {
	width: 99%;
	max-width:800px;
	padding:  0 1.1em 1.1em 1.1em;
	margin: 0 auto;
	font: normal normal large/1.2em helvetica, arial, san-serif;
	color: #10264f;
	position:relative;
	left: 0px; top: 0px;
	background: rgba(246,191,47,.4);padding-bottom:50px;
	}

#header	{
	text-align:center;
	}
	
	#header img	{
	width:100%;
	max-width:750px;
	height:auto;
}

#header h1, #header h2 {
	height: 0;
	text-indent: -9999px;
	margin-bottom:20px;
	}
	
	#mainContent h1 {
		text-transform:uppercase;
		font-size: 2em;
		}
		
	#mainContent h2 {
		text-transform:uppercase;
		font-size: 1.6em;
		}
		
		#mainContent h2.separator {
			margin-top:50px;
			}
		
	#mainContent h3 {
		text-transform:uppercase;
		font-size: 1.2em;
		}
		
		

	.contentBox {
		margin-bottom: 30px;
		}
			
	.speakers {
		width:50%;
		text-align:center;
		font-weight:bold;
		font-size:1em;
		text-transform:uppercase;
		}
		
			.speakers img {
				width:100%;
				height:auto;
				max-width: 150px;
			}
			
			
	.speakers a {text-decoration:none;}
	
	.speakers.left img {margin-left: 10%}
	.speakers.right img {margin-right: 10%}
	
	
	p { 
		text-align:left;
		margin-bottom:30px;
		}
	.contentBox {padding:20px 0;}
		
	p.location {
		text-align:center;
		font-weight:bold;
		font-size:1.8em;
		line-height: 1.55em;
		text-transform:uppercase;
		margin-bottom:0;
		margin-top:20px;
		clear:both;
		}
		
		p.location .riverside {font-size:2.7em;}
		p.dateline {
			margin-top:0;
			text-align:center;
			font-weight:bold;
			font-size:1.75em;
			margin-bottom: 50px;
			}	
			
			/*  Floating share box */
			#box	{
				position: absolute;
				left: 20px;
				padding: 10px;
				padding-top:0;
				background: transparent;
				}
/* ################ Specialty Styles ########## */

.myButton {
	background-color:#10264f;
	border-radius:28px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background-color:#476e9e;
	color:#ffffff;
}
.myButton:active {
	position:relative;
	top:1px;
}					
				
	.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
	
/*  #########################################################
         III.    Navigation
   #########################################################  */