/*
This theme was adapted from the likes of youlove.us by Brandon Minch;
*/

*{
	margin:0;
	border:0;
	padding:0;
	color:#fff;
	}
html{
	height:100%;
}
body{
	font:1em/1.5em Arial, Verdana, serif;
	height:100%;
	min-width:1024px;
	min-height:768px;
	font-size:85%;
	position:relative;
	background-color: #000000;	
	}
	
#bg1,#bg2,#bg3,#bg4,#bg5{
	float:left;
	position:absolute;
	min-width:1024px;
	min-height:768px;
	width:100%;
	height:100%;
	z-index:-1;
	}
#bg1 img,#bg2 img,#bg3 img,#bg4 img,#bg5 img{
	position:absolute;
	height:100%;
	width:100%;
}
#bg td {
	vertical-align:middle;
	text-align:center;
}

#bg1{
	top:0%;
	left:0%;
	}
	
#bg2{
	top:0%;
	left:50%;
	}

#bg3{
	top:0%;
	left:100%;
	}
	
#bg4{
	top:0%;
	left:150%;
	}
	
#bg5{
	top:0%;
	left:200%;
}
p.black{
	background:url("images/bg-black.png");
	padding:20px 20px 20px;
}
	
.alignright{
	float:right;
	border:3px solid #fff;
	margin:0 0 10px 10px;
	}
.alignleft{
	float:right;
	margin:0 0 10px 10px;
	}
	
	
	
strong{
	font-weight:bold;
	}

h1,
legend{
	font-size:1.7em;
	text-shadow:#333 0 0 3px;
	opacity:0.9;
	margin:0 0 10px;
	}
	h1.address{
		margin-bottom:0 !important;
		}
h2{
	font-size:1.5em;
	text-shadow:#333 0 0 3px;
	opacity:0.9;
	margin:0 0 10px;
	}
h3{
	font-size:1.3em;
	text-shadow:#333 0 0 3px;
	}
p{
	text-shadow:#333 0 0 3px;
	opacity:.9;
	margin:0 0 20px;
	}
	
p a{
	background:url("images/bg-black.png");
	padding:2px 5px 4px;
	}
	p a:hover{
		background:url("images/bg-blacker.png");
		text-decoration:none;
		}
	
.outer{
	z-index:20;
	position:absolute;
	height: 100%;
	width:50%;
	}
					
.important{
	z-index:90 !important;
	}

	#baselinks{
		position:absolute;
		bottom:30px;
		right:40px;
		width:100%;
		height:50px;
		}
		#baselinks p{
			margin:0;
			font-size:.8em;
			float:right;
			opacity:1;
			clear:both;
			color:#666;
			}
		#baselinks ul{
			float:right;
			}
			#baselinks li{
				float:left;
				display:block;
				font-size:.9em;
				}
				#baselinks li a{
					text-decoration:none;
					text-transform:uppercase;
					display:block;
					float:left;
					padding:0 0 0 10px;
					color:#666;
					text-shadow:#333 0 0 3px;
					}
					#baselinks li a:hover{
						color:#999;
						}
	
#container{
	width:200%;
	height:100%;
	margin:0 auto;
	position:relative;
	}	
	body.blog #container{
		height:auto;
		}

.nav{
	float:left;
	margin:50px 0 0 0;
	}
	.nav li{
		display:block;
		float:left;
		}
		.nav li a{
			display:block;
			float:left;
			height:0;
			padding-top:51px;
			background-position:0 -51px;
			background-repeat:no-repeat;
			overflow:hidden;
			margin:40px 0 0;
			}
			.nav li a:hover,
			#about .nav li.about a,
			#work .nav li.work a,
			#contact .nav li.contact a{
				background-position:0 0;
				}
			.nav li.intro a{
				background-image:url("images/public_logo.png" );
				padding-top: 150px;
				margin:0 20px 0 0;
				overflow:hidden;
				width:180px;
				background-position:40px 0;
				}
			.nav li.about a{
				width:150px;
				background-image:url("images/history_btn.png");
				}
			.nav li.work a{
				width:135px;
				background-image:url("images/shoes_btn.png");
				}
			.nav li.contact a{
				width:135px;
				background-image:url("images/store_btn.png");
				}
			.nav li.press a{
				width:135px;
				background-image:url("images/press_btn.png");
				}
				
