/* Imported Styles
----------------------------------------------- */
@import url("landing_a.css");

body.portfolio h2.page-title {
	top: 60px !important
}
div#interior {
	padding-top: 1px
}
div#interior div.inner-wrapper {
	margin-right: 0
}
div#interior div.info {
	float: left;
	width: 260px;
	margin-right: 7px;
}
div#interior h4 {
	margin: 0;
	font-size: 18px;
	letter-spacing: -1px
}
div#interior h5 {
	font-size: 1em
}
div#featured_projects {
	margin-top: 3.5em;
	padding-top: 1em;
	background: url('/images/dotted-line.gif') no-repeat top left
}
div#sample {
	float: right;
	width: 559px;
	height: 418px;
	margin: -1px -1px 0 0;
	padding-top: 4px;
	text-align: right;
	background-color: #fff
}



/* Portfolio Navigation
----------------------------------------------- */

div#portfolio_navigation {
	position: absolute;
	top: 0;
	left: 10px;
	width: 277px;
	height: 140px
}
div#portfolio_navigation ul,
div#portfolio_navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	background-image: none
}
div#portfolio_navigation ul {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 19px;
	overflow: hidden;
}
div#portfolio_navigation ul li {
	position: relative;
	float: left;
	height: 19px;
	width: 19px;
	margin-right: 2px;
	background-color: #FFF
}
div#portfolio_navigation ul li.current {
	background-color: #EF009B
}
div#portfolio_navigation ul li.next {
	width: auto;
	margin-left: 19px;
	border-left: 1px solid #f8a6d7;
	border-right: 1px solid #f8a6d7;
	background-color: transparent !important
}
div#portfolio_navigation ul li.next a {
	width: auto;
	padding: 5% 3px
}
div#portfolio_navigation ul li span.accessibility {
	position: absoute;
	display: block;
	text-indent: -9999px
}
div#portfolio_navigation ul li a,
div#portfolio_navigation ul li a span.overlay {
	display: relative;
	display: block;
	text-align: center;
	width: 19px;
	height: 19px;
	outline: none;
	cursor: pointer
}
div#portfolio_navigation a span.overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/images/portfolio_nav_numbers.png');
	background-repeat: no-repeat;
}
#pnav_1 .overlay {
	background-position: 0 0
}
#pnav_2 .overlay {
	background-position: -22px 0
}
#pnav_3 .overlay {
	background-position: -44px 0
}
#pnav_4 .overlay {
	background-position: -66px 0
}
#pnav_5 .overlay {
	background-position: -88px 0
}
#pnav_6 .overlay {
	background-position: -110px 0
}
#pnav_7 .overlay {
	background-position: -132px 0
}
#pnav_8 .overlay {
	background-position: -154px 0
}
#pnav_9 .overlay {
	background-position: -176px 0
}


#pnav_1 a:hover .overlay,
#pnav_1.current .overlay {
	background-position: 0 -19px
}
#pnav_2 a:hover .overlay,
#pnav_2.current .overlay {
	background-position: -22px -19px
}
#pnav_3 a:hover .overlay,
#pnav_3.current .overlay {
	background-position: -44px -19px
}
#pnav_4 a:hover .overlay,
#pnav_4.current .overlay {
	background-position: -66px -19px
}
#pnav_5 a:hover .overlay,
#pnav_5.current .overlay {
	background-position: -88px -19px
}
#pnav_6 a:hover .overlay,
#pnav_6.current .overlay {
	background-position: -110px -19px
}
#pnav_7 a:hover .overlay,
#pnav_7.current .overlay {
	background-position: -132px -19px
}
#pnav_8 a:hover .overlay,
#pnav_8.current .overlay {
	background-position: -154px -19px
}
#pnav_9 a:hover .overlay,
#pnav_9.current .overlay {
	background-position: -176px -19px
}