/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "Roboto", Tahoma, Verdana, sans-serif;
}

html,
body {
   

         /* Old browsers */
  
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}



li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}


/* `Container
----------------------------------------------------------------------------------------------------*/

.container_16 
{
  background:#fff;
  margin: 0 auto;
  width: 966px;
  height: auto;
  overflow:hidden;
 padding-top: 90px;
 }

 .fpage
{
   background-image:url('/template_images/fast/13/background.jpg');
}




.navWrapper
{
  background:#7d1a14;
   margin: 0 auto;
  width: 100%;
  height: 100px;
  padding: 0 0px; /* you can change this to 7px padding to equal width to be 980px */
  position: fixed;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-right: 10px;
}

.grid_12
{
    margin-right:20px;
   

}

.blank {
    visibility: hidden;
    height:1px; /* fix to make blank columns have width when no content exists */ 
}

.row {
    clear: both; /* because of this rule you technically don't need any columns to the right of your last visible column in your rows */
    height: auto;
}

.fastbk 
{
  
    
    
    }

/* `Grid >> Children (Omega ~ Last) Apply to each end column of the row to remove the right-margin
----------------------------------------------------------------------------------------------------*/

.omega {
  margin-right: 0;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 51px;
}

.container_16 .grid_2 {
  width: 112px;
}

.container_16 .grid_3 {
  width: 173px;
}

.container_16 .grid_4 {
  margin:0;
  width: 215px;
}

.container_16 .grid_5 {
  width: 295px;
}

.container_16 .grid_6 {
  width: 356px;
}

.container_16 .grid_7 {
  margin-right:10px;
  padding:15px 10px;
  width: 680px;
}

.container_16 .grid_8 {
  width: 478px;
}

.container_16 .grid_9 {
  width: 539px;
}

.container_16 .grid_10 {
  width: 600px;
}

.container_16 .grid_11 {
  width: 661px;
}

.container_16 .grid_12 
{
    min-height:600px;
  width: 690px;
  padding: 15px;
 
}

.container_16 .grid_13 {
  width: 783px;
}

.container_16 .grid_14 {
  width: 844px;
}

.container_16 .grid_15 {
  width: 905px;
}

.container_16 .grid_16 
{
  width: 966px;
}

.container_16 .grid_Right
{
    margin:0;
    width:226px;
}
h1, h2 {
    margin: 0;
}

a 
{
    color: #000;
    font-family:inherit;
    font-weight:inherit;
    text-decoration: none;
}

a:hover
{
    color:#D21B33;
    text-decoration:none;
}

p {
    padding:0;
}

.black
{
   background-color: Black; 
    background-image:url('../images/background_H.jpg');}

.homepage-mid-column
{
    float:left;
    margin:0 0 60px;
    width:263px;
}

.ie7 .homepage-mid-column
{
    float:left;
    padding-bottom:60px;
    width:263px;
}

/*
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  background: #dedede;  for visual purposes 
}*/

.intro, .intro p {
    background: white;
    text-align: left;
}

a.download {
    background: rgba(239,178,12,0.50);
    padding: 10px;
    text-align: center;
    color: #F37907;
    font-size: 20px;
    margin: 0 auto;
    display: block;
    border: 2px solid #e6aa12
}

a.download:hover {
    background: rgba(239,178,12,0.60);
}


/* Site Styles
----------------------------------------------------------------------------------------------------*/

/* Main Sections */

#form1
{
    height:100%;
}

.rightBorder
{
    border-right:2px solid #5b7a38;
}

#ContentBlock1
{
    min-height:400px;
    padding:0 0 40px 0;
}

#ContentBlock2
{
    width:224px;
    padding:10px 10px 0 0;
}


#ContentBlock3
{
 
    padding-top:10px;
}

#ContentBlock5
{
    border-bottom:2px solid #5b7a38;
    width:224px;
}

