html, body {
   background-color: #06313a;
   background-image: url(../images/bg.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   margin: 0;
}

.fl { float: left; }
.cf { clear: both; }

a { color: rgb(173,201,205); text-decoration: none; }
a span {
   border-width: 0 0 1px 0;
   border-style: solid;
   border-color: rgb(173,201,205);
   border-color: rgba(255,255,255,0.65);
   color: rgb(173,201,205);
   color: rgba(255,255,255,0.65);
}
a:hover span { border-width: 0; color: #fff; }

#header {
   background-color:rgba(138, 244, 255, 0.25);
   height:170px;
   width:100%;
   
   box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.75);
   -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.25);
}

   #header .container {
      margin: 0 auto;
      position: relative;
      width: 960px;
   }

h1 {
   margin: 0;
   position: relative;
   top: 15px;
}

   h1 a {
      background-image: url(../images/apt3media.png);
      background-repeat: no-repeat;
      display: block;
      height: 129px;
      overflow: hidden;
      text-indent: -9999px;
      width: 318px;
   }

.container .menu {
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: 0;
}

   .menu li {
      cursor: pointer;
      float: left;
      margin-left: 10px;
   }

   .menu a {
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
      font-size: 30px;
      font-weight: normal;
      padding: 90px 10px 10px 10px;
      text-decoration:none; 
      -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
      border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
   }
   .menu a.current {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb6366', endColorstr='#9a1e21');
      background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.75),rgba(193, 8, 8, 0.75));
      background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.75)), to(rgba(234, 91, 91, 0.75)));
   }   
   .menu a:hover {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95696e', endColorstr='#7c3035');
      background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.55),rgba(193, 8, 8, 0.55));
      background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.55)), to(rgba(234, 91, 91, 0.55)));
   }

   
.panes {
   margin: 50px auto 50px auto;
   width: 960px;
}

   .panes div.tab {
      display: none;
      width: 960px;
   }

#moogaloop {
   background-color: rgba(43, 91, 97, 0.65);
   float: left;
   margin-right: 40px;
   padding: 10px; 
   
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
}

.about {
   float: left;
   width: 260px;
}

   .about p {
      color: #fff;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 22px;
      margin-top: 20px;
   }

.services .service_thumb {
   background-color: rgba(43, 91, 97, 0.65);
   background-position: 0 0;
   background-repeat: no-repeat;
   cursor: pointer;
   float: left;
   height: 165px;
   margin: 10px;
   position: relative;
   width: 300px;
   
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.services .service_thumb:hover { background-position: 0 -165px; }
.service_thumb:hover {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
}
.service_thumb .service_thumb_txt {
   background-image: url(../images/filmstrip.png);
   color: #fff;
   font-size: 36px;
   font-family: 'Yanone Kaffeesatz', Helvetica, Arial;
   line-height: 36px;
   text-align: center;
}

#contact_form {
   background-color: rgba(43, 91, 97, 0.65);
   margin: 0 auto;
   padding: 10px;
   width: 400px;
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
}
#contact_form ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 380px;
}

   #contact_form ul li {
      clear: both;
      color: #fff;
      float: left;
      margin: 5px 0;
      width: 380px;
   }
   
      #contact_form ul li label {
         display: block;
         float: left;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 14px;
         line-height: 34px;
         margin-right: 20px;
         width: 70px;
      }
      
      #contact_form ul li input, #contact_form ul li textarea {
         background-color: #fff;
         border: 1px inset #1e4c53;
         color: #444;
         display: block;
         float: left;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 14px;
         line-height: 18px;
         padding: 4px;
         width: 200px;
      }
      
      #contact_form ul li textarea {
         height: 100px;
         width: 280px;
      }      

.btn_play { width: 260px; }
      
button, .button {
   color: #fff;
   cursor: pointer;
   display: block;
   font-family: Georgia, 'Times New Roman', serif;
   font-size: 18px;
   font-style: italic;
   height: 18px;
   line-height: 18px;
   margin: 10px 0 0 0;
   padding: 20px 10px;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px 1px #960c0c;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb6366', endColorstr='#9a1e21');
   background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.75),rgba(193, 8, 8, 0.75));
   background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.75)), to(rgba(234, 91, 91, 0.75)));
}
button:hover, .button:hover {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
}
button:active, .button:active {
   padding: 21px 10px 19px 10px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a4c4f', endColorstr='#80171a');
   background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.65),rgba(193, 8, 8, 0.65));
   background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.65)), to(rgba(234, 91, 91, 0.65)));
}

