section .content {
	border: none;
}

section#slideshow div.canvas {
	top: 75px;
	margin: 0;
}

section#slideshow h2, section#slideshow h3 {
	font-weight: normal;
	margin: 0;
	color: #ffffff;
	text-transform: uppercase;
}

section#slideshow h2 {
	font-family: chalet-oblique-london, Arial, Verdana;
	font-size: 12pt;
	margin: 0 0 11px 1px;
	letter-spacing: 1px;
	line-height: 19px;
}

section#slideshow h3 {
	font-family: raleway, Arial, Verdana;
	font-size: 56pt;
	letter-spacing: 3px;
	width: 450px;
	line-height: 69px;
	margin-left: -6px;
	margin-bottom: 17px;
}

a.view-project {
	font-family: Lato, Arial, Verdana, sans-serif;
	font-size: 10.5pt;
	display: block;
	color: #6c6c6c;
	padding-top: 12px;
	width: 211px;
	height: 28px;
	background-color: #fbf8f3;
	text-align: center;
	letter-spacing: 0.08em;
}

section#slideshow div.overlay-bar {
	background-image: url(../img/grey_texture.png);
}

section#slideshow div.fill-board {
	background-color: #131313;
}

section#slideshow div.arrow {
	background-image: url(../img/grey_header_arrow.png);
}

body section#content-area {
	padding-top: 49px;
}

.date {
	margin-top: 7px;
}

#side-bar {
	margin-top: 4px;
}

#side-bar img {
	margin-bottom: 29px;
}

#side-bar li, #side-bar p {
	line-height: 21px;
}

#view-more-button {
	cursor: pointer;
	font-family: Lato, Arial, Verdana;
	color: #6c6c6c;
	width: 812px; 
	height: 38px;
	border-style: none;
	background-color: #efefef;
	font-size: 10.5pt;
	margin-bottom: px;
	word-spacing: 3px;
}

ul#other-work li.project {
	width: 812px;
	height: 334px;
	margin: 0 0 40px 2px;
	padding: 4px 0 39px 0;
	border-bottom: solid;	
	border-width: 1px;
	border-color:  #d9d9d9;
}

ul#other-work .view-project {
	margin: 141px 0 0 190px;
}

ul#other-work .add-to-playlist {
	margin: 11px 0 0 575px;
	padding-left: 15px;
	display: none;
}

ul#other-work .options {
	width: 587px;
	height: 330px;
	position: absolute;
	background-image: url(../img/project_preview_texture.png);
	background-repeat: repeat-x;
	margin-left: 225px;
	/* appears only on rollover */
	opacity: 0;
	cursor: pointer;
}

ul#other-work .options *, div.add-to-playlist {
	cursor: pointer;
}

img.panel {
	cursor: pointer;
}

ul#other-work .add-to-playlist-icon {
	background: #3a3a3a url(../img/add_project_rollover.png);
	width: 51px;
	height: 49px;
	margin-left: 761px;
	z-index: 10;
	position: absolute;
	cursor: pointer;
}

.add-to-playlist-hover {
	z-index: 9;
	position: absolute;
}

section#slideshow .add-to-playlist-hover {
	left: 100%;
	margin: 0 0 0 -200px;
	width: 200px;
	height: 150px;
}

ul#other-work .add-to-playlist-hover {
	margin-left: 700px;
	width: 112px;
	height: 100px;
}

ul#other-work .project-info {
	width: 189px;
	float: left;
	margin-right: 35px;
	margin-left: 1px;
}

ul#other-work .project-info .date {
	margin-top: 20px;
	margin-bottom: 13px;	
	line-height: 13px;
}

ul#other-work .project-info .client {
	font-family: 'chalet-oblique-london', Arial, Verdana;
	padding-bottom: 12px;
	margin-bottom: 14px;
	margin-left: 1px;
	border-bottom: solid 1px #D9D9D9;
	font-size: 10.5pt;
	color: #282828;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 14px;
}

ul#other-work .project-info .name {
	cursor: pointer;
	font-family: 'raleway', Arial, Verdana;
	color: #282828;
	font-size: 18pt;
	letter-spacing: 1px;
	margin-bottom: 4px;
	text-transform: uppercase;
	line-height: 30px;
	text-align: top;
}

ul#other-work .project-info .name a {
	text-decoration: none;
	color: inherit;
}

ul#other-work .project-info .name a:hover {
	color:#FF005A;
}

ul#other-work .project-info .brief {
	font-family: 'chalet-oblique-london', Arial, Verdana;
	color: #282828;
	font-size: 9pt;
	line-height: 16px;
	letter-spacing: 0.09em;
}

dl#updates dd {
	margin: 0 0 76px 0;
}

.update-texture {
	display: none;
	width: 238px;
	height: 134px;
	position: absolute;
	z-index: 10;
	background-image: url(../img/project_preview_texture.png);
}