#FormBlock1
{
    margin-top:-440px;
    min-height:400px;
    padding:0 0 40px 0;
}

#tabs
{
    margin:0;
    padding:0 20px 60px;
    width:680px;
}

.socialContainer {
    float: right;
    padding: 10px 0 0;
    color: #fff;
    margin-right: 10px;
}

.part-one
{
    float:left;
    width:45%;
}

.part-two
{
    float:right;
    margin:0 0 15px 10%;
    width:45%;
}

hr.rule
{
    background:#b9b6b6;
    border:0;
    clear:both;
    height:1px;
    margin:15px 0 10px;
    width:100%;
}

.clear
{
    clear:both;
}

.sc-box
{
    background:#567632;
    color:#fff;
    margin:10px 0;
    padding:8px;
}

.kb-box
{
    background:#9AAD84;
    color:#333;
    margin:10px 0;
    padding:8px;
}


#logoTable
{
    margin:0 0 0 15px;
}

#logoTable td
{
    padding:8px 0;
}

.program-list-right
{
    float:right;
    margin-left:4%;
    width:48%;
}

.program-list-left
{
    float:left;
    width:48%;
}

.program-page-list .track-date{
font-size:26px;
}

.program-page-list .trackTitle a, .program-page-list .trackTitle a:active, .program-page-list .trackTitle a:visited {
font-size:28px;
margin-top:5px;
}

#events
{
    border:1px solid #b9b6b6;
    height:auto;
    margin:10px 0 0;
    padding:8px;
    width:245px;
}

.videos
{
    border:1px solid #b9b6b6;
    height:186px;
    margin:10px 0 0;
    width:261px;
}

.div-border
{
    border:1px solid #b9b6b6;
    margin:10px 0;
    padding:0 5px;
}


/* IMAGES */

