/*
	extends core.css
	contains all design specific styles
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* don't forget to update this file name accordingly */
@import url("lastletter_core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#hex (desc)
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	=WRAP
	=WRAP-INSIDE	
	=HEADER
	=MASTHEAD
	=CONTENT-WRAP
		=MAIN CONTENT
		=SECONDARY CONTENT
	=FOOTER
		
*/

body {background: #999999 url(../content/bg.jpg) repeat center 0;}
p a {color: #fff;}

/* =WRAP
----------------------------------------------------------------------------- */

#wrap {	
	background: url(../content/envelope.png) no-repeat center top;
	margin: 0 auto;
	width: 1150px;
	position: relative;
}

	#wrap-sub {	
		background: url(../content/bg_top.png) no-repeat 0 71px;
		margin: 0 auto;
		width: 1150px;
	}
	#wrap-flash {	
		margin: 0 auto;
		width: 1150px;
	}

/* =HEADER
----------------------------------------------------------------------------- */

#header {
	height: 109px;
	position: relative;
}

#logo {
	float: left;
}
	
	#logo h3,
	#logo h3 a {
		background: url(../content/ll-stamp.png) no-repeat left top;
		height: 152px;
		left: -55px;
		margin:  0 0 0 43px;
		position: absolute;
		text-indent: -9999px;
		top: 0;
		width: 238px;
	}

		#logo h3 a {
			display: block;
			float: left;
			left: 0;
			margin: 0;
		}

/* =GLOBALNAV
----------------------------------------------------------------------------- */	
#global_nav { 
	float: left;
	height: 58px;
	left:215px;
	position: absolute;
	top:0px;
	width: 960px;
	z-index:0;
}

	#global_nav ul { 
		float: left;
		height: 58px;
	}

		#global_nav li { 
			display: inline; 
			float: left; 
			list-style: none;
		}

			#global_nav li a { 
				display: block; 
				height: 58px; 
				text-indent: -9999px;
			}

				#global_nav li#last_letter_wall,
				#global_nav li#last_letter_wall a:link,
				#global_nav li#last_letter_wall a:visited { 
					background: url(../content/last_letter_wall.png) no-repeat left top; 
					width: 113px;
				}

				#global_nav li#write_your_letter,
				#global_nav li#write_your_letter a:link,
				#global_nav li#write_your_letter a:visited { 
					background: url(../content/write_your_letter.png) no-repeat left top; 
					width: 116px;
				}

				#global_nav li#projects,
				#global_nav li#projects a:link,
				#global_nav li#projects a:visited { 
					background: url(../content/projects.png) no-repeat left top; 
					width: 91px;
				}

				#global_nav li#tour,
				#global_nav li#tour a:link,
				#global_nav li#tour a:visited { 
					background: url(../content/tour.png) no-repeat left top; 
					width: 62px;
				}

				#global_nav li#resources,
				#global_nav li#resources a:link,
				#global_nav li#resources a:visited { 
					background: url(../content/resources.png) no-repeat left top; 
					width: 104px;
				}
				#global_nav li#our_story,
				#global_nav li#our_story a:link,
				#global_nav li#our_story a:visited { 
					background: url(../content/our_story.png) no-repeat left top; 
					width: 81px;
				}
				#global_nav li#one_app,
				#global_nav li#one_app a:link,
				#global_nav li#one_app a:visited { 
					background: url(../content/one_app.png) no-repeat left top; 
					width: 92px;
				}
		
				#global_nav li#twitter,
				#global_nav li#twitter a:link,
				#global_nav li#twitter a:visited { 
					background: url(../content/twitter.png) no-repeat left top; 
					width: 23px;
				}

				#global_nav li#facebook,
				#global_nav li#facebook a:link,
				#global_nav li#facebook a:visited{ 
					background: url(../content/facebook.png) no-repeat left top; 
					width: 23px; 
				}

				#global_nav li#youtube,
				#global_nav li#youtube a:link,
				#global_nav li#youtube a:visited { 
					background: url(../content/youtube.png) no-repeat left top;
					width: 23px;
				}

				#global_nav li#vimeo,
				#global_nav li#vimeo a:link,
				#global_nav li#vimeo a:visited { 
					background: url(../content/vimeo.png) no-repeat left top;
					width: 23px;
				}


				#global_nav li#flickr,
				#global_nav li#flickr a:link,
				#global_nav li#flickr a:visited { 
					background: url(../content/flickr.png) no-repeat left top;
					width: 22px;
				}
				
				#global_nav li#one_app_icon,
				#global_nav li#one_app_icon a:link,
				#global_nav li#one_app_icon a:visited { 
					background: url(../content/oneapp_icon.png) no-repeat left top;
					width: 21px;
				}
				
				#global_nav li#tangle,
				#global_nav li#tangle a:link,
				#global_nav li#tangle a:visited { 
					background: url(../content/tangle.png) no-repeat left top;
					width: 22px;
				}
					#global_nav li#last_letter_wall a.current,
					#global_nav li#write_your_letter a.current,
					#global_nav li#projects a.current,
					#global_nav li#tour a.current,
					#global_nav li#our_story a.current,
					#global_nav li#resources a.current,
					#global_nav li#last_letter_wall a:hover, 
					#global_nav li#write_your_letter a:hover, 
					#global_nav li#projects a:hover, 
					#global_nav li#tour a:hover, 
					#global_nav li#resources a:hover, 
					#global_nav li#our_story a:hover, 
					#global_nav li#one_app a:hover,
					#global_nav li#facebook a:hover,
					#global_nav li#twitter a:hover,
					#global_nav li#youtube a:hover,
					#global_nav li#vimeo a:hover,
					#global_nav li#flickr a:hover,
					#global_nav li#tangle a:hover,
					#global_nav li#one_app_icon a:hover {background-position: left -76px;}



