/* @group Work */

#work_page {
	height: 600px;
}

/* @group Navigation */

#showcase_nav {
	position: relative;
	height: 78px;
	background: url(../images/showcase_straight_shadow.gif) no-repeat center bottom;
	padding-bottom: 30px;
	margin-top: 10px;
}

#showcase_left, 
#showcase_right {
	width:  110px;
	/*background: transparent url(../images/showcase_left_bg.png) no-repeat right top;*/
	height: 78px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#showcase_right {
	/*background: transparent url(../images/showcase_right_bg.png) no-repeat left top;*/
	right: 0;
	left: auto;
}

#showcase_skip_back,
#showcase_skip_forward,
#showcase_prev,
#showcase_next {
	position: absolute;
	top: 28px;
	border: none;
	display: block;
	width: 22px;
	height: 22px;
	background-position: left 0px;
	background-repeat: no-repeat;
}

#showcase_nav a.disabled {
	background-position: left -22px;
	cursor: default;
}

#showcase_skip_back { background-image: url(../images/showcase_skip_back.gif); }
#showcase_prev { background-image: url(../images/showcase_prev.gif);}
#showcase_skip_forward { background-image: url(../images/showcase_skip_forward.gif); }
#showcase_next { background-image: url(../images/showcase_next.gif);}
#showcase_skip_back { left: 0px; }
#showcase_prev { left: 30px; }
#showcase_skip_forward { right: 0px; }
#showcase_next { right: 30px; }

#showcase_scroller {
	overflow: hidden;
	width: 708px;
	height: 78px;
	margin: 0 auto;
	position: relative;
}

#showcase_nav ul {
	width: 90000px;
	margin: 0;
	padding: 0;
}

#showcase_nav ul li {
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	overflow: hidden;
	margin: 0 0 0 40px;
	padding: 7px;
}

#showcase_nav ul li a img {
	margin: 8px 0 0 8px;
}

#showcase_nav ul li a {
	display: block;
	opacity: 0.4;
	border: none;
}
#showcase_nav ul li a.selected {
	background: #000;
}
#showcase_nav ul a:hover {
	opacity: 0.8;
}

#showcase_nav ul li.selected {
	background: url(../images/showcase_highlight.png) no-repeat left top;
}

#showcase_nav ul li.selected a {
	opacity: 1.0;
}

#showcase_nav ul li a span {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 7px;
	left: 7px;
	background: url(../images/project_icon_border.png) no-repeat left top;
}

#showcase_nav li.pad {
	background: url(../images/showcase_nav_empty.gif) no-repeat center center;
}

#showcase_nav { background: transparent url('../images/showcase_straight_shadow.gif') no-repeat scroll center bottom; position: relative; height: 78px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-bottom: 35px;}
#showcase_left, #showcase_right { height: 78px; position: absolute; top: 0pt; left: 0pt; z-index: 10; }
#showcase_right { right: 0pt; left: auto; }
#showcase_skip_back, #showcase_skip_forward, #showcase_prev, #showcase_next { border: medium none ; position: absolute; top: 28px; display: block; width: 22px; height: 22px; background-position: left 0px; background-repeat: no-repeat; }
#showcase_nav a.disabled { background-position: left -22px; cursor: default; }
#showcase_skip_back { background-image: url('../images/showcase_skip_back.gif'); }
#showcase_prev { background-image: url('../images/showcase_prev.gif'); }
#showcase_skip_forward { background-image: url('../images/showcase_skip_forward.gif'); }
#showcase_next { background-image: url('../images/showcase_next.gif'); }
#showcase_skip_back { left: 0px; }
#showcase_prev { left: 30px; }
#showcase_skip_forward { right: 0px; }
#showcase_next { right: 30px; }
#showcase_scroller { margin: 0pt auto; overflow: hidden; width: 680px; height: 78px; position: relative; }
#showcase_nav ul { margin: 0pt; padding: 0pt; width: 90000px; }
#showcase_nav ul li { margin: 0pt; padding: 7px; overflow: hidden; position: relative; float: left; width: 100px; height: 64px; }
#showcase_nav ul li a img { margin: 8px 0pt 0pt 8px; }
#showcase_nav ul li a { border: medium none ; display: block; opacity: 0.4; }
#showcase_nav ul a:hover { opacity: 0.8; }
#showcase_nav ul li.selected { background: transparent url('../images/showcase_highlight.png') no-repeat scroll left top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#showcase_nav ul li.selected a { opacity: 1; }
#showcase_nav ul li a span { background: transparent url('../images/project_icon_border.png') no-repeat scroll left top; display: block; width: 64px; height: 64px; position: absolute; top: 7px; left: 7px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#showcase_nav li.pad { background: transparent url('../images/showcase_nav_empty.gif') no-repeat scroll center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }

/* @end */

/* @group Project Detail */
.project_detail h1 {
	color:#f9dd12;
	font-size: 24px;
}
.project_detail p.project_info,
.project_detail p.project_info a {
	color: #999;
}
.project_detail strong {
	border-bottom: #fff 1px dotted;
}
.project_detail ul.tick_list {
	margin: 0;
	padding: 0;
}
.project_detail ul.tick_list li {
	margin: 0 5px 0 0;
	float: left;
	width: 130px;
	background-image: url('../images/tick.gif');
	line-height: 20px;
	padding-top: 2px;
}

.project_detail .project_quote {
	margin-top: 0.5em;
}

.project_detail h2.whatwedid {

}

.project_detail h2.clientreaction {

}

.project_detail h2.features {

}

.project_detail .app_store_link a {
	border: none;
}

/* @end */

/* @group Project Images */

.image_container ul li {
	margin: 0;
}
.carousel-pagination a {
	display: block;
	float: left;
	line-height: 23px;
	width: 23px;
	height: 23px;
	text-shadow: 0px 0px 0px;
	text-align: center;
	background: #000 url(../images/project_image_nav_corners.png) no-repeat left top;
	color: #96c416;
	margin-right: 5px;
	margin-bottom: 10px;
}

.carousel-pagination a.active {
	background-color: #96c416;
	color: #fff;
}



.project_images p {
	float: left;
	line-height: 23px;
	padding-left: 10px;
	margin-bottom: 0;
	margin-top: 0.9em;
	color: #96c416;
}

.project_images ul {
	margin-top: 0.9em;
}

.project_images ul li {
	float: right;
	width: 23px;
	height: 23px;
	margin: 0;
	margin-right: 5px;
	overflow: hidden;
	text-shadow: 0px 0px 0px;
}

.project_images ul li a {
	display: block;
	line-height: 23px;
	text-align: center;
	background: #000 url(../images/project_image_nav_corners.png) no-repeat left top;
	color: #96c416;
}

.project_images ul li.selected a {
	background-color: #96c416;
	color: #fff;
}

.image_container {
	width: 500px;
	height: 375px;
	padding: 10px;
	background: url(../images/project_image_border.gif) no-repeat left top;
	overflow: hidden;
	position: relative;
	clear: both;
}
.image_container img {
	margin-bottom: 10px;
}

.center-wrap {
	float: right;
}

/* @end */

/* @end */
ul.none li {
	background: none;
}
.abcdisable {
	display: none;
}
.abcdisable {
	display: none;
}