.chiLogo {
    background: url("../../../register/template_images/tcgc/13/CHI_Logo_stacked_withtag-white.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 53px;
    width: 110px;
}

.track-icon
{
    clear:both;
    float:left;
    padding:0 10px 1px 0;
}

p.last-track
{
    margin:33px 0 20px;
}

.socialContainer a img {
    float: left;
    padding: 0 3px;
}

.banner
{
    margin:0 0 15px;
}

.tcec
{
    text-align:center;
}

.quotes
{
    border:1px solid #B9B6B6;
    overflow: hidden; 
    position: relative; 
    visibility: visible; 
}


/* FONTS */

.sectionTitle
{
    color: #58585a;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:700;
    margin: 0 0 8px;
    text-transform:uppercase;
}

p.track-date
{
    color:#000;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:18px;
    font-weight:300;
    line-height:1;
    text-align:left;
}

.trackTitle, .trackTitle a, .trackTitle a:active, .trackTitle a:visited
{
    color:#002d36;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:19px;
    font-weight:300;
    height:40px;
    line-height:1;
    margin:15px 0;
    text-decoration:none;
}


.trackTitle a:hover
{
    color:#D21B33;
    text-decoration:none;
}

.socialContainer p {
    color: #fff;
    float: left;
    font-size: 14px;
    padding: 5px 5px 0;
}

.hashtag
{
    font-size: 14px;
    vertical-align: middle;
}

.pageTitle
{
   color:#58585a;
   font-size:20px;
   font-weight:700;
   line-height:1;
   margin:15px 0 20px;
   text-align:left;
  
}

p.Header 
{
    font-family:inherit;
    margin:0 0 20px;
    line-height:1.2;
    text-align:center;
    font-size:22px;
    color:red;
    text-underline:#C0C0C0;
    text-transform:uppercase;
}

p.Date 
{
    font-family:inherit;
    margin:0;
    text-align:center;
    line-height:1.2;
    font-size:18px;
    color: inherit;
    font-weight:700;
}

p.Speaker 
{
    color: inherit;
    font-family:inherit;
    margin:0 0 1px;
    line-height:1.2;
    font-size:14px;
    font-style:italic;
}


p.Session 
{
    color: inherit;
    font-family:inherit;
    margin-top:10px 0 1px;
    font-size:14px;
    font-weight:700;
}


p.Abstract 
{
    color: inherit;
    font-family:inherit;
    margin:0 0 20px;
    text-autospace:none;
    font-size:14px;
    line-height:1.2;
    font-weight:300;
}

.ie7 p.Abstract
{
    font-family: "Roboto", Tahoma, Verdana, sans-serif;
    font-size:14px;
}

.sc-box p.Abstract:last-child
{
    margin-bottom:5px;
}

.kb-box p.Abstract:last-child
{
    margin-bottom:5px;
}



p.sponsorHeadline {
    font-family:inherit;
    font-size: 16px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 15px;
}

p.scTitle 
{
    color:#fff;
    font-family:inherit;
    font-size: 20px;
    font-weight:700;
    margin:0 0 6px;
}

p.scTitle:before
{
    content: "»";
    font-size:30px;
    margin:0 4px 0 0;
}

p.Keynote 
{
    color:inherit;
    font-family:inherit;
    font-size: 14px;
    font-weight:700;
    margin:0 0 6px;
}

p.Keynote:before
{
    content: "›";
    font-size:30px;
    margin:0 4px 0 0;
}

.noArrow:before
{
    display:none;
}

p.Abstract a,p.Abstract a:active, p.Abstract a:visited {
    text-decoration:none;
    font-weight: 700;
    color: #000000;
}

p.Abstract a:hover {
    text-decoration:none;
    color: #D21B33;
}

ul.Abstract  
{
    font-family:inherit;
    
    line-height:18px;
    font-size:14px;
    color: inherit;
}

#events ul.Abstract
{
    margin:0 0 -8px 2em;
}

li.subbullet
{
    font-family:inherit;
    margin-left:3em;
    line-height:18px;
    font-size:14px;
    color: inherit;
    list-style:circle;
}


ul.numbullet
{
    font-family:inherit;
    margin-left:2em;
    line-height:18px;
    font-size:14px;
    color: inherit;
    list-style:decimal;
}

.headerIcons
{
    float:left;
    margin:20px 20px 0 0;
}

h1
{
    color:#636363;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:700;
    line-height:1;
    margin:0 0 8px;
}

h1.trackTitle, h1.trackTitle a, h1.trackTitle a:active, h1.trackTitle a:visited
{
    font-family:inherit;
    font-size:30px;
    height:auto;
    line-height:1;
    text-decoration:none;
}

h1.trackTitle a:hover
{
    text-decoration:underline;
}

h1 span
{

    font-size:14px;
    font-weight:300;
    line-height:1;
    text-transform:none;
}

.tagline
{
    font-size:18px;
    line-height:2;
    margin:0 0 10px;
}

.date
{
    float:right;
    font-size:14px;
    font-weight:700;
    margin:10px 0 0;
    line-height:1.5;
}

.qlTitle
{
    font-family:inherit;
    font-size:18px;
    font-weight:700;
    margin:5px 0 0;
}


ul.qlLinks
{
    list-style-type:none;
    margin:10px 0 5px;
}

ul.qlLinks li a
{
    font-size:14px;
    font-weight:300;
}

ul.qlLinks li:before
{
    color:#D21B33;
    content: "►";
    font-size:12px;
    margin:0 4px 0 0;
}

.ie7 ul.qlLinks li
{
    background:url("../../../register/template_images/adx/13/quick-arrow.jpg") no-repeat 0 5px;
}

.ie7 ul.qlLinks li a
{
    margin:0 0 0 15px;
}

ul.qlLinks + p.Abstract
{
    margin:15px 0 10px;
}

p.categoryHeading
{
    border-bottom:1px dotted #5B7A38;
    color:#5B7A38;
    font-size:16px;
    font-weight:300;
    padding:5px;
}

.agenda
{
    color:#d21b33;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:300;
    margin:0 0 20px;
}


/* Buttons */

.regBy 
{
    width: 210px;
}

.regBy a
{
background: #545454; /* Old browsers */
color:#fff;
display:block;
font-size:18px;
font-weight:300;
min-height:20px;
padding:10px 10px;
text-decoration:none;

}

.regBy a:hover
{
background: #030303; /* Old browsers */

}

.proposeBy 
{
    margin:-10px 0 0;
    width: 427px;
}

.proposeBy a
{
background: #727272; /* Old browsers */
background: -moz-linear-gradient(top,  #727272 0%, #545454 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#545454)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #727272 0%,#545454 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #727272 0%,#545454 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #727272 0%,#545454 100%); /* IE10+ */
background: linear-gradient(to bottom,  #727272 0%,#545454 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#545454',GradientType=0 ); /* IE6-9 */
color:#fff;
display:block;
font-size:18px;
font-weight:300;
min-height:20px;
padding:10px 10px;
text-align:center;
text-decoration:none;

}

.proposeBy a:hover
{
background: #9b9b9b; /* Old browsers */
background: -moz-linear-gradient(top,  #9b9b9b 0%, #6d6d6d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9b9b), color-stop(100%,#6d6d6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9b9b9b 0%,#6d6d6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9b9b9b 0%,#6d6d6d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9b9b9b 0%,#6d6d6d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9b9b9b 0%,#6d6d6d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
}

img.brochureCover
{
    float:left;
    padding:0 5px 0 0;
}

.downloadBrochure, .downloadBrochure a, .downloadBrochure a:active, .downloadBrochure a:visited
{
    color:#d21b33;
    font-size:24px;
    font-weight:700;
    line-height:1;
    margin:5px 0 5px;
    text-decoration:none;
}

.downloadBrochure a:hover
{
    color:#830e1e;
}



.view-sponsor
{
    clear:both;
    color:#333;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:300;
    line-height:1.5;
    margin:5px 0;
}

.view-sponsor:before
{
    content:url("../../../register/template_images/adx/13/view-all-sponsors.png");
    margin:3px 0 0;
    padding:5px 5px 0 0;
    vertical-align:middle;
}

.ie7 .view-sponsor a
{
    background:url("../../../register/template_images/adx/13/view-all-sponsors.png") no-repeat 0 0;
    clear:both;
    color:#333;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:300;
    line-height:1.5;
    margin:5px 0;
    padding:0 0 0 25px;
}

.view-media
{
    clear:both;
    color:#333;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:18px;
    font-weight:300;
    line-height:1.5;
    margin:5px 0;
}

.view-media:before
{
    content:url("../../../register/template_images/adx/13/view-media-partners.png");
    margin:3px 0 0;
    padding:1px 5px 0 0;
    vertical-align:middle;
}

.ie7 .view-media a
{
    background:url("../../../register/template_images/adx/13/view-media-partners.png") no-repeat 0 4px;
    clear:both;
    color:#333;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:18px;
    font-weight:300;
    line-height:1.5;
    margin:5px 0;
    padding:0 0 0 20px;
}

.calendar, .calendar a, .calendar a:active, .calendar a:visited {
    clear: both;
    color: #333333;
    font-family: "proxima-nova-alt-ext-cond";
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin: 8px 0 0;
}
.calendar a:hover {
    color: #D21B33;
}
.calendar:before {
    content: url("../../../register/template_images/adx/13/calendar.png");
    margin: 0;
    padding: 16px 5px 0 0;
    vertical-align: middle;
}

.ie7 .calendar a
{
    background:url("../../../register/template_images/adx/13/calendar.png") no-repeat 0 0;
    clear:both;
    color:#333;
    font-family:"proxima-nova-alt-ext-cond";
    font-size:20px;
    font-weight:300;
    line-height:1.5;
    margin:0;
    padding:0 0 0 35px;
}


.logo{
padding: 10px 0 0 15px;	
}

/* Navigation */



#navContainer
{
    height:44px;
    float: right;
}

nav
{
    margin:0 auto;
    width:986px;
}

#nav li {
  float:left;
  display:block;
  height:44px;
  position:relative;
  z-index:500;
  }
  
#nav > li:last-child
  {
      height:30px;
      width:80px;
  }
  
  
#nav > li:last-child a
  {
      background:#d8ad29;
      color:#fff;
      height:32px;
      margin:0 0 0 0px;
      padding:12px 8px 0;
      width:59px;
  }
  
#nav > li:last-child a:hover
  {
      text-decoration:underline;
     
      margin:0 0 0 0px;
width: 59px;
height: 65px;
padding: 35px 8px 0;
  }

#nav li a {
display: block;
font-family: "Roboto", Tahoma, Verdana, sans-serif, Tahoma, Verdana, sans-serif;
font-size: 12pt;
font-weight: 300;
height: 65px;
padding: 35px 8px 0;
text-decoration: none;
color: #fff;
  }    

#nav li a:hover {
background: #d8ad29;
color: #ffffff;
text-decoration: none;

  }

#nav a.selected {
  color:#5590cc;
  background: #7da446;
  }

