/* CSS Document */

* {
padding:0;
margin:0;
border:none;
}

body {
		   background: #FFFFFF url(http://www.railtrends.com/graphics/2013rightbg.jpg) repeat-x;
		   margin-top:0px;
		   padding:0;
	   }
#rightbg-header {
		   width: 50%;
		   height: 224px; /* height of bg */
		   position: absolute;
		   top: 0;
		   left: 0;
		   background:#FFFFFF url(http://www.railtrends.com/graphics/2013leftbg.jpg) repeat-x;
	
	   }
a:visited {
	 color:#000;
}

a:link {
	 color:#019875;
}

#wrapper {
	
	width:100%;
	margin:0 auto;
}

#header {
	width:970px;
	height:224px;
	
	margin:0 auto;
	background:#FFFFFF url(http://www.railtrends.com/graphics/2013skyline.jpg);
	background-position:0 40px;
	background-repeat:no-repeat;
	z-index:1;
	position:relative;
}

#topline {
	height:37px;
	width:938px;
	text-align:right;
	padding:3px 32px 0 0;
	background:#000;
	color:#FFF;
}

#headerSponsor {
	float:right;
	text-align:left;
	width:274px;
	padding:4px 10px 0 0;
	margin:0;
}

#header .clear,#nav .clear,#2colwrap .clear,#tealfadewrap .clear,#presenterwrap .clear {
	height:0;
	margin:0;
	clear:both;
}

#header #topline .caps, #header .caps {
	font-family:'Open Sans', helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#nav {
	background: #000 url(http://www.railtrends.com/graphics/2012navbg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	width:954px;
	padding:0px 6px 0px 10px;
	margin-top:145px;
	height:39px;
}

#nav .left {
	margin:0;
	padding:0;
	float:left;
}

#nav .right {
	margin:11px 0 0 0;
	padding:0;
	float:right;
}

#pageBannerWrap {
	width:100%
	height:51px;
	background-image:url(http://www.railtrends.com/graphics/pagebannerbg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}

#pageBanner {
	width:970px;
	margin:0 auto;
	
	height:51px;
	padding:0;
}

#pageBanner h1 {
	font-size:24px;
	color:#000;
	font-family:'Open Sans', helvetica, sans-serif;
	/*text-shadow: 0px 1px 0px #C8D0E7;*/
	padding:13px 0 0 20px;
	margin:0;
	width:100%;
	text-align:center;
}

#horizbandwrap {
	width:100%;
	height:102px;
	margin:0;
	padding:0;
	background-image:url(http://www.railtrends.com/graphics/2013horiz-bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

#horizband {
	width:970px;
	margin:0 auto;
	padding:0;
	background:none;
}

.horizhover a {
	display:block;
	width:303px;
	height:87px;
	background: transparent url(http://www.railtrends.com/graphics/horiz-hover.png) no-repeat;
	padding:11px 0 0 20px;
	text-decoration:none;
	margin:0;
	float:left;
}

.horizhover a:hover {
	background-position:-323px 0;
}

.teal, .teal-small {
	margin:0;
	padding:0;
	font-size:20px;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-weight:600;
	color:#019875;
	text-shadow: 0px 1px 1px #FFF;
	
}

.teal-small {
	font-size:16px;
	font-weight:400;
	text-shadow:0px 0px 0px transparent;
}

.rightreg-big, .rightreg-small {
	margin:0;
	padding:0;
	font-size:18px;
	font-family:'Open Sans', Helvetica, sans-serif;
	font-weight:600;
	color:#019875;
	/*text-shadow: 0px 1px 1px #FFF;*/
	
}



.rightreg-small {
	color:#000000;
	font-size:14px;
	font-weight:400;
	text-shadow:0px 0px 0px transparent;
}

#2colwrap {
	width:100%;
	padding:0;
	margin:0;
}

#2col {
	width:940px;
	padding:0 0 0 10px;
	margin:0 auto;
	overflow:visible;
}

#leftcol h3, #footerinfo h3, #rightcol h3 {
	font-family:'Open Sans',helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin:0;
	padding:0 0 4px 0;
}

#leftcol h3 {
	color:#019875;
	font-size:20px;
}

#leftcol h3.smaller {
	font-size:16px;
	color:#000;
}