/* =MASTHEAD
----------------------------------------------------------------------------- */

#flash-player-completed{
	background: url(../content/image_aftervideo.jpg) no-repeat -1px 0;
	height: 90px;
	padding: 460px 0 0 110px;
}
	#flash-player-completed a{
		display: block;
		float: left;
		height: 60px;
		padding-right: 60px;
		width: 200px;
		text-indent: -9999px;
	}

#flash-replace{
	margin-top: -50px;
}
#flash-player object,
#flash-player embed{
	padding-top: -30px;
	overflow: hidden;
}

#masthead {
	margin: 0 auto;
	width: 960px;
}
	a.logo{
		position: absolute;
		display: block;
		top: 120px;
		left: 65px;
	}
		#wrap a.logo{left: 88px;}
	#wrap-sub #masthead{
		margin-left: 68px;
	}

#sliderBloc {
	height:145px;
	/*margin:0 auto;*/
	width:944px;
	overflow:hidden;
}
	#sliderBloc a#previous, 
	#sliderBloc a#next {
		background:url(../content/left_arrow.png) no-repeat left top;
		cursor:pointer;
		float:left;
		height:44px;
		margin:55px 5px 0 0;
		text-indent:-9999px;
		width:40px;
	}
	#sliderBloc a#next {
		background:url(../content/right_arrow.png) no-repeat left top;
		margin:55px 0 0 5px;
	}
	/* #sliderBloc a#previous:hover, #sliderBloc a#next:hover {
		background-position:left -20px;
	} */

	#slider-stage {
		float:left;
		height: 145px;
		overflow:hidden;
		position:relative;
		width: 840px;
	}

		ul#slider-list {
			margin: 35px 0 0 0;
			padding: 0;
			position: absolute;
			width: 840px;
		}
			#slider-list li{
				cursor: pointer;
				float: left;
				list-style: none;
				height: 140px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 140px;
			}
				#slider-list li a{
					background: url(/content/slide.png) no-repeat 0 0;
					display: block;
					padding: 10px 0 0 7px;
					margin-left: 10px;
					height: 90px;
					width: 114px;
				}

.demo {
	padding:0 1em 1em;
}

/* =CONTENT-WRAP
----------------------------------------------------------------------------- */

#wrap-sub #content-wrap {
	background: transparent url(../content/bg_middle.png) no-repeat 46px 0;
}
	#wrap #content-wrap{
		margin: 0 auto;
		width: 960px;
	}
	

/* =MAIN CONTENT
----------------------------------------------------------------------------- */

#main-content {
	width: 620px;
	float: left;
	margin-top: -10px;
}
	#main-content h2{margin-top: -10px;}
#main-content2 {
	background: transparent url(../content/bg_bottom.png) no-repeat 0 bottom;
	margin: 20px 0 0 46px;
	padding: 0 0 80px 25px;
	width: 980px;
	min-height: 250px;
}
	#wrap-sub #lifestyle{
		float: left;
		margin: 15px 0 0;
		padding: 0 5px;	
		width: 720px;
	}
#buttons {
	float: left;
	list-style: none;
	padding: 10px;
}
#buttons li {
	padding: 5px;
}
#lifestyle {
	float: left;
	margin: 15px 0 0 0;
	padding-right: 20px;	
	width: 360px;
}
#lifestyle h2 {
	background: transparent url(../content/line.jpg) no-repeat 0 bottom;
	color: #dcdac8;
	font: italic 23px/40px "Georgia", "Palatino", "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
#lifestyle h3 {
	background: transparent url(../content/line.jpg) no-repeat 0 bottom;
	padding: 5px 0;
}
#lifestyle p {
	color: #dcdac8;
	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 5px 0;
}
#lifestyle ul{
	color: #dcdac8;
	font-size: 11px;
	padding-left: 20px;
}
	#lifestyle ul li{margin: 5px 0;}
