@charset "utf-8";
/* CSS Document */

#cammid {
	width:660px;
	height:220px;
	resize:no;
}
.box {
  display: inline-block;
  position: relative;
  /* 70% black rollovers with text */
  /*rollovers */ }
  .box img {
    display: block;
    vertical-align: bottom; }
  .box .title {
    display: block;
    position: absolute;
    top: 25px;
    left: 28px;
    text-shadow: 1px 1px 1px #1c1c1c; }
   
  .box .cta {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 30px;
	width:130px;
	text-align: center;
	font-family: Arial, Verdana, Gadget;
	font-weight:bold;
	font-size:105%;
	
	}
 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .box .layer .title {
      position: absolute;
      top: 15px;
      left: 15px; }
      .box .layer .title h1 {
        /* Use this mixin when you can so you don't forget to use the weight and stretch */
        font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", "Arial-Narrow", "ArialNarrow", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-stretch: condensed;
        text-transform: uppercase;
        font-size: 230.9%;
        color: #ee3124;
        display: block;
        line-height: 30px;
        marign-right: 15px; }
      .box .layer .title .date {
        /*margin-left:15px;*/
        font-weight: bold;
        color: #fff;
        font-size: 108%;
        text-transform: uppercase; }
    .box .layer .details {
      width: 100%;
      position: absolute;
      bottom: 10px;
      left: 0px; }
      .box .layer .details .continent img {
        display: block;
        margin: 5px auto; }
      .box .layer .details .location {
        margin-left: 15px; }
        .box .layer .details .location h5 {
          line-height: 15px; }
          /*.box .layer .details .location h5 span {
            color: #999; }*/
  .box .rollover-bg,
  .box .rollover {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    .box .rollover-bg h3,
    .box .rollover h3 {
      position: absolute;
      top: 10px;
      left: 19px;
      width: 101px;
      font-size: 100%;
      /* Use this mixin when you can so you don't forget to use the weight and stretch */
      font-family: Arial, Verdana, Gadget;
      font-weight: bold;
      font-stretch: condensed;
      line-height: 20px;
	  text-align:center;
      color: #fff; }
    .box .rollover-bg .rollover-title,
    .box .rollover .rollover-title {
      display: block;
      color: #fff;
      font-size: 244%;
      top: 52px;
      background-color: #ee3124;
      position: absolute;
      left: 0;
      height: 39px;
      line-height: 39px;
      padding: 0 19px;
      text-transform: uppercase; }
      .box .rollover-bg .rollover-title:hover,
      .box .rollover .rollover-title:hover {
        color: #ee3124;
        background-color: #fff; }
    .box .rollover-bg .subtitle,
    .box .rollover .subtitle {
      color: #fff;
      /* Use this mixin when you can so you don't forget to use the weight and stretch */
      font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", "Arial-Narrow", "ArialNarrow", Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-stretch: condensed;
      font-size: 153.9%;
      position: absolute;
      line-height: 100%;
      top: 125px;
      left: 18px;
      text-transform: uppercase; }
    .box .rollover-bg .cta,
    .box .rollover .cta {
      color: #fff;
      background-color: #f28020;
      height: 24px;
      line-height: 24px;
      padding: 0 3px;
      text-transform: uppercase; display:none; }
      .box .rollover-bg .cta.alt,
      .box .rollover .cta.alt {
        background-color: transparent; }
    
  .box .rollover-bg {
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=70); }
  .box.active .rollover, .box.active .rollover, .box.active .rollover-bg, .box:hover .rollover, .box.hover .rollover, .box:hover .rollover-bg, .box.hover .rollover-bg {
    display: block; }

#vert {
	background-color:#777;
	height:150px;
	width:1px;
	display:inline-block;
	float:left;
	z-index:10;
	position:relative;
	left:207px;
	top:15%;
}

#vert2 {
	background-color:#777;
	height:150px;
	width:1px;
	display:inline-block;
	float:left;
	z-index:10;
	position:relative;
	left:411px;
	top:15%;
}

#vert3 {
	background-color:#777;
	height:150px;
	width:1px;
	display:inline-block;
	float:left;
	z-index:10;
	position:relative;
	left:615px;
	top:15%;
}