.contentabout{
	overflow:hidden;
	width:700px;
	position:relative;
	height:310px;
	margin:30px 0 0 20px;
	float:left;
	clear:left;
	}
.content{
	overflow:hidden;
	width:700px;
	position:relative;
	height:410px;
	margin:10px 0 0 0;
	float:left;
	}
.subnav{
	float:left;
	clear:both;
	width:250px;
	margin:10px 0 0 10px;
	list-style:none;
	}
	.subnav li,
	.subnav a{
		display:block;
		float:left;
		clear:both;
		}
	.subnav a{
		width:230px;
		font-size:1.7em;
		text-shadow:#333 0 0 3px;
		opacity:.8;
		padding:10px;
		text-decoration:none;
		line-height:1.3em;
		background:url("images/bg-black.png");
		}
		.subnav a:hover{
			opacity:1;
			}
		.subnav img{
			display:block;
			float:left;
			margin-right:10px;
			border:1px solid #fff;
			}
		.subnav small{
			display:block;
			font-size:.5em;
			text-transform:uppercase;
			}
		.subnav .aboutscrolling,
		.subnav .workscrolling{
			background:url("images/bg-black.png");
			opacity:1;
			}
		.subnav ul{
			float:left;
			clear:both;
			width:250px;
			margin:0;
			list-style:none;
			}
			.subnav ul a{
				font-size:1em;
				padding:5px 0 5px 20px;
				line-height:1em;
				margin:0;
				}

.section{
	width:6000px;
	position:relative;
	float:left;
	clear:both;
	}
	.section ul{
		list-style:none;
		}		
	.section .sub{
		position:relative;
		float:left;
		width:660px;
		height:390px;
		padding:10px 20px;
		background:url("images/bg-black.png");
		}
		
		.sub2{
		position:relative;
		float:left;
		width:660px;
		height:390px;
		padding:10px 20px;
		background:url("images/bg-black.png");
		font-size:12px;
		}
		
			.sub3{
		position:relative;
		float:left;
		width:900px;
		height:390px;
		padding:10px 20px;
		background:url("images/bg-black.png");
		font-size:12px;
		}
			
		.sub img{
			float:right;
			margin:10px 0 10px 20px;
			border:1px solid #fff;
			opacity:.8;
			}
		#work .sub img{
			float:left;
			margin:0 10px 10px 0;
			opacity:1;
			}
		.section .sub.photography{
			padding-right:0;
			width:680px;
			}
			#work .sub.photography img{
				margin:0 10px 10px 0;
				}
		.next,
		.previous,
		.sitelink{
			position:absolute;
			display:block;
			padding:5px 10px;
			text-decoration:none;
			background:url("images/bg-black.png");
			}
		.next{
			right:0;
			bottom:0;
			}
		.previous{
			left:0;
			bottom:0;
			}
		.sitelink{
			top:0;
			right:0;
			}
		.next:hover,
		.previous:hover,
		.sitelink:hover{
			opacity:1;
			background:url("images/bg-blacker.png");
			}
		
blockquote{
	border-left:3px solid #fff;
	font-size:.9em;
	padding:0 10px;
	margin-left:5px;
	opacity:.8;
	}
	blockquote p{
		font-style:italic;
		margin:0 0 10px;
		opacity:1;
		}
	
#intro{
	display:inline;
	top:0;
	left:0%;
	}