#leftcol {
	width:700px;
	float:left;
	padding:0px;
	margin:0px;
}

#leftcol p,#tealleft p,.tealleft p,#tealright table tr td, .personinfo table tr td{
	margin:0 0 12px;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	line-height:19px;
	font-size:14px;
	color:#000000;
}

#rightcol {
	width:230px;
	float:right;
	padding:0;
	margin:0;
}

#tealfadewrap {
	background-color:#f5f5f5;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
background-image: linear-gradient(top, #f5f5f5, #ffffff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
overflow:auto;
	width:700px;
	margin:0;
	padding:5px 0 10px 0;
}

#grayfadewrap {
	background-color:#f5f5f5;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
background-image: linear-gradient(top, #f5f5f5, #ffffff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
overflow:auto;
	width:220px;
	margin:0;
	padding:5px 10px 20px 0;
	text-align:right;
}

#regfadewrap {
	background-color: #019875;
border: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#019875', endColorstr = '#00CC99');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#019875', endColorstr = '#00CC99')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #019875, #00CC99);
background-image: -ms-linear-gradient(top, #019875, #00CC99);
background-image: -o-linear-gradient(top, #019875, #00CC99);
background-image: -webkit-gradient(linear, center top, center bottom, from(#019875), to(#00CC99));
background-image: -webkit-linear-gradient(top, #019875, #00CC99);
background-image: linear-gradient(top, #019875, #00CC99);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
overflow:auto;
	width:220px;
	margin:0 0 20px 0;
	padding:5px 10px 5px 0;
	text-align:right;
}


#tealleft, .tealleft {
	width:395px;
	margin:12px 0 0 20px;
	padding:0;
	float:left;
	background:transparent;
}

#tealright, .personinfo {
	background-color:#FFFFFF;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
float:right;
width:290px;
margin:10px 10px 0 10px;
padding:10px 20px 0 20px;
min-height:148px;
}

.personinfo {
	float:left;
}



#tealright h3,#rightcol h3, ##tealright h4, .personinfo h3 {
	font-family:'Open Sans',helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding:0 0 4px 0;
}

#tealright hr, .personinfo hr {
	background-color: #019875;
    border: 0 none;
    color: #019875;
    height: 1px;
    margin: 0;
    padding: 0;
	width:100%;
}

.rightregwrapREG {
	color:#FFFFFF;
overflow:auto;
background-color: #00CC99;
border: 1px solid #00cc99;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#00cc99', endColorstr = '#00CC99');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#444444', endColorstr = '#00CC99')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #00cc99, #00CC99);
background-image: -ms-linear-gradient(top, #00cc99, #00CC99);
background-image: -o-linear-gradient(top, #00cc99, #00CC99);
background-image: -webkit-gradient(linear, center top, center bottom, from(#00cc99), to(#00CC99));
background-image: -webkit-linear-gradient(top, #00cc99, #00CC99);
background-image: linear-gradient(top, #00cc99, #00CC99);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
width:200px;
margin:5px 0px 5px 10px;

text-align:left;
padding:10px 0 5px 10px;}

.rightregwrapREG h2,.rightregwrap h2 {
	font-family:'Open Sans',helvetica, arial, sans-serif;
	color:#FFFFFF;
	font-weight:600;
	font-size:18px;
	margin-bottom:4px;
	
}
.rightregwrap h2 {
	color:#019875;
}


	
	
#randompresenter,#randompresenter-noimg {
background-color: #ffffff;
border: 1px solid #019875;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
width:210px;
margin:5px 0px 5px 10px;
overflow:auto;
text-align:left;

}





.rightregwrap {
	background-color: #ffffff;
border: 1px solid #019875;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
width:200px;
margin:5px 0px 5px 10px;
overflow:auto;
padding:10px 0 5px 10px;
text-align:left;
}
	

#presenterwrap a:link img {
	float:left;
	margin:-10px 0 0 0;
	padding:0;
	border:none;
}


#randompresenter a:link,#grayfadewrap a:link,#regfadewrap a:link, #randompresenter-noimg a:link {
	
	margin:0;
	width:120px;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	line-height:19px;
	font-size:14px;
	color:#019875;
	text-decoration:none;
}


#randompresenter a:hover, #grayfadewrap a:hover,#randompresenter-noimg a:hover, #regfadewrap a:hover, .rightregwrapREG a:hover{
	text-decoration:underline;
}

#randompresenter a:link img {
	float:left;
}

#randompresenter .nametitle,#randompresenter-noimg .nametitle {
	float:right;display:block;width:130px;margin-top:8px;margin-bottom:8px;color:#019875;
}

#randompresenter-noimg .nametitle {
	float:left;display:block;width:190px;margin:8px;color:#019875;
}

