@charset "UTF-8";

html 
{ 
	-webkit-font-smoothing: antialiased;
}
body {
	color:#323232;
	background-color: #dcdcdc;
}
#main {
	margin-left:auto;
	margin-right:auto;
	width:1013px;
	z-index:777;
	min-height: 1000px;
}
#logo {
	float:left;
	width:210px;
	height:88px;
	margin-top:16px;
	margin-left:342px;
}
#menu
{
	float:right;
	font-family:Arial;
	font-size:18px;
	margin-right:76px;
	margin-top:60px;
	text-align:right;
}

#menu a 
{
	color:#323232;
	text-decoration: none;
}

#header
{
	width:100%;
	height:503px;
	margin-top:100px;
	float:left;
}
#vancouver
{
	float:left;
	width:205px;
	height:383px;
	margin-top:32px;
	margin-left:70px;
	font-family:Georgia;
	line-height: 1.4em;
	font-size:14px;
	text-align:left;
}
#line
{
	position: absolute;
	overflow: hidden;
	right: 42%;
	z-index:778;
}
#content
{
	float:left;
	width:673px;
	min-height:883px;
	margin-top:32px;
	text-align:left;
	font-family:Georgia;
	font-size:14px;
	display:inline-block;
	word-wrap:break-word;
	line-height: 1.4em;
}
#thisisapictureofmewhenIwasachild
{
	float:left;
	width:335px;
	height:348px;
}
#onceuponatime
{
	float:left;
	width:324px;
	height:306px;
	padding-top:42px;
	padding-left:14px;
}
#inthemiddleofthestory
{
	width:100%;
	float:left;
	min-height:135px;
}
#restofthestory
{
	width:335px;
	height:264px;
	float:left;
}
#thisisapictureofmeinmyoffice
{
	width:338px;
	height:264px;
	float:left;
	text-align:right;
}
#endofthestory
{
	width:100%;
	height:224px;
	float:left;
	padding-top:45px;
}
#what-illustration
{
	width:485px;
	height:523px;
	float:left;
}
#what-story
{
	width:188px;
	height:249px;
	padding-top:274px;
	float:left;
}
#what-end
{
	width:100%;
	float:left;
	padding-top:30px;
}
#clients
{
	width:379px;
	float:left;
}
#portfolio
{
	width:294px;
	float:left;
	text-align:right;
}
#message
{
	color:#d14545;
	margin-bottom: 5px;
}
.link
{
	text-decoration:underline;
	font-size:14px;
	color:#d3d3d3;
}
.link:hover
{
	text-decoration:underline;
	color:#666666;
}
#clients span, #portfolio span
{
	color:#dcdcdc;
	font-size: 13px;
}
.prettybutton 
{
	background-color:#d3d3d3;
	display:inline-block;
	color:#323232;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	vertical-align:middle;
	cursor: hand; cursor: pointer;
}
.prettybutton:hover 
{
	background-color:#323232;
	color:#dcdcdc;
}
.prettybutton:active 
{
	position:relative;
	top:1px;
}
#line-folio
{
	position: absolute;
	overflow: hidden;
	right: 39%;
	top:3223px;
	z-index:779;
}
#portfolio-content
{
	text-align:center;
	min-height: 140px;
	width: 1013px;
	display:inline-block;
	margin-top:35px;
}
#video-content
{
	width: 890px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.project-title
{
	margin-top:64px;
	margin-bottom:36px;
	font-family:Arial;
	font-size:36px;
	height:39px;
	display:inline-block;
	width:890px;
}
.project-title img
{
	float:left;
	margin-right:20px;
}
.project-title div
{
	float:left;
	vertical-align:middle;
	text-align:left;
	margin-top:1px;
}
.project-separator
{
	width:100%;
	height:1px;
	text-align:center;
	margin-top:63px; 
}
.project
{
	width:100%;
	display:inline-block;
	min-height:850px;
}
.project .project-separator
{
	clear:both;
}
.comment, .project .comment
{
	font-family:Georgia;
	font-size:14px;
	margin-top:20px;
	text-align:center;
	line-height: 1.2em;
}
.project .comment
{
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:890px;
	display:inline-block;
}
.comment .description
{
	width:593px;
	margin-left:13px;
	margin-right:13px;
	float:left;
	line-height: 1.2em;
}
.comment .resume
{
	width:265px;
	float:left;
	line-height: 1.2em;
}
.ending
{
	font-size:26px;
	margin-left:73px;
	text-align:left;
	line-height:1.3em;
}
.ending a 
{
	text-decoration:underline;
}
.footer
{
	background-color:#323232;
	background-image:url(images/pandaandhisfriendlyunicornfriend.png);
	background-position:right;
	background-repeat:no-repeat;
	height:66px;
	font-family:Arial;
	font-size:30px;
	color:#dcdcdc;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:1013px;
}
h1
{
	font-family:Arial;
	font-size:36px;
	margin-bottom:30px;
}
input
{
	border: 1px solid #323232;
    background: #ffffff;
	color:#323232;
	text-align:center;
	font-family:Georgia;
	height:25px;
	width:188px;
}
input:hover {
    border: 1px solid #dcdcdc;
    background: #dcdcdc;
}
.content_header
{
	width:100%;
	float:left;
}
.grey_overflow
{
	width:100%;
	background-color:#323232;
	position:absolute;
	z-index:-1;
}
#merci
{
	/*top:12298px;*/
	height:66px;
}