/**************************************************************************************

  TEEHAN+LAX   
  GELASKINS - about_us.css
  ----------------------------------------------------------
  agency: teehan+lax 
  authors: zack ginies - zack@teehanlax.com
  date: April 1, 2010 

  INDEX
  ----------------------------------------------------------
  - 
  
*************************************************************************************/

/* background: #fff url(/images/backgrounds/aboutus.jpg) right bottom no-repeat !important; */
#main_content {
  padding-top: 30px;
  padding-bottom: 15px;
}


/* NEW About Page ------------------------------------- */

.aboutWrapper {
	margin: -30px -20px 0;
	padding: 0;
}

.aboutMasthead {
	margin: 0;
	padding: 0;
}

.aboutLeft {
	float: left;
	width: 450px;
	margin: -110px 0 0 30px;
	padding: 0;
	position: relative;
	z-index: 100;
}

.aboutLeft h1 {
	text-indent: -99999px;
	background: url('/resources/images/about/aboutTitle.png');
	display: block;
	width: 335px;
	height: 75px;
	margin: 0 0 70px 0;

}

.aboutLeft .leftAboutDesc h2 {
	font-size: 32px!important;
	margin: 32px 0 20px 0!important;
}

.aboutLeft .leftAboutDesc p {
	font-size: 18px;
	color: #666;
	line-height: 24px;
}

.aboutLeft .leftAboutVideo {}

.aboutLeft .leftAboutVideo h2 {
	font-size: 32px!important;
	margin: 32px 0 20px 0!important;
}

.aboutLeft .leftAboutVideo .ytEmbed {
	margin: 0 0 10px;
}

.aboutLeft .leftAboutSocmed {
	margin: 10px 0 30px 0;
}

.aboutLeft .leftAboutSocmed .youTube_badge {
	background: #f8f8f8;
	margin: 10px 0 10px 4px;
	width: 430px;
}
	.aboutLeft .leftAboutSocmed .youTube_badge img {
		padding: 5px;
	}

	.aboutLeft .leftAboutSocmed .youTube_badge a {
		font-size: 20px;
		color: #666;
		font-style: italic;
		position: relative;
		top: -7px;
		left: 10px;
	}

.aboutLeft .leftAboutSocmed .tweeter_badge {
	margin: 10px 0 10px 4px;
}

.aboutLeft .leftAboutSocmed .facebook_badge {
	margin: 10px 0 10px 4px;
	width: 384px!important;
}

.aboutRight {
	float: right;
	width: 440px;
	margin: -252px 0 0 0;
	position: relative;
	z-index: 10;
}

.aboutRight .aboutRightGallery {

}

.aboutRight .aboutRightGallery .picture {
	background: url('/resources/images/about/about_frameBG.png') no-repeat;
	width: 200px;
	height: 213px;
	float: left;
	margin: 0 10px 0 0;
}
	.aboutRight .aboutRightGallery .picture img {
		padding: 10px 0 0 10px;
	}

.aboutRight .aboutRightQuotes {
}

.aboutRight .aboutRightQuotes h2 {
	font-size: 32px!important;
	margin: 32px 0 20px 0!important;
}

.aboutRight .aboutRightQuotes .quoteBlock {
	background: url('/resources/images/about/aboutQuoteBG.png') no-repeat top;
	width: 434px;
	display: block;
}

	.aboutRight .aboutRightQuotes .quoteBlock .qContent {
		width: 350px;
		height: 200px;
		position: relative;
		top: 0px;
		left: 35px;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			.aboutRight .aboutRightQuotes .quoteBlock .qContent {		
				
			}
		}
	
	
	.aboutRight .aboutRightQuotes .quoteBlock .qContent ul {
		font-size: 18px;
	}
	.aboutRight .aboutRightQuotes .quoteBlock .qContent ul li img {
		float: right;
		clear: both;
	}
	

.aboutRight .aboutRightMore {
	width: 410px;
	margin: 0 0 30px 0;
}

.aboutRight .aboutRightMore h2 {
	font-size: 32px!important;
	margin: 42px 0 20px 0!important;
}

.aboutRight .aboutRightMore p {
	font-size: 18px;
	color: #666;
	line-height: 24px;
}



	/* Quote Scrol override */

ol.slider-control-navigation {
	display: none
}

a.slider-control-next {
	text-indent: -99999px;
	width: 35px;
	height: 35px;
	display: block;
	background: url('/resources/images/about/rightArrow.jpg') no-repeat;
	cursor: pointer;
	position: relative;
	top: -354px;
	left: 344px;
}

.slider-boundary {
	height: 280px!important;
}

li.slider-slide {
	height: 200px;
}


	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		a.slider-control-next {
			top: -354px;
		}	
	}


a.slider-control-prev {
	text-indent: -99999px;
	width: 35px;
	height: 35px;
	display: block;
	background: url('/resources/images/about/leftArrow.jpg') no-repeat;
	cursor: pointer;
	position: relative;
	top: -39px;
	left: 300px;
}




















/* ABOUT INTRO ----------------------------------------*/

.about_intro {
  margin-bottom: 50px;
  overflow: hidden;
  zoom: 1;
}

  .about_intro .left {
    float: left;
    width: 460px;
    font-size: 15px;
    line-height: 24px;
  }
  
    .about_intro .left h1 {
      margin-bottom: 25px;
    }
  
  .about_intro .twitter {
    margin-left: 500px;
  }
  
/* ABOUT FACTS ----------------------------------------*/

.about_facts {
  background: url(/images/backgrounds/about_facts.jpg) 35px 0 no-repeat;
  padding: 0 0 0 400px;
}

  .about_facts .fact {
    padding-left: 100px;
    margin-bottom: 25px;
  }
  
    #main_content .about_facts .fact h2 {
      margin: 0 0 5px 0;
      font-size: 22px;
      font-style: italic;
    }
    
    .about_facts .fact p {
      line-height: 21px;
    }
    
    .about_facts .portable {
      background: url(/images/backgrounds/portable.jpg) 0 0 no-repeat;
    }
    
    .about_facts .easy_on {
      background: url(/images/backgrounds/easy_on.jpg) 0 0 no-repeat;
    }
    
    .about_facts .no_scratches {
      background: url(/images/backgrounds/no_scratches.jpg) 0 0 no-repeat;
    }
    
    .about_facts .premium_materials {
      background: url(/images/backgrounds/premium_materials.jpg) 0 0 no-repeat;
    }
    
/* PHOTO GALLERY ----------------------------------------*/

.photo_gallery {
  width: 480px;
  _width: 500px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}

.video_gallery {
  width: 480px;
  _width: 500px;
}


#carousel_inner {  
  float:left;
  width: 845px;  
  overflow: hidden;    
  position: relative;
}  

#carousel_ul {  
  position:relative;  
  left:-845px;  
  list-style-type: none;  
  margin: 0px;  
  padding: 0px;  
  width:99999px;    
  padding-bottom:10px;  
}  

#carousel_ul li{  
  float: left;  
  width:845px;  
  padding:0px;
 
}  

#left_scroll,
#right_scroll {  
  position: absolute;
  height:75px;  
  width:35px; 
  _display: none;
}  

#left_scroll {
  left: -40px;
}

#left_scroll a {
  display: block;
  background: url(/images/buttons/quotes_left.png) 0 0 no-repeat;
  height:75px;  
  width:35px;
  text-indent: -99999px; 
}

#right_scroll {
  right: -40px;
}

#right_scroll a {
  display: block;
  background: url(/images/buttons/quotes_right.png) 0 0 no-repeat;
  height:75px;  
  width:35px;
  text-indent: -99999px; 
}