@charset "UTF-8";

/********** = Squared Eye Rebranding.CSS **********/
/******************
		
	Author: InLikeALion & adapted by Matthew Smith
	For: www.squaredeye.com
	Last Modified: 2 February 2009

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

#rebranding-squaredeye {
	background:transparent url(../bg-dt-hl-branding.png) no-repeat scroll 0 0;
	height:157px;
	top:157px;}

#ampersand img {margin-top:15px;}

#body-notebook #rebrand-start h3 {
	float:left;
	height:49px;
	margin-top:0;
	padding:0;
	width:212px;}
	
#rebrand-start {padding-bottom:26px;}

#rebrand-start p.first {
	background:transparent url(../bg-getting-to-know-squaredeye.png) no-repeat scroll 0 0;
	padding-top:28px;}
	
#rebrand-start p {width:521px;}
p#clemer-quote {
	background:transparent url(../bg-main-quote.png) no-repeat scroll 0 0;
	height:157px;
	margin:0;
	top:740px;}
	
#content p.citation {
	font-size:11px;
	margin-top:16px;
	line-height:18px;
}
.citation strong {display:block;}

#what-kind {
	background:transparent url(../bg-what-kind-of-designer.png) no-repeat scroll 480px 136px;
	padding-bottom:24px;
	position:relative;
}
#what-kind p {
	padding-right:429px;
}
#what-kind span {
	background:transparent url(../bg-questionmark.png) no-repeat scroll 0 0;
	height:239px;
	position:absolute;
	right:80px;
	top:80px;
	width:200px;
	z-index:-1;}

/*OVERRIDING CSS - overrides the features.css*/

#body-notebook #content {margin-top:196px;}

.content-main02 {padding-left:48px;}

.content-main02.one {padding:0 0 19px 0px;}

.content-main02.three {position:relative;}

.content-main02.four {height:1198px; position:relative;}

.content-main02.three h2 {
	background:transparent url(../bg-step-by-step.png) no-repeat scroll 0 2px;
	height:97px;
	margin-bottom:3px;
	width:360px;}
	
.content-main02.three h3 {
	background:transparent url(../bg-the-incredible-process.png) no-repeat scroll 0 0;
	height:43px;
	margin-bottom:0;
	width:345px;}

/*OVERRIDING CSS WHICH WILL BE USED ON ALL NOTEBOOK ARTICLES*/

/*#prevnext {top:470px;}*/

#body-notebook .content-sub {
	margin:162px 0 0 72px;
	padding:25px 54px 27px 0;
	width:186px;
}
	
#body-notebook .content-main p {
margin:0 0 18px;}

.content-main02.three li {
	left:-72px;
	position:relative;
	font-size:12px;
	line-height:18px;
}
.content-main02.three li img {position:absolute;}

.content-main02.one hr.hr1 {margin-left:0;}

li#l1 {
	background:transparent url(../bg-number1.png) no-repeat scroll 22px 0;
	margin-top:15px;
	padding:45px 358px 54px 74px;
}
li#l1 img {right:-71px; top:-144px;}

li#l2 {
	background:transparent url(../bg-number2.png) no-repeat scroll 752px 0;
	margin-right:-72px;
	padding:72px 0 168px 493px;
}
 li#l2 img {left:72px;top:9px;}

li#l3 {
	background:transparent url(../bg-number3.png) no-repeat scroll 0 0;
	margin-top:15px;
	padding:45px 353px 136px 74px;}
	
li#l3 img {right:-71px; top:-30px;}

li#l4 {
	background:transparent url(../bg-number4.png) no-repeat scroll 680px 0;
	margin-right:-72px;
	padding:60px 0 0 492px;}
	
li#l4 img {left:-30px; top:-15px; z-index:-1;}

h2#welcome {
	background:transparent url(../bg-please-welcome-the-new-squaredeye.png) no-repeat scroll 0 0;
	left:217px;
	margin:0;
	position:relative;
	top:103px;
	width:300px;}

p.side {
	font-family:"Lucida Sans","Lucida Grande",Verdana,Sans-serif;
	font-size:0.73em;
	font-style:italic;
	left:0;
	margin-left:0;
	position:relative;
	width:203px;
}
.ps1 {top:24px;}
.ps2 {top:162px;}
.ps3 {top:484px;}

#cards {
	left:217px;
	position:absolute;
	top:-63px;}
	
#logotype {
	background:transparent url(../bg-squaredeye-logotype.png) no-repeat scroll 0 24px;
	height:228px;
	width:791px;
}

#twitter {margin:8px 0 0 1px;}

#download-pdf {
	background:transparent url(../bg-download-levi-pdf.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:73px;
	margin:8px 0 0 -24px;
}

#download-pdf:hover {background-position: 0 bottom;}

#paper-whale img{
	left:217px;
	position:absolute;
	top:-9px;}