#nav ul {
  position:absolute;
  left:0;
  display:none;
  margin:0;
  padding:0;
  list-style:none;
  width:210px;
  background:#333;
  top:44px;
  }
  
  #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background-color: #d8ad29;
color: #FFFFFF;
	text-decoration:none;
}

#nav ul li {
	margin:0;
	padding:0;
	width:100%;
  }


#nav li ul li 
{
	font-size:14px;
    display:block;  
	color:#000;
	text-decoration:none;
	width:100%;
	margin:0 2px 9px 0;
	padding:0px 0px;
    height:36px;
  }

#nav li ul a {
	background:#f4f4f4;
	padding:10px 0 0 10px;
	font-size:12pt;
    display:block;  
	color:#fff;
	text-decoration:none;
	height:34px;
  }
  
  #nav li:hover ul p{
	padding:4px 5px;
  }

#nav li:hover ul a {
	background:#545454;
    display:block;  
	color:#fff;
	padding:10px 0 0 10px;
	text-decoration:none;
  }

#nav li:hover ul a:hover {
	background:#f4f4f4;
    display:block;  
	color:#5590cc;
	text-decoration:none;
  }






#nav ul.subNav1 
{
    height:auto;
    margin-left:0;
    width:238px;
  }
  
#nav ul.subNav1 li
  {
    height:36px;
    margin:0 2px 9px 0;
    width:100%;
  }
  
  #nav ul.subNav1 li a 
  {
      font-size:12pt;
    height:34px;
    padding:10px 0 0 10px;
  }
  
  #nav ul.subNav2 
{
    height:auto;
    margin-left:0;
    width:160px;
  }
  
