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

	CSS on Sails
	Title: Analog
	Author: XHTMLized
	Date: December 2008 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Accessibility navigation
			1.3 Default styles
			1.4 Shared styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Footer
		

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


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	
	
	html {
		background: #000 url(../img/html_bg.gif) repeat-x top;
	}

	body {
		font: 62.5% "Times New Roman", Times, serif;
		color: #fff;
		text-align: center;
		background: url(../img/body_bg.gif) repeat-x bottom;
	}

	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Helvetica, Arial, sans-serif;
	}

	a {
		color: #fece06;
		cursor: pointer;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		color: #fff;
		text-decoration: none;
	}
	

/* 1.4	Shared styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	
	/* clearing */
	.clearfix:after,
	#header:after,
	#content:after,
	#footer:after,
	.the-drop ul:after,
	.sub-header:after,
	.article-header:after,
	.article-content:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	
	/* Univers */
	.button-like-link,
	.the-drop li a,
	p.menu a,
	.sub-header ul.sub-nav li ,
	.share-this{
		font-family: "Univers BoldCondensed", "Helvetica Neue", Helvetica, Arial, sans-serif 
	}
	
	/* buttons */
	.button-like-link{
		position:relative;
		display: block;
		height: 39px;
		overflow: hidden;
		padding: 1px 11px 1px 1px;
		background: url(../img/button_like_link_right.gif) no-repeat right 1px;
	}
	.button-like-right{
		display: block;
		height: 33px;
		line-height: 33px;
		padding: 0 10px 0 12px;
		text-align: center;
		background: url(../img/button_like_link_left.gif) no-repeat left top;
	}
	.button-like-link a{
		display: block;
		height: 14px;
		line-height: 1em;
		padding-top: 9px;
		line-height: 1em;
		overflow: hidden;
	}
	.button-like-link a span{
		display: block;
		height: 0;
		overflow: hidden;
	}
	.btn-shop-store a{width: 90px;}
	.btn-shop-store a span{
		width: 90px;
		padding-top: 14px;
/*		background: url(../img/txt_shop_the_store.gif) no-repeat center top;*/
		background: url(../img/txt_view_products.gif) no-repeat center top;
	}
	
	  .btn-shop-social, .btn-shop-now{ background: none; position: relative; overflow: none; }
	  .btn-shop-social .button-like-right { 	background: url(../img/btn-socialize.gif) no-repeat left top; width: 91px;}
	
		.btn-shop-social a{width: 90px;}
  	.btn-shop-social a span{
  		width: 70px;
  		padding-top: 14px;
      text-indent: 0;
      background: url(../img/txt_socialize.gif) no-repeat center top;
  	}
  	
  	.btn-shop-social ul {
  	  z-index: 9999;
  	  display: none;
  	  width: 111px;
  	  border: 1px solid #848484;
  	  background: #000 url(../img/html_bg.gif);
  	  position: absolute;
  	  top: 33px;
  	  left: 1px;
  	}
  	
  	.btn-shop-social ul a.icon {
  	  padding-left: 20px;
  	  color: #fff;
  	}
  	
  	.btn-shop-social ul li {
  	  border-bottom: 1px solid #222;
  	  line-height: 33px;
  	  padding: 3px;
  	}
  	
  	.btn-shop-social ul a.facebook {
  	  background: url(../img/fb_icon.gif) left no-repeat;
  	}
  	
  	.btn-shop-social ul a.twitter {
  	  background: url(../img/twitter_icon.gif) left no-repeat;
  	}
  	
  	
	
	.button-like-link.btn-submit {
		float: right;
		margin-top: 10px;
		}
	.btn-submit a{width: 50px;}
	.btn-submit a span{
		width: 50px;
		padding-top: 14px;
		background: url(../img/txt_submit.gif) no-repeat center top;
	}
	.button-like-link.btn-more-news {
		float: right;
		margin-top: 10px;
		width: 102px;
		}
	.btn-more-news a{width: 80px;}
	.btn-more-news a span{
		width: 80px;
		padding-top: 14px;
		background: url(../img/txt_more_news.gif) no-repeat center top;
	}
	.btn-read-more a{ width: 60px; padding-top: 11px;}
	.btn-read-more a span{
		width: 60px;
		padding-top: 11px;
		background: url(../img/txt_read_more.gif) no-repeat center top;
	}
	.button-like-link.btn-watch-videos {
		float: right;
		margin-top: 10px;
		width: 102px;
		}
	.btn-watch-videos a{width: 80px;}
	.btn-watch-videos a span{
		width: 80px;
		padding-top: 14px;
		background: url(../img/txt_watch_videos.gif) no-repeat center top;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.wrapper-with-bg{
/*		background: url(../img/wrapper_bg.gif) no-repeat center top;*/
/*		min-height: 1170px;*/
	}
	
	.analog-wrapper{
/*		background: url(../img/analog_wrapper.jpg) no-repeat center 300px;*/
	}

	.container {
		width: 895px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		font-size: 1.2em;
	}
	
	#header{
		padding-bottom: 15px;
		border-bottom: 1px solid #333;
	}
	
	#footer {
		height: 118px;
		border-top: 1px solid #333;
	}
	
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header a.logo,
	#header a.logo span {
		display: block;
		height: 68px;
		width: 72px;