#lifestyle img.content,
#lifestyle img.other{border: 5px solid #30210e;}
	#lifestyle img.content{
		float: right;
		margin-left: 15px;	
	}
#lifestyle table{
	background-color: #a18d66;
	border: 1px solid #413120;
	margin-top: 15px;
}
	#lifestyle td,
	#lifestyle th{
		border: 1px solid #413120;
		color: #413120;
		margin: 0;
		padding: 3px 10px;
	}
		#lifestyle th{
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
		}
		#lifestyle td a{color: #413120;}


/* =SECONDARY CONTENT
----------------------------------------------------------------------------- */

#secondary-content {
	float: left;
	padding-left: 50px;
	width: 280px;
}
	#secondary-content #project-buttons a{
		float: left;
		padding-right: 20px;
	}
#llprojects {
	float: right;
	margin: 15px 20px 0 0;
	width: 280px;
}
#llprojects h2 {
	background: transparent url(../content/line.jpg) no-repeat 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #dcdac8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px/1.7em;	
	font-style: oblique;
	font-weight: normal;
}
#llprojects p {
	color: #dcdac8;
	font: normal 1em/1.5 Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 5px 0;
}

	.form{margin-top: 15px;}
		.form label,
		form label{
			color: #dcdac8;
		}
		.form input,
		.form textarea{
			background-color: #97926f;
			border: 1px #dcdac8 solid;
			color: #2c1f0e;
			margin: 5px 0 15px;;
		}
			.form input.checkbox{
				margin-bottom: 0;
				width: 20px;
			}
			.form input.submit,
			form input.submit{
				border: none;
				padding: 0;
				height: 28px;
				width: 64px;
			}
				form input.submit{width: 99px;}
			.red{color: #ffffff;}
			.form input#character{
				background: none;
				border: none;
				color: #ffffff;
				font-family: "Georgia", "Times", serif;
				font-size: 20px;
				padding-left: 0;
				width: 50px;
			}
			
	.project-sum{
		float: left;
		margin-top: 15px;
		width: 221px;
		padding-right: 15px;
	}
		.project-sum .project-image{
			background: transparent url(/content/project_small.jpg) no-repeat 0 0;
			height: 91px;
			padding: 8px;
			position: relative;
			width: 205px;
		}
		.project-sum .store-image{
			background: none;
			width: 221px;
		}
		#lifestyle .project-sum h3,
		#lifestyle h3{
			background: transparent url(/content/project-line.jpg) no-repeat 0 bottom;
			color: #dcdac8;
			font: normal 16px/18px Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			margin: 5px 0 5px 2px;
		}
			#lifestyle .project-det{
				position: relative;
				width: 221px;
			}
				#lifestyle .project-det p{
					text-transform: uppercase;
					width: 140px;
				}
				#lifestyle .project-sum .project-det .dates p{
					display: block;
					position: absolute;
					text-align: right;
					top: 0;
					right: 10px;
					width: 80px;
				}
		#lifestyle .project-sum p{
			margin: 0;
		}
	#lifestyle #project-buttons{
		float: left;
		margin-top: 15px;
		width: 700px;
	}
		#secondary-content #project-buttons{width: 280px;}
		#lifestyle #project-buttons a img,
		#secondary-content #project-buttons a{
			display: block;
			float: left;
			padding-right: 130px;
		}
			#lifestyle #project-buttons a#ll img {padding-right: 110px;}
			#lifestyle #project-buttons a#other img {padding-right: 90px;}
			#secondary-content #project-buttons a{width: 110px;}
			#lifestyle #project-buttons a.last img,
			#secondary-content #project-buttons a.last img{
				float: left;
				padding-right: 0;
			}
			#secondary-content #project-buttons a{
				margin-top: 20px;
				padding-right: 10px;
				width: 120px;
			}
		#error-results{margin: 10px 0;}
			#error-results h3{color: #51100d;}
			#error-results li{color: #51100d;}
		
/* =SIDEBAR
----------------------------------------------------------------------------- */

#sidebar{}

/* =FOOTER
----------------------------------------------------------------------------- */

#footer{
	height: 100px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}
	#wrap-sub #footer-inside{
		background: url(../content/footer_top.png) no-repeat center top;
		width: 1080px;
		padding-top: 80px;
		height: 100px;
	}
		#wrap #footer-inside, 
		#wrap-flash #footer-inside{
			background-image: none;;
			padding-top: 40px;
			height: 100px;
			width: 1080px;
		}
		#footer-inside img{
			display: block;
			margin-left: 230px;
		}
	#footer .sub-footer{
		height: 30px;
		color: #dcdac8;
		padding: 10px 0 10px 375px;
		width: 300px;
	}
		#footer .sub-footer p a{color: #dcdac8;}