#introcontent{
	position:relative;
	height: 100%;
	left:0px;	
}		
	#intro .welcome{
		position: absolute;
		bottom: 20%;
		float:left;
		clear:left;
		width:100%;
		margin:0px 0 20px 0px;
		}
		
		#intro .social{
		position: relative;
		bottom: 20%;
		float:right;
		clear:both;
		width:100%;
		margin:0px 0 20px 0px;
		}
	#intro .folio{
		float:right;
		width:391px;
		position:relative;
		bottom: 50%;
		}				
		#foliothumbs{
			display:block;
			width:391px;
			height:289px;
			overflow:hidden;
			background:url("bg-folio-thumb.png") no-repeat;
			}
			#foliothumbs img{
				float:none;
				margin:60px 0 0 47px;
				}
	
	
	
#about{
	display:inline;
	top:0px;
	left:50%;
	}
#aboutcontent{
	position:relative;
	left:30px;	
}
	
	
	#spencerexperience p{
		margin:0 0 10px;
		}	
	#companyfuture img{
		float:none;
		margin:0 0 0 85px;
		border:none;
		opacity:1;
		}			

		
#work{
	display:inline;
	top:0px;
	left:100%;
	}
#workcontent{
	position:relative;
	left:30px;
}

#contact{
	display:inline;
	top:0px;
	left:150%;
	}
#contactcontent{
	position:relative;
	height:100%;
	left:30px;	
}
	#contactform{
		margin:10px 0;
		float:left;
		clear:both;
		width:200px;
		}
		#contactform p,
		#contactform label,
		#contactform input,
		#contactform textarea,
		#contactform legend{
			display:block;
			float:left;
			margin:0;
			clear:none;
			}
		#contactform legend{
			padding:10px 0 10px 6px; 	
			}
		#contactform p{
			clear:left !important;
			opacity:1 !important;
			background:url("images/bg-black.png");
			padding:6px 6px 0;
			}
			#contactform p.secondtolast{
				padding:6px;
				}
			#contactform p.last{
				padding:0 6px 6px;
				}
		#contactform label{
			text-shadow:#333 0 0 3px;
			opacity:.9;
			width:70px;
			padding-top:2px;
			margin-left:5px;
			}
		input,
		textarea{
			padding:2px;
			border:1px solid #333;
			background:url("images/bg-white.png");
			color:#333;
			font:1em/1.5em 'Helvetica Neue', Arial, Verdana, serif;
			}
		input:hover,
		textarea:hover,
		input:focus,
		textarea:focus{
			background:url("images/bg-whiter.png");
			color:#000;
			}
		input#submit{
			cursor:pointer;
			padding:2px 10px;
			background:url("images/bg-whiter.png");
			color:#000;
			}
			input#submit:hover{
			background:#fff;
				}
	.contactdetail{
		position:absolute;
		left: 390px;
		top: 570px;
		padding:10px 0;
		height:20px;
		width:480px;
		background-image: url("images/bg-black.png");
		text-align:center;
		}
	.email{
		position:absolute;
		left: 40px;
		top: 620px;
		padding:10px 0;
		height:20px;
		width:830px;
		background-image: url("images/bg-black.png");
		text-align:center;
	}
	.map{
		position:absolute;
		left: 20px;
		top: 190px;
		margin:20px 0px 10px 20px;
		height:400px;
		width:340px;
		background-image: url("images/bg-black.png");
		text-align:center;
		}
		.map iframe{
			margin: 20px;
		}
				
	.tour{
		position:absolute;
		left: 390px;
		top: 190px;
		margin:20px 0px 10px 0px;
		height:350px;
		width:480px;
		background-image: url("images/bg-black.png");
		text-align:left;
		}
		.tour object{
			margin: 20px;
		}
		.tour p{
			margin:0 20px;
			}
		.tour h1{
			margin-bottom:20px;
			}
		.tour h2{
			margin-bottom:0;
			}
	address{
		text-shadow:#333 0 0 3px;
		opacity:.9;
		margin:0 0 20px;
		}
		
#ie6{
	display:none;
	}
	
	
#blog{
	display:inline;
	top:0px;
	left:200%;
	}
	
#blogcontent{
	position:relative;
	left:30px;	
}