/*		overflow: hidden;*/
	}
	
	#header h1,
	#header a.logo {
		float: left;
		position: relative;
		margin: 23px 0 0 
	}
		
	#header h1 span {	
		position: absolute; 
		display:block;
		top: 0;
		left: 0;
		text-indent:-9999px;
		z-index: 10;
	}
	
/*	div.logo0 h1 span {background: url(../img/logo0.png) no-repeat;}*/
/*	div.logo1 h1 span {background: url(../img/logo1.png) no-repeat;}*/
	div.logo0 h1 span {background: url(../img/logo2.png) no-repeat;}

	#header.logo1 h1 {width:140px;}
	#header.logo1 h1 span {
		background: url(../img/logo3.gif) no-repeat; 
		top:38px;
		width:140px;
	}

	
	#header a.logo span {	
		cursor: pointer;
	}
	
	/**old**/
/*	#header p.tagline{
		float: left;
		width: 150px;
		text-shadow: #111 1px 1px 0;
		font: 2.5em/0.8em "Times New Roman", Times, serif;
		padding: 22px 0 0 5px;
	}*/
	
	/**new**/
	#header div.tagline{
		background:url('/img/design-unlikely-futures.png') no-repeat;
/*		display:block;*/
		float: left;
		height:71px;
		margin:20px 0 0 4px;
		text-indent:-9999px;
		width: 106px;
	}
	
	#header a.button-like-link{
		position: absolute;
		right: 0;
		top: 0;
	}
	#header ul.nav {
		float: right;
		padding: 80px 0 0 0;
	}
	#header ul.nav  li{
		float: left;
		padding: 0 3px 0 25px;
	}
	#header ul.nav  li.active a {
		color:#fece06;
	}
	#header ul.nav  li a{
		font-size: 1.25em;
		color: #fcfcfc;
	}
	#header ul.nav  li a:hover{
		color: #fece06;
	}
	#header .button-like-link{
		position: absolute;
		top: 24px;
		right: -7px;
	}
	
	#header .btn-shop-social {
	  right: 130px;
	  overflow: visible;
	} 
	
	#header .btn-shop-now {
	  right: 270px;
	  overflow: visible; 
	  position: absolute;
	  top: 24px;
	}
	
	
	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	.home-content-wrapper{
		position: relative;
		width: 889px;
		height: 493px;
		margin: 24px 1px 24px auto;
		overflow: hidden;
	}
		.home-content,
		.home-content-bg{
			position: absolute;
			top: 0; left: 0;
			width: 265px;
			height: 398px;
			padding: 95px 45px 0 65px;
			z-index: 2;
		}
		.home-content-bg{
			z-index: 1;
			background: url(../img/transparent84.png);
		}
		.home-content .date{
			font-size: 1.1666em;
			padding-bottom: 15px;
		}
		.home-content h2{
			letter-spacing: -0.03em;
			font: 3em/1em "Times New Roman", Times, serif;
			border-width: 1px 0;
			border-color: #ffcf06;
			border-style: solid;
			padding: 15px 0 25px 0;
			text-shadow: #000 1px 1px 0;
		}
		.home-content .button-like-link{
			float: right;
			margin: 20px -8px 0 0;
		}
		.home-content p.menu{
			position: absolute;
			top: 10px;
			left: 14px;
			width: 45px;
			height: 38px;
			font-size: 1.5em;
			letter-spacing: -0.02em;
			background: url(../img/arrow_left.gif) no-repeat left bottom;
		}
		.home-content-menu{
			display: none;
			position: absolute;
			left: 3px; 
			top: 4px;
			width: 125px;
		}
			.home-content-menu a {float: left; padding-bottom: 2px;}
			.home-content-menu a img{float: left;}
		
		.home-menu-active .home-content-menu{display: block;}
		.home-menu-active .home-content,
		.home-menu-active .home-content-bg{ padding-left: 172px; }
		.home-menu-active .home-content p.menu{ left: 141px; }
		.home-menu-active .home-content p.menu a{
			position: relative;
			display: block;
			width: 39px;
			height: 14px;
		}
		.home-menu-active .home-content p.menu a span{
			display: block;
			height: 0;
			padding-top: 14px;
			overflow: hidden;
			background: url(../img/txt_menu.gif) no-repeat;
		}
	
	
	.sub-header{
		position: relative;
		width: 100%;
		border-bottom: 1px solid #fdcb1e;
	}
		.sub-header h2{
			float: left;
			font-size: 3em;
			font-weight: normal;
			padding: 15px 0 7px;
		}
		.sub-header ul.sub-nav{
			position: absolute;
			bottom: 0;
			right: 0;
			border-left: 1px solid #fdcb1e;
		}
		.sub-header ul.sub-nav li{
			float: left;
			position: relative;
			width: 97px;
			height: 28px;
			text-align: center;
			border-style: solid;
			border-color: #fdcb1e;
			border-width: 1px 1px 0 0;
		}
		.sub-header ul.sub-nav li a{
			display: block;
			position: relative;
			height: 28px;
			line-height: 24px;
			color: #fff;
			font-size: 1.166em;
			text-align: center;
		}
		.sub-header ul.sub-nav li a span{
			position: absolute;
			left: 0; top: 0;
			width: 100%; height: 100%;
			cursor: pointer;
			background: url(../img/txt_subnav.gif) no-repeat;
		}
		.sub-header ul.sub-nav li.active{
			color: #000;
		}
		.sub-header ul.sub-nav li a.news span{ background-position: 0 -30px;}
		.sub-header ul.sub-nav li.active a.news span{ background-position: 0 -1px;}
		.sub-header ul.sub-nav li a.team span{ background-position: -97px -30px;}
		.sub-header ul.sub-nav li.active a.team span{ background-position: -97px -1px;}
		.sub-header ul.sub-nav li a.videos span{ background-position: -194px -30px;}
		.sub-header ul.sub-nav li.active a.videos span{ background-position: -194px -1px;}
		
	.article-wrapper{
		padding-bottom:10px;
	}
	
	.article-wrapper h4{
		font-size: 2em;
		font-weight: normal;
		padding: 15px 0 20px;
	}
		.article-header{
			position: relative;
			width: 100%;
		}
		.article-header-left{
			float: left;
			width: 255px;
		}
			.article-header .date{
				font-size: 1.166em;
				padding: 0 0 10px;
				margin-top:2px;
				border-top: 1px solid #333;
			}
			.article-header h3{
				font-size: 2.5em;
				font-weight: normal;
				padding-top: 25px;
			}
			.share-actions{
				position: absolute;
				bottom: 0;
				border-bottom: 1px solid #333;
				padding-bottom: 10px;
				width: 255px;
			}
			
		.article-header-right{
			float: right;
			display:block;
			height:336px;
			position:relative;
			width: 604px;
		}
		
		.article-content{
			
			line-height: 1.4em;
			text-align: justify;
			font-size: 1.25em;
			
			padding: 50px 0 20px;
		}
			.article-content p{
				text-align: justify;
				padding-bottom: 15px;
			}
			.article-content q{
				display: block;
				font-size: 26px;
				color: #ffd203;
				line-height: 1em;
				letter-spacing: -.02em;
				padding: 15px 0 35px;
				text-align:left;
			}
			.article-content-left{
				float: left;
				width: 430px;
			}
			.article-content-right{
				float: right;
				width: 430px;
			}
				.article-content-right img{
					margin-bottom:1px;
				}
			.share-this{
				float: left;
				font-size: .833em;
				padding: 3px 0 0 3px;
				font-weight: normal;
			}
			.share-facebook,
			.share-facebook img,
			.share-digg,
			.share-digg img{
				float: left;
			}
			.share-facebook img,
			.share-digg img{
				margin-left: 13px;
			}
			.share-facebook span,
			.share-digg span{
				float: left;
				height: 0;
				padding-top: 14px;
				overflow: hidden;
				margin: 4px 0 0 5px;
			}
			.share-facebook span{
				width: 53px;
				background: url(../img/txt_facebook.gif) no-repeat;
			}
			.share-digg span{
				width: 24px;
				background: url(../img/txt_digg.gif) no-repeat;
			}
		
	#content {
		min-height:565px;
	}
	
	.the-drop h3{
		font-size: 1.666em;
		font-weight: normal;
		border-bottom: 5px solid #ffcf06;
		padding: 0 0 8px 0;
	}
	.the-drop h4{
		font-size:14px;
		margin:10px 0;
	}
		.the-drop ul{
			margin-left: -8px;
			padding: 17px 0 15px 0;
		}
		.the-drop li{
			position:relative;
			float: left;
			font-size:11px !important;
			padding-left: 13px;
			width:137px;
		}
		.the-drop li img{ margin-bottom: 5px; }
		.the-drop li .bot {
/*			height:20px;*/
			overflow:hidden;
		}
		
	#sidebar {
		float: left;
		padding: 15px 0 25px 10px;
		width: 105px;
	}
		#sidebar h2 {
			padding: 0 0 30px 0;
			line-height: normal;
			font-weight: normal;
			font-size: 2.5em;
			color: #fff;
		}
		#sidebar ul.sidebar_nav {
			margin: 0;
			padding: 0;
		}
			#sidebar ul.sidebar_nav li {
				line-height: 1.63em;
				font-weight: normal;
				font-size: 1.33em;
				color: #fff;
			}
				#sidebar ul.sidebar_nav li.current a {
					color: #fff;
				}
					#sidebar ul.sidebar_nav li ul {
						margin: 5px 0 20px 0;
					}
						#sidebar ul.sidebar_nav li ul li {
							margin: 0 0 3px 0;
							font-family: Helvetica, Arial, sans-serif;
							font-size: .8em;
						}
							#sidebar ul.sidebar_nav li ul li a {
								padding: 2px 5px 2px 12px;
							}
							#sidebar ul.sidebar_nav li ul li span.active a {
								color: #000 !important;
								background: #fff;
							}
							#sidebar ul.sidebar_nav li ul li a:hover {
								padding: 2px 5px 2px 12px;
								color: #000 !important;
								background: #fff;
							}
							#sidebar ul.sidebar_nav li#shop-online-link {
								border-top: 1px solid #222;
								margin-top:10px;
								padding:10px 0;
							}
							
							.sidebar_nav li#shop-online-link .active a {
								color:#FFF !important;
							}
	
	#main-content {
		float: right;
		margin: 15px 0;
		width: 760px;
	 }
		#main-content .lookbook {
			padding-left:12px;
		}
	
	 .wrapper_big_image {background: #000 url(../img/bg_main_content.gif) repeat-x left top;}
	 	.wrapper_title {
			float: left;
			width: 275px;
		}
	 		.wrapper_title h2 {
				margin: 250px 0 0 0;
				padding: 10px 0 10px 70px;
				line-height: .73em;
				font-weight: normal;
				font-size: 4em;
				color: #fff;
				background: url(../img/logo_analog_small_yellow.gif) no-repeat 21px 12px;
			}
		.wrapper_img {
			float: right;
			width: 485px;
		}
			.wrapper_img img {margin-bottom: -4px;}
		.title_breadcrumb {
			margin: 0 0 35px 0;
			border-bottom: 5px solid #FDCB1E;
		}
			.title_breadcrumb h2 {
				padding: 7px 0 5px 0;
				line-height: normal;
				font-weight: normal;
				font-size: 1.67em;
				color: #999;
			}
				.title_breadcrumb h2 a {color: #fff;}
				.title_breadcrumb h2 a:hover {color: #FECE06;}
		.list_product {
			margin: 0 -15px 0 0;
			padding: 0;
			overflow:auto;
			width: 775px;
		}
			.list_product div {
				float: left;
				margin: 0 15px 15px 0;
				width: 140px;
				height: 260px;
			}
				.list_product div p {
					padding: 5px 2px;
					font-family: Helvetica, Arial, sans-serif;
				}
				.list_product div p a {color: #fff;}
				.list_product div p a:hover {color: #FECE06;}
		ul.img_preview {
/*			float: left;*/
			margin: 0;
			padding: 0 0 20px 0;
			width: 405px;
		}
			ul.img_preview li {
/*				float: left;*/
				padding: 0 0 1px 0;
				width: 405px;
/*				height: 590px;*/
			}
				ul.img_preview li img {margin-bottom: -3px;}
		.wrapper_images_product {
			float: left;
			margin: 0;
			padding: 0 0 20px 0;
			width: 405px;
		}
	 	.wrapper_details_product {
			float: right;
			width: 320px;
		}	
			.wrapper_details_product h3 {
				padding: 0 0 15px 0;
				line-height: 1em;
				font-weight: normal;
				font-size: 24px;
				color: #FECE06;
			}
			.wrapper_details_product h4 {
				padding: 0 0 3px 0;
				line-height: 2em;
				font-weight: normal;
				font-size: 1.3em;
				color: #FECE06;
			}
			.wrapper_details_product p.price {
				padding: 0 0 15px 0;
				line-height: 1em;
				font-family: Helvetica, Arial, sans-serif;
				font-weight: normal;
				font-size: 3em;
				color: #fff;
			}
			.wrapper_details_product p.none {
				padding: 0 0 20px 0;
				line-height: 1em;
			}
			
			.wrapper_details_product .details {
				font-family: Helvetica, Arial, sans-serif;
				font-size:12px;
				margin:5px 0 20px 0;
			}
			ul.list_details {
				margin: 0 0 20px 0;
			}
				ul.list_details li, 
				div.list_details ul li {
					padding: 0 0 0 10px;
					line-height: 2em;
					font-family: Helvetica, Arial, sans-serif;
					font-weight: normal;
					font-size: 1em;
					color: #fff;
					background: url(../img/bullet.gif) no-repeat left 10px;
				}
			ul.list_img_color {
				overflow: hidden;
				clear: both;
				margin: 0 0 25px 0;
			}
				ul.list_img_color li {
					float: left;
					padding: 0 5px 5px 0;
					width: 60px;
				}
					ul.list_img_color li img {
						border:2px solid #333;
						margin-bottom: 2px;
					}
					ul.list_img_color li p {
						padding:0;
						line-height: 1.5em;
						font-weight: normal;
						font-size: .92em;
						color: #fff;
					}
				ul.list_img_color li.active {
				}	
					ul.list_img_color li.active img {
						border:2px solid #FECE06;
					}
					ul.list_img_color li.active p {
						color:#FECE06;
					}
				
			ul.form {
				overflow: hidden;
				clear: both;
				margin: 0 0 20px 0;
				padding: 0;
				height: 1%;
			}
				ul.form li {
					float: left;
				}
				ul.form li.qty {
					display: block;
					clear: both;
				}
					ul.form li label {
						float: left;
						margin: 0 10px 0 0;
						line-height: 1.5em;
						letter-spacing: -.02em;
						font-weight: normal;
						font-size: 1.3em;
						color: #FECE06;
					}
					ul.form li select {
						float: left;
						margin: 2px 0 0 0;
					}
					ul.form li input {
						float: left;
						margin: 5px 0 0 0;
						width: 25px;
						height: 15px;
						text-align: center;
						font-size: 1em;
						border: 1px solid #999;
					}
			.stores {
				padding: 30px 5px;
				text-align: center;
				border-top: 1px solid #454545;
			}
				.stores h3 {
					padding: 0 0 15px 0;
					font-family: Helvetica, Arial, sans-serif;
					font-weight: bold;
					font-size: 1.33em;
					color: #FECE06;
				}
				ul.list_stores {
					margin: 0;
					padding: 0;
					width: 320px;
				}
					ul.list_stores li {
						float: left;
						margin-right:2px;
						width: 158px;
						height: 90px;
					}
						ul.list_stores li img {
							/** IE hack **/
							-ms-interpolation-mode:bicubic;
							/** END **/
							margin-bottom: -3px;
						}
			
	 #footer-content {
	 	overflow: hidden;
	 	clear: both;
		padding: 20px 0 30px 0;
		width: 895px;
		border-top: 5px solid #FDCB1E;
	 }
	 	ul.list_img {
			overflow: hidden;
			margin: 0 0 0 -12px;
			width: 906px;
		}
			ul.list_img li {
				float: left;
				display: inline;
				margin: 0 0 0 12px;
			}
	

/* 2.3	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer ul li{
		color: #FDCB1E;
		float: left;
		padding: 0 33px 0 0;
	}
	#footer ul li a{
		font-size: 1.083em;
		color: #dadada;
	}
	#footer ul li a:hover{
		color: #fece06;
	}
	
	.footer-type-1 ul{
		padding-top: 36px;
		float: right;
	}
	.footer-type-1 .button-like-link{
		margin: 27px -7px 0 0;
		float: right;
	}
	
	.footer-type-2 ul{
		padding-top: 18px;
		float: left;
	}
	.footer-type-2 a.logo-small{
		margin-top: 15px;
		float: right;
		font-size: 1.666em;
		color: #8a8a8a;
		line-height: 1.2em;
	}
	.footer-type-2 a.logo-small img{
		float: left;
		margin-right: 10px;
	}
	

#twitter_div
{
	border-top:1px solid #333;
	margin-top:20px;
	padding-bottom:40px;
}
	
#twitter_div h1
{
	font-size:18px;
	margin:1em 0 1em 0;
}
	
#twitter_update_list li
{
	margin-bottom:15px;
}