/* PORTFOLIO ------------------------------------------------------------------ */

.projects-select-by-media {
	margin-top: 39px;
	margin-bottom: 80px;
	margin-left:22px;
}
.projects-select-by-media h2 {
	display: block;
	background: url(../images/projects-select-by-media.jpg) left top no-repeat;
	width:167px;
	overflow: hidden;
	line-height: 29px;
	text-indent: -9999px;
}
.projects-select-by-media a:hover {
	text-decoration:underline;
}
.projects-select-by-media ul {
	margin-top:14px;
	padding-left:3px;
	font-size:0.8em;
}
.projects-select-by-media ul li {
	list-style: none;
	background:url(../images/green-gray-box-disc.png) 0 7px no-repeat;
	padding-left: 13px;
	line-height:18px;
}
a.check-videos, a.check-videos:visited, a.check-videos:hover {
	background:url(../images/check-videos.jpg) left top no-repeat;
	display: block;
	text-indent: -9999px;
	width: 340px;
	height: 65px;
}
/* View all videos */

.view-all-proj {
	height:30px;
	width:332px;
	background-color: #C8C8C8;
	margin-top:10px;
}
.view-all-proj a, .view-all-proj a:visited {
	text-decoration: underline;
	line-height: 30px;
	padding-left: 15px;
	color: #000438;
	font-size:76%;
	font-weight: bold;
}
/* project description */

.project-box {
	margin-top:19px;
	margin-bottom:21px;
	position:relative;
	background: #f1f1f1;
	min-height:130px;
	padding-top:6px;
	width:332px;
}
.project-box-top {
	margin-left:6px;
	height:30px;
}
.project-box-top h3 {
	display: block;
	width: 316px;
	height:30px;
	background:url(../images/portfolio-descr.png) left top no-repeat; /* png-24 */
	text-indent: -9999px;
	float:left;
}
.project-descr {
	padding-top:2px;
	padding-left:14px;
	padding-right:20px;
	padding-bottom: 14px;
}
.project-descr p {
	margin-top: 0.8em;
	padding-top:1px;
}

.project-descr ul {
	margin-top: 0.8em;
}

.project-descr li {
	font-size:0.813em;
}

.project-descr h4, .project-descr h5 {
	font-size:0.9em;
	font-family:"Georgia","Times New Roman",Times,serif;
}
/*blockquote p
{
	padding: 0px 15px 0px 0px;
	float: left;
	background: url(../images/quote_down.png) bottom right no-repeat;
}

blockquote
{
	padding: 20px;
	background: url(../images/quote_up.png) top left no-repeat;
}

.quote { margin-top: 20px; }

.quote-box
{
	position:relative;
	width: 331px;
	padding-left:22px;
	color: #8E8C62;
}

.quote-box-top
{
	height: 15px;
	background: url(../images/quote-box-top.png) left top no-repeat;
}

.quote-box-mid { background: url(../images/quote-box-mid.png) left top repeat-y; }

.quote-box-mid blockquote
{
	padding: 20px;
	background: url(../images/quote_up.png) top left no-repeat;
}

.quote-box-bottom
{
	background: url(../images/quote-box-bottom.png) left top no-repeat;
	height: 5px
}

.quote-box p
{
	margin:0;
	padding-left: 16px;
	padding-right: 35px;
	padding-top: 0px;
	background: url(../images/end-quote.png) bottom right no-repeat;
}

.quote-box blockquote
{
	margin:0;
	padding:10px 0px 0px 5px;
	background: url(../images/open-quote-bottom.png) left top no-repeat;
	font-size: 1.2em;
	text-indent: 55px;
	line-height: 1.3em;
	font-weight: 550;
}

.cite-box
{
	padding-left:22px;
	position:relative;
	width:331px;
}

cite
{
	font-size: 0.875em;
	line-height:1.1em;
	color: #8EB736;
	padding:0;
	margin:0;
	padding-left:28px;
	padding-top: 17px;
	background: url(../images/cite-box-triangle.png) left top no-repeat;
	position:absolute;
	z-index:1000;
}

.cite-box-mid
{
	background: url(../images/cite-box-mid.png) left top repeat-y;
	position:relative;
	width:331px;
	min-height:55px;
	height: auto;
	padding-bottom:5px;
}

.cite-box-bottom
{
	background: url(../images/cite-box-bottom.png) 22px top no-repeat;
	height: 37px;
	display: block;
	width:331px;
	padding-left: 22px;
}*/

.quote {
	margin-top:20px;
}
.quote-box {
	color:#8E8C62;
	padding-left:0px;
	position:relative;
	width:331px;
	background:transparent url(../images/quote-box.png) no-repeat scroll left bottom;
	padding-bottom:34px;
	
}
.quote-box-top {
	background:transparent url(../images/quote-box-top.png) no-repeat scroll left top;
	height:15px;
}
.quote-box-mid {
	background:transparent url(../images/quote-box-mid.png) repeat-y scroll left top;
}
.quote-box-mid blockquote {
	background:transparent url(../images/open-quote-bottom.png) no-repeat scroll left top;
	padding:20px;
}
.quote-box-bottom {
	background:transparent url(../images/cite-box-bottom.png) no-repeat scroll left top;
}
.quote-box p {
	background:transparent url(../images/end-quote.png) no-repeat scroll right bottom;
	margin:0;
	padding-left:27px;
	text-indent:40px;
	padding-right:27px;
	padding-top:7px;
	font-size:0.9em;
	line-height:1.4em
}