#footerwrap {
	background-image:url(http://www.railtrends.com/graphics/footergrad.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	width:100%;
}

#footerwrap hr {
	background-color: #e6e6e6;
    border: 0 none;
    color: #e6e6e6;
    height: 1px;
    margin: 0;
    padding: 0;    
	width:100%;
}

#footerinfowrap {
	background:#000000;
	width:100%;
	padding:0px;
	margin:0;
}

#footerinfo {
	width:960px;
	padding:10px 0 10px 0;
	background:#000000;
	text-align:center;
	margin:0 auto;
}

#footerinfo h3 {
	color:#FFFFFF;
}


#platinum, #gold, #silver {
	width:940px;
	padding:0 0 0 20px;
	margin:0 auto;	
	height:100px;
}

#platinum tr, #gold tr, #silver tr {
	vertical-align:middle;
}

#platinum tr td, #gold tr td, #silver tr td {
	text-align:left;
}

#platinum h2, #gold h2, #silver h2 {
	font-family:'Open Sans', helvetica, arial,sans-serif;
	font-size:18px;
	color:#000000;
	padding:0;
	margin:0;
	
}

#platinum tr td a:link img, #gold tr td a:link img, #silver  tr td a:link img{
	margin:5px;
	padding:0;
	border:none;
}

#testimonialwrap {
	font-family:'Open Sans', helvetica, arial,sans-serif;
	font-size:18px;
	color:#000000;
	padding:0 0 0 10px;
	margin:0;
}

#testimonialwrap h2 {
	color:#000000;
	font-weight:600;
}skyline

#submit {
	background:transparent url(http://www.railtrends.com/graphics/bigbutton.png);
	background-position:top left;
	background-repeat:none;
	height:50px;
	width:200px;
}


/****2013 NAV****/

a.home {
	background:url(http://www.railtrends.com/graphics/2013home.png);
	width:64px;
}

a.about {
	background:url(http://www.railtrends.com/graphics/2013about.png);
	width:71px;
}

a.speakers {
	background:url(http://www.railtrends.com/graphics/2013speakers.png);
	width:90px;
}

a.who {
	background:url(http://www.railtrends.com/graphics/2013who.png);
	width:124px;
}

a.venue {
	background:url(http://www.railtrends.com/graphics/2013venue.png);
	width:68px;
}

a.sponsorship {
	background:url(http://www.railtrends.com/graphics/2013sponsorship.png);
	width:116px;
	}

a.press {
	background:url(http://www.railtrends.com/graphics/2013press.png);
	width:65px;
}

a.contact {
	background:url(http://www.railtrends.com/graphics/2013contact.png);
	width:85px;
}

a.register {
	background:url(http://www.railtrends.com/graphics/2013registerbtn.jpg);
	width:88px;
}

a.agenda {
	background:url(http://www.railtrends.com/graphics/2013agenda.png);
	width:79px;
}



a.topnav {
	background-position:top left;
	background-repeat:none;
	display:inline-block;
	height:39px;
	margin-right:6px;
}

a:hover.topnav {
	background-position:bottom left;
}

#tealfadewrap .personinfo p {margin:4px 0 0 0;line-height:21px;}
#tealfadewrap .personinfo p a:link, #tealfadewrap .personinfo p a:visited {float:right;text-decoration:none;color:#CCCCCC;font-size:10px;display:inline-block;margin-top:6px;}
#tealfadewrap .personinfo p a:hover {text-decoration:underline;color:#019875;}
	




@media screen and (-webkit-min-device-pixel-ratio:0) {
	#presenterwrap a:link .nametitle {
	float:right;display:block;width:115px;margin:8px 0 0 0;padding:0;
}
}

<!--[if IE]>
        		
		#tealfadewrap {background-color:#019875;}
<!--[endif]-->