#contact_form ul li input.button {
   border: 0;
   color: #fff;
   cursor: pointer;
   display: block;
   font-size: 18px;
   font-family: Georgia, 'Times New Roman', serif;
   height: auto;
   line-height: 18px;
   margin: 0 0 0 150px;
   padding: 10px 0;
   width: 100px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb6366', endColorstr='#9a1e21');
   background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.75),rgba(193, 8, 8, 0.75));
   background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.75)), to(rgba(234, 91, 91, 0.75)));
}
#contact_form ul li input.button:hover {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
}
#contact_form ul li input.button:active {
   padding: 11px 0 9px 0;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a4c4f', endColorstr='#80171a');
   background: -moz-linear-gradient(top,rgba(234, 91, 91, 0.65),rgba(193, 8, 8, 0.65));
   background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(193, 8, 8, 0.65)), to(rgba(234, 91, 91, 0.65)));
} 

.contact_info {
   float: left;
   font-family: Helvetica, Arial, sans-serif;
   margin: 0 40px 0 125px;
   width: 250px;
}

   .contact_info ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 250px;
   }
   
   .contact_info ul li {
      clear: both;
      color: #fff;
      display: block;
      float: left;
      font-size: 14px;
      line-height: 18px;
      margin: 10px 0;
      width: 250px;
   }
   
   .contact_info label {
      color: #a8b7ba;
      display: inline-block;
      float: left;
      width: 60px;
   }
   
   .contact_info a.youtube, .contact_info ul li a.vimeo {
      background-position: 0 0;
      background-repeat: no-repeat;
      display: inline-block;
      float: left;
      height: 32px;
      line-height: 32px;
      padding-left: 40px;
   }
   
   .contact_info a.youtube { background-image: url(../images/facebook_32.png); }
   .contact_info a.vimeo { background-image: url(../images/vimeo_32.png); margin-right: 20px; }
   
   .contact_info h3 {
      border-bottom: 1px solid #fff;
      border-color: rgba(255,255,255,0.65);
      font-size: 18px;
      line-height: 18px;
      margin: 0 0 0 0;
      padding: 0 0 4px 0;
   }


#errors {
	background-color: #80171a;
	color: #fff;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 14px;
	width: 400px;
	padding: 10px;
	margin: 0 auto 20px auto;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);		
}

.simple_overlay {	
	background-color: #333;
	border: 1px solid #666;
	display: none;
	min-height: 200px;
   width: 800px;
	z-index: 10000;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);
   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);
}

.simple_overlay object, .simple_overlay embed { z-index: 10000; }

.simple_overlay .close {
	background-image: url(../images/close.png);
	cursor: pointer;
	height: 35px;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 35px;
	z-index: 10001;
}

.msg {
   background-color: rgba(43, 91, 97, 0.65);
   color: #fff;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 18px;
   font-weight: bold;
   letter-spacing: -1px;
   line-height: 18px;
   margin: 0 auto;
   padding: 10px;
   text-align: center;
   width: 400px;
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.50);
}

.instructions {
   background-color: rgb(43, 91, 97);
   padding: 20px;
   position: relative;
   text-align: center;
   width: 760px;
}

   .instructions span {
      color: #b5c6c8;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 18px;
      line-height: 28px;
   }
   
.instructions button {
   border: 0;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   font-style: normal;
   height: 28px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 20px;
   width: 90px;
}
.instructions button:active { padding: 0; }
.instructions button.prev { left: 20px; }
.instructions button.next { right: 20px; }

.scroll {
   float: left;
   height: 450px;
   overflow: hidden;
   position: relative;
	width: 800px;
}

   .scroll .pics {
      clear: both;
      position: absolute;
      width: 20000em;
   }

      .pics div {
         cursor: pointer;
         float: left;
         height: 450px;
         margin: 0;
         width: 800px !important;
      }

.cloned { display: none; }