@charset "utf-8";
/* import global styles */
@import url("global.css");
@import url("shadowbox.css");
/* Work styles */
/* Section titles */
.section_title {
	width: 226px;
	height: 80px;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-image: url(../img/work/work_arrow.png);
	background-repeat: no-repeat;
	clear: both;
}
.section_title p {
	margin: 0 0 0 40px;
}
.section_title span.amp {
	font: oblique 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/* Sections */
#section_interfaces {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_web {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_design {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_logo_icon {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_illustration {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_presentations {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
#section_video {
	margin: 10px 0 30px 40px;
	padding: 12px 0 0 12px;
	width: 841px;
	height: 110px;
	background: url(../img/work/work_sec_bgd.png) no-repeat top left;
	overflow: hidden;
}
/* Global section assets */
.image {
	float: left;
	margin: 0 5px 13px 0;
	width: 146px;
	height: 100px;
}
.image a:link {
	border: 0;
}
.toggle_btn {
	position: relative;
	float: right;
	top: 35px;
	right: 24px;
	width: 33px;
	height: 33px;
	background: url(../img/work/work_toggle.png) top;
	cursor: pointer;
}
.toggle_btn.active {
	background-position: bottom;
}
/* "a" links */
#article a:link, #article a:visited {
	font-weight: bold;
	color: #f0af5d;
	text-decoration: none;
}
#article a:hover, #article a:active {
	color: #d09750;
}