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

body {


  margin: 0px;
  padding: 0px;
  color:#e2e1de;
  background:#818181;
  font-family:Arial, Helvetica, sans-serif;

}

 a {

   color:#02caa2;
   text-decoration:none

}

 a:hover {

   color:#e2e1de;

}

.header {
   
  background-image:url(images/home_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#gear{
   
  background-image:url(images/gear_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#staff{
   
  background-image:url(images/staff_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#gallery{
   
  background-image:url(images/gallery_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#clients{
   
  background-image:url(images/client_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#press{
   
  background-image:url(images/press_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

#design {
   
  background-image:url(images/design_banner.jpg);  
  background-repeat:no-repeat;
  height:349px;
  width:1146px;
  margin: 0px auto 0px auto;

}

.container {

  width:1146px;
  height:auto;
  margin: 0px auto 0px auto;
  background:url(images/bodybg_repeat.jpg);
  
} 

/* old height 30 */
.link_container {

   width:980px;
   height:30px;
   margin-left:73px;
   padding:15px 0px 5px 20px;
   background-color:#1e2d32;

}

.link_container a {

   padding:0px 15px 0px 15px;
   font-size:18px;
   color:#e2e1de;
   text-transform:uppercase;
   text-decoration:none

}

.link_container a:hover {

   color:#00a782;

}

.uc {

  color:#ffffff;
  font-size:15px;
}

.content {

  width:970px;
  padding:0px 0px 0px 103px;
  background:url(images/bodybg.jpg);
  background-repeat:no-repeat;
  
}

.main_content_wrapper {
   
   margin-top:30px;
   width:731px;
   float:left;
}

.main_content_top {

   width:731px;
   height:33px;
   background:url(images/main_content_top.jpg);
   background-color:none;
}

.main_content_middle {

   width:631px;
   padding:0px 50px 0px 50px;
   font-size:13px;
   line-height:22px;
   color:#9b9c9b;
   background:url(images/main_content_middle.jpg);
}


.main_content_left {

   float:left;
   width:248px;
   color:#9b9c9b

}

.main_content_right {

   float:left;
   width:380px;
   font-size:18px;
   line-height:28px;
   color:#9b9c9b

}

.main_content_center {

   float:left;
   width:280px;
   padding-right:20px;
   font-size:13px;
   line-height:22px;
   color:#9b9c9b

}

.main_content_thin {

   float:left;
   width:130px;
   padding-right:20px;
   font-size:13px;
   line-height:22px;
   color:#9b9c9b

}

.main_content_3 {

   float:left;
   width:180px;
   padding-right:20px;
   font-size:13px;
   line-height:22px;
   color:#9b9c9b

}



.main_content_bottom {

   width:731px;
   height:35px;
   background:url(images/main_content_bottom.jpg);
}

.contact_us {
   
   width:185px;
   height:280px;
   padding:117px 0px 0px 42px;
   background:url(images/contact_us.gif);
   float:left;

}

.follow_us {
   
   width:187px;
   height:182px;
   padding:127px 0px 0px 45px;
   background:url(images/follow_us.gif);
   float:left;

}

.follow_us2 {
   
   width:178px;
   height:83px;
   margin-top:25px;
   padding:55px 0px 0px 33px;
   background:url(images/follow_us2.gif);
   float:left;

}

.contact_us a {

   color:#e2e1de;

}

.contact_us a:hover {

   color:#00a782;

}

.footer_container {

   width:980px;
   height:30px;
   font-size:14px;
   margin-left:73px;
   padding:15px 0px 5px 20px;
   color:#9b9c9b;
   background-color:#15272d;
}

.footer_container a {

    color:#9b9c9b; 

}

.footer_container a:hover {

   color:#00a782;

}

.cables {

   width:880px;
   height:100px;
   background:url(images/cables.gif);
   background-position:right top;
   background-repeat:no-repeat

}

.font_1 {
   
   font-size:22px;
   line-height:24px;
   font-weight:bold

}


.font_2 {
   
   font-size:30px;
   margin:0px;
   color:#9b9c9b;
   line-height:32px;
   font-weight:bold
 
}

.font_3 {
   
    font-size:42px;
    margin:0px;
    line-height:40px;
	font-weight:bold

}

.font_4 {
   
   font-size:25px;
    margin:0px;
	line-height:25px;

}

.font_5 {
   
   font-size:66px;
    margin:0px;
	line-height:54px;
	font-weight:bold

}

.font_6 {
   
   font-size:48px;
   margin:0px;
   line-height:48px;
   font-weight:bold

}

.font_7 {
   
   font-size:50px;
   margin:0px;
   line-height:46px;
   font-weight:bold


}

.font_8 {
   
   font-size:58px;
    margin:0px;
	line-height:50px;
	font-weight:bold

}

.font_9 {
   
    font-size:37px;
    margin:0px;
    line-height:40px;
	font-weight:bold

}


.font_10 {
   
   font-size:24px;
   line-height:24px;
   font-weight:bold

}


.font_11 {
   
   font-size:41px;
   margin-bottom:20px;
   line-height:40px;
   font-weight:bold

}

.font_12 {
   
   font-size:13px;
   line-height:16px;
   font-weight:bold
}


.font_13 {
   
   font-size:10px;
   letter-spacing:-0.03em;
   line-height:14px;
   font-weight:bold
}

.font_14 {
   
   font-size:25px;
   line-height:28px;
   font-weight:bold

}

.font_15 {
   
   font-size:20px;
   letter-spacing:0.02em;
   line-height:25px;
   font-weight:bold

}

.font_16 {
   
   font-size:25px;
   letter-spacing:0.01em;
   line-height:27px;
   font-weight:bold

}

.font_17 {
   
   font-size:15px;
   line-height:14px;
   font-weight:bold;
   letter-spacing:-0.03em;
   text-transform:uppercase
}

.font_18 {
   
   font-size:15px;
   line-height:18px;
   margin-bottom:10px;
   font-weight:bold;
   color:#9b9c9b;
   letter-spacing:-0.03em;
   text-transform:uppercase
}

hr {
  margin:20px 0px 10px 0px;
}
/* Video Playlist */

#ytvideo,
#ytvideo2 {
    float: left;
	margin-right:10px;
}


.yt_holder {
    padding: 5px;
    float: left;
	margin-bottom:15px;
}


ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
}

ul li {
    list-style-type: none;
    display:block;
    float: left;
    width: 205px;
    margin-bottom: 5px;
	padding:2px;

}

ul li img {
    width: 70px;
    float: left;
    margin-right: 10px;
    border: 1px solid #999;
}

ul li a {
  
    text-decoration: none;
    display: block;
	font-size:13px;
    color:#02caa2;
}

.main_content_right ul li a {

    width: 380px;
    margin-bottom: 0px;
	padding:0px;
	font-size:13px

}

.demo2 {

   height:500px;
   overflow-x: hidden; 
   overflow-y: scroll; 
   visibility: visible; 
	
}