* html .quote-box p, * + html .quote-box p {
	padding-left:0px;

}

.quote-box blockquote {
	
	font-size:1.2em;
	line-height:1.3em;
	margin:0;
	padding:10px 0 0 5px;
	text-indent:55px;
}
.cite-box {
	padding-left:0px;
	position:relative;
	width:331px;
	
}
cite {
	color:#6F6E4C;
	font-size:0.9em;
	line-height:1.2em;
	/*margin-top:10px;*/
	padding:12px 16px 8px 33px;
	font-style:normal;
	display:block;
}
.cite-box-mid {
	height:auto;
	min-height:55px;
	padding-bottom:5px;
	position:relative;
	width:331px;
}
.cite-box-bottom {
	display:block;
	height:179px;
	padding-left:0px;
	width:331px;
}
/* project data */

.project-data {
	font-size: 80%;
	width: 331px;
	padding-left: 22px;
	color: #333;
}
.project-data dl dd {
	word-wrap:break-word;
	width:165px !important;
}
.project-data dl{
	background: url(../images/project-data-dl.png) left bottom repeat-x;
	padding-top: 10px;
	padding-bottom: 9px;
}
.project-data dl dt {
	width: 130px;
	display: inline-block;
	float: left;
	font-weight:600;
}
.project-data dl dd {
	float: left;
	margin-left:1px;
	display: inline-block;
	text-align: left;
	width:160px;
}
.project-data ul li {
	list-style: none;
}
/* project slider  */

.project-slider-top {
	background: #737373 url(../images/project-slider-top.png) center top no-repeat;
	height: 13px;
	position:relative;
	width:542px;
}
.project-slider-mid {
	background: #737373 url(../images/project-slider-mid.jpg) left top repeat-y;
	min-height:100%;
	position:relative;
	padding-top:31px;
}
.project-slider {
	background: #777;
	position:relative;
}
.project-slider-nav-c {
	position:relative;
}
.print-projects-c, .web-projects-c, .video-projects-c, .consult-projects-c {
	background: transparent url(../images/project-slider-nav-c-top.png) left top no-repeat;
}
.project-slider-nav {
	height: 38px;
	position:relative;
	clear: both;
}
ul.project-slider-nav li {
	font:0.8em "Georgia", "Times New Roman", Times, serif;
	list-style: none;
	float: left;
	/*background:url(../images/project-slider-nav-sep.png) right 1px repeat-y;*/
	text-align: center;
	padding-left:0;
}
ul.project-slider-nav li a {
	color: #fff;
	text-decoration: none;
	width: auto;
	float: left;
	display: block;
	position:relative;
	z-index:100;
	height:31px;
	font-size: 100%;
}
ul.project-slider-nav li.selected {
	margin-bottom:0;
	background: none;
}
ul.project-slider-nav li.selected a {
	list-style: none;
	float: left;
	margin-bottom:0px;
	display: block;
	height:38px;
	padding-bottom:7px;
}
ul.project-slider-nav li span {
	list-style: none;
	margin-bottom:0px;
	display: block;
	height:38px;
	text-indent: -9999px;
}
/* print */

.print-projects-c {
	margin-bottom:2px;
}
ul.project-slider-nav li.print {
	width:64px;
	display:block;
	margin-left:0px;
}
ul.project-slider-nav li.print a, ul.project-slider-nav li.print a:visited, ul.project-slider-nav li.print a:hover {
	background: url(../images/project-slider-nav-print.png) left top no-repeat;
	text-indent: -9999px;
	display:inline-block;
	padding: 0;
	width: 65px;
	position: relative;
	margin-right:0px;
}
ul.project-slider-nav li.print span {
	width:65px;
	background:url(../images/project-slider-nav-print-active.png) left top no-repeat;
}
/* web */



ul.project-slider-nav li.web a {
	background:url(../images/project-slider-nav-web.png) left top no-repeat;
	text-indent: -9999px;
	width:59px;
	display:block;
	padding: 0;
}
ul.project-slider-nav li.web span {
	background:url(../images/project-slider-nav-web-active.png) left top no-repeat;
	margin-bottom:0px;
	display: block;
	height:38px;
	width: 59px;
	text-indent: -9999px;
}
/* video */

ul.project-slider-nav li.video {
	width:69px;
}
ul.project-slider-nav li.video a, ul.project-slider-nav li.video a:visited, ul.project-slider-nav li.video a:hover {
	background:url(../images/project-slider-nav-video.png) center center no-repeat;
	text-indent: -9999px;
	display:block;
	width:68px;
}
ul.project-slider-nav li.video span {
	background:url(../images/project-slider-nav-video-active.png) left top no-repeat;
	margin-bottom:0px;
	height:38px;
	width: 68px;
	text-indent: -9999px;
}
/*consult */

