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

body{
	background-color:#202020;
	font-size:62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#CCC;
}

#wrapper{
	width:974px;
	background-color:#000000;
	border:1px solid #666666;
	height:590px;
	left:50%;
	margin-left:-487px;
	margin-top:-320px;
	position:absolute;
	top:50%;
}


a:link{
	outline:none;
}

img{
	border:none;
}

#links{
	width:263px;
	font-size:2.2em;
	display:inline-block;
	vertical-align:top;
	float:left;
}
	
	img#name-banner{
		margin-bottom:50px;
		position:relative;
	}
	
	img#logo{
		position:relative;
	}
	
	#links a.sub{
		font-size:.76em;
	}

	#links a{
		border-top:1px solid #666;
		display:block;
		font-weight:bold;
		line-height:1.5em;
		padding-right:25px;
		padding-top:0.2em;
		text-align:right;
		text-transform:uppercase;
	}
	
	 a:link,
	 a:visited,
	 a:active{
		text-decoration:none;
		color:#999;
	}
	
	a:hover{
		text-decoration:none;	
		color:#FFF;
	}
	
	
	#follow{
		position: absolute;
		bottom: 35px;
		left: 12px;
		font-size: .5em;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: #c6c6c6;
		
	}
		#links #follow a.link-follow{
			text-transform: capitalize;
			font-weight: normal;
			border: none;
			display: inline-block;
			margin-top: 5px;
			padding-right: 10px;
			color: #c6c6c6;
		}
		
		#links #follow a.link-follow img{
			margin-bottom: -4px;
			margin-right: 4px;
		}
		
		#links #follow a:hover{
			color: #FFF;	
		}
		
		#footer-right #link-mt a:link,
		#footer-right #link-mt a:visited{
			color: #666;	
		}
		
		#footer-right #link-mt a:hover,
		#footer-right #link-mt a:active{
			color: #A7001D;	
		}	
#spacer{
	border-left:1px solid #666;
	float:left;
	height:565px;
	width:16px;
}
	#spacer.spacer-thumb{
		width:10px;
	}
#content{
	height: 545px;
	margin: 15px 0px 5px 0px;
	overflow: hidden;
	text-align: left;
	width: 690px;
	position: relative;
}

	#content.thumbs{
		width: 681px;
		margin-left: 5px;
		overflow: hidden;
		
	}

	#content #pair{
		display: inline-block;
		height: 500px;
	}

	
	#content.portfolio{
		text-align: center;
	}
	#content.portfolio img:first-child{
		margin: 0px 15px 0px 0px;
	}
	
	#portfolio-nav{
		text-align: left;
		display: inline-block;
		left: 0px;
	}
	
	#caption{
		display: inline-block;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.03em;
		text-align: right;
		text-transform: uppercase;
		right:10px;
	}
	
		#portfolio-nav, #caption{
			width: 49%;
			font-size: 1.2em;
			height: 1.2em;
			letter-spacing: .03em;
			position: absolute;
			bottom: 15px;
	
		}
	
	
	#thumbContent{
		width:1400px;
		height:475px;
		position:relative;
		margin-top:19px;
	}
	
		#thumbContent img{
			height:148px;
			cursor:pointer;
			margin:0 18px 18px 0;
		}
			
	#portfolio-nav span,
	#portfolio-nav span a{
		cursor:pointer;
		margin:0 2px;
		color:#a7001d;
	}
	
	#portfolio-nav #navMore{
		font-size:1.2em;
		cursor:pointer;
		color:#FFFFFF;
		text-transform:uppercase;
	}
		

#footer{
	position:relative;
	height:2.2em;
	line-height:2.2em;
	border-top:1px solid #666;	
	font-size:1.1em;
	color:#666666;
}
	
	#footer-left, #footer-right{
		position:absolute;
	}

	#footer-left{
		left:10px;
		color:#ccc;
		text-transform:uppercase;
		font-weight:bold;
		
	}
	
	#footer-right{
		right:10px;
	}

	#footer a:link,
	#footer a:visited,
	#footer a:active{
		text-decoration:none;
		color:#ccc;
	}
	
	#footer a:hover{
		text-decoration:none;	
		color:#A7001D;
	}






/** INFO PAGE STYLES */

#content .info{
	color:#FFFFFF;
	font-size:1.2em;
	margin:50px 45px 0 auto;
	text-align:justify;
	width:610px;
	line-height:1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

	#content .info.bio{
		margin-top: 130px;
	}
	
	
	/** BOOK INFO PAGE **/
	#content .info.book{
		margin: 0;
		width: 100%;
	}
	
	
	.info.book > span{
		width: 292px;
		padding: 250px 30px 0;
		display: inline-block;
		height: 315px;
		float: left;
		position: relative;
	}
	
		.info.book h3
		{
			text-align: center;	
		}
		
		.info.book img{
			position: absolute;
			bottom: 50px;
			left: 110px;
		}
	
	#book-l{
		background: #fff url(../gfx/info-book-left.jpg) no-repeat;	
		color: #000;
	}
	
	#book-r{
		background: #000 url(../gfx/info-book-right.jpg) no-repeat;	
		color: #fff;
		border-left: 1px solid #666;
	}
	


	/** BOOK SALES PAGE **/
	
	#content .info.buy{
		margin: 30px 50px;
	}	
	
	#content.buybg{
		background: #000 url(../gfx/info-book-limited.jpg) no-repeat;
		border-left:1px solid #666666;
	}
	
	.buy-limited{
		display: inline-block;	
		text-align: center;
	}
	
	.buy-limited + .buy-limited{
		margin-left: 8px;	
	}
	
		.buy-limited img{
			margin-bottom: 10px;	
		}
		
	
	/** BOOK THANK YOU PAGE **/
	
	#content .info.thanks{
		font-size: 1.4em;
		font-weight: bold;
		margin-top: 250px;
		text-align: center;
	}
	
#content.infobg form{
	left:130px;
	position:relative;
	top:100px;
}
	

#content.infobg{
	margin:0px 0px 0px 274px;
	height:565px;
}

#content.bookbg,
#content.buybg{
	margin:0px 0px 0px 263px;
	height:565px;
	width: 710px;
	
}	



.info h1{
	text-transform:uppercase;
	letter-spacing:.03em;
}

.info form label{
	margin:25px 0 0;
}

label span{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.03em;
	margin-top:10px;
	text-transform:uppercase;
	width:80px;
}

.infobg input[name=submit]{
	margin:25px 0 0;
}





/** HOME PAGE STYLES **/
#center{
	width:977px;
	height:589px;
	background:url(../gfx/home-bg.jpg);
	position:absolute;
	border:1px solid #666;
	left:50%;
	top:50%;
	margin-left:-488px;
	margin-top:-310px;
}

#center div {
	bottom:113px;
	font-size:1.5em;
	letter-spacing:0.05em;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	width:100%;	
}

#center div a{
	color:white;
}

/** INFO PAGES **/

#bio-content{
bottom:150px;
left:275px;
position:absolute;
text-align:justify;
width:285px;
}