#nav ul.subNav2 li
  {
    height:36px;
    margin:0 2px 9px 0;
    width:100%;
  }
  
  #nav ul.subNav2 li a 
  {
      font-size:12pt;
    height:34px;
    padding:10px 0 0 10px;
  }
  
  #nav ul.subNav3 
{
    height:auto;
    margin-left:0;
    width:138px;
  }
  
#nav ul.subNav3 li
  {
    height:36px;
    margin:0 2px 9px 0;
    width:100%;
  }
  
  #nav ul.subNav3 li a 
  {
      font-size:12pt;
    height:34px;
    padding:10px 0 0 10px;
  }
  
  #nav ul.subNav4 
{
    height:auto;
    margin-left:0;
    width:160px;
  }
  
#nav ul.subNav4 li
  {
    height:36px;
    margin:0 2px 9px 0;
    width:100%;
  }
  
  #nav ul.subNav4 li a 
  {
      font-size:12pt;
    height:34px;
    padding:10px 0 0 10px;
  }
  
#nav li:hover ul li > ul {
	display: none;
}

#nav li:hover ul li:hover > ul {
		display: block;
	}
	
	
	#nav li.last
  {
      height:54px;
      width:80px;
  }
  
  
#nav li.last a
  {
      background-color: #d8ad29;
color: #FFFFFF;
      margin:0;
      width: 59px;
height: 65px;
padding: 35px 8px 0;
  }
  
  #nav li.last a:hover
  {
    background-color: #d8ad29;
color: #000000;
text-decoration:none;
  }
  