ul.project-slider-nav li.consult {
	width:113px;
}
ul.project-slider-nav li.consult a {
	background:url(../images/project-slider-nav-consult.png) center center no-repeat;
	text-indent: -9999px;
	width:100%;
	display:block;
}
ul.project-slider-nav li.consult span {
	background:url(../images/project-slider-nav-consult-active.png) left top no-repeat;
	margin-bottom:0px;
	display: inline-block;
	height:38px;
	width: 113px;
	text-indent: -9999px;
}
/* production */



ul.project-slider-nav li.prod {
	width:104px;
}
ul.project-slider-nav li.prod a {
	background:url(../images/project-slider-nav-prod.png) center center no-repeat;
	text-indent: -9999px;
	width:100%;
	display:block;
}
ul.project-slider-nav li.prod span {
	background:url(../images/project-slider-nav-prod-active.png) left top no-repeat;
	margin-bottom:0px;
	display: inline-block;
	height:38px;
	width: 104px;
	text-indent: -9999px;
}
/* analysis */



ul.project-slider-nav li.analysis {
	width:87px;
}
ul.project-slider-nav li.analysis a {
	background:url(../images/project-slider-nav-analysis.png) center center no-repeat;
	text-indent: -9999px;
	width:100%;
	display:block;
}
ul.project-slider-nav li.analysis span {
	background:url(../images/project-slider-nav-analysis-active.png) left top no-repeat;
	margin-bottom:0px;
	display: inline-block;
	height:38px;
	width: 87px;
	text-indent: -9999px;
}
/* print */



.project-slider-nav-info {
	width: 28px;
	height:31px;
	position:absolute;
	right:0;
	top:0;
	background-image: url(../images/project-slider-nav-info.png);
	display: block;
}
.project-slider-nav-info a, .project-slider-nav-info a:visited, .project-slider-nav-info a:hover {
	display: block;
	width: 28px;
	height:31px;
	margin:0;
	text-decoration: none;
	padding:0;
}
/* info box */

.info-box {
	/* test purposes */

	position: absolute;
	width: 289px;
	color: #fff;
}
.info-box-top, .dockTopHeader, .dockBottomHeader {
	width: 289px;
	height:40px;
	background: url(../images/project-info-box-top.png) left top no-repeat;
}
.info-box-mid, .message {
	background: transparent url(../images/info-box-mid.png) left top repeat-y;
	padding:0;
	margin:0;
	width: 289px;
	text-align:left;
	min-height:100px;
}
.info-box-bottom, .dockTopFooter, .dockBottomFooter {
	background: transparent url(../images/info-box-bottom.png) left top repeat-y;
	padding:0;
	margin:0;
	height: 25px;
	width: 289px;
}
.info-box-mid-inner {
	padding:13px 43px 0px 37px;
	color: #fff
}
.info-box-mid p.first {
	margin:0;
}
.sticky_close {
	background: url(../images/info-box-close.png) left top no-repeat;
	display:block;
	height:20px;
	line-height:16px;
	position:absolute;
	right:17px;
	top:18px;
	width:21px;
	z-index:10001;
	cursor: pointer;
}
.tipContainer {
	display: none;
}
.project-imgs {
	width:524px;
	margin:0 auto;
	position: relative;
	padding-bottom:6px;
}
ul.project-slider-nav li#first-tab {
	margin-left:0px;
	margin-right:0px;
}
ul.project-slider-nav li {
	background:none !important;
}
ul.project-slider-nav li.disabled, ul.project-slider-nav li.disabled a, ul.project-slider-nav li.disabled a:visited, ul.project-slider-nav li.disabled a:hover, ul.project-slider-nav li.disabled a:focus {
	background: none;
}
ul.project-slider-nav li.disabled a, ul.project-slider-nav li.disabled a:visited, ul.project-slider-nav li.disabled a:hover, ul.project-slider-nav li.disabled a:focus {
	display: none;
}
.video-projects #player {
	margin-top:0px;
	margin-left:5px;
	position: relative;
	padding-bottom:20px;
	padding-top:25px;
	padding-left:25px;
	width:530px;
}
.project-gallery a {
	position:relative;
	width:169px;
	height:127px;
	display: block;
}
.tooltip-slider {
	display: block;
	background: #666;
/*	-moz-opacity:.80;
*/	/*opacity:.80;*/
	color: white;
	position:absolute;
	width:159px;
	bottom:0;
	line-height: 0.9em;
	left:0;
	font-size:0.8em;
	height:0px;
}

ul.project-slider-nav li.managed-services span {
  background: url(../images/managed-services-tab-active.png) left top no-repeat;
}
ul.project-slider-nav li.managed-services {
  background: url(../images/managed-services-tab.png) left top no-repeat;
	width:146px;
	margin-left:305px;
}