/* Footer */


#footerContainer {

clear: both;
font-family: "Roboto",verdana,sans-serif;
margin: 0px auto;
background-color: rgb(54, 54, 54);
  }
#footerWrapper {
background-color: #363636;
color: #FFF;
vertical-align: top;
clear: both;
height: 300px;
font-size: 12px;
line-height: 1.2;
font-family: "Roboto",verdana,sans-serif;
padding: 20px 0px;
margin: 0px auto;
width: 1006px;
}
#Col1{
float: left;
border-right: 1px solid #B7B7B7;
height: 300px;
margin-right: 20px;
width: 22%;
	}
#Col2{
float: left;
width: 19%;
padding-right: 2px;
height: 300px;
	}
#Col3{
float: left;
width: 19%;
border-right: 1px solid #B7B7B7;
margin-right: 20px;
height: 274px;
padding-top: 31px;
	}
#Col4{
float: left;
border-right: 1px solid #B7B7B7;
height: 300px;
width: 18%;
			}
#Col5{
float: left;
margin-left: 20px;
}
	
#footerWrapper p {
	
	color: #FFFFFF;
	text-align:left;
	
}
hr{
	color:#686868;
	background-color:#686868;
	}

#footerWrapper a {
	
	color: #b7b7b7;
	text-decoration:none;
	margin-bottom: 50px;

}
#footerWrapper a:hover {
	
	color: #ffffff;
	text-decoration:underline;
}
.contact {
	color: #ffffff;
	text-align:left !important;
	padding: 5px;
	}
	
	/* For the future @media screen and (max-width: 414px) {
		
	#footerContainer {

  	clear: both;
	width: 100%;
	font-family: 'Roboto', verdana, sans-serif;
	margin: 0 auto;
  }
  
#footerWrapper{
	width: 100%;
	height:auto;
	margin-right:10px;
	}
#Col1{
	width: 100%;
	float:none;
	clear:both;
	}
	#Col2{
	width: 100%;
	float:none;
	clear:both;
	}
		#Col3{
	width: 100%;
	float:none;
	clear:both;
margin-top: -125px;
	}
		#Col4{
	width: 100%;
	float:none;
	clear:both;
	}
		#Col5{
	width: 100%;
	float:none;
	clear:both;
	}
	hr {
	display: none;
	}
	
	}*/
span.lc {
    text-transform: lowercase;
}
#hr.hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    height: 0;
    margin: 5px 10px;
}
#hr.hr hr {
    display: none;
}


.view-details 
{
    color: black;
    font-family: "proxima-nova-alt-ext-cond";
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    text-transform: uppercase;
}



.view-details a:hover
{
    color: #D21B33;
    text-decoration: none;
}



.front-page-tracks p
{
    color: white;
    font-size: 20px;
    line-height: 1;
    margin: 15px 0 20px;
    text-align: left;
}


.front-page-tracks a
{
    color: white;
    font-size: 20px;
    line-height: 1;
    margin: 15px 0 20px;
    text-align: left;
}


.front-page-tracks a:hover
{
    color: #999999;
    text-decoration: none;
}









@media print 
{
    body
    {
        margin:0;
    }
    footer
    {
        display:none;
    }
}