/*  Project Page  */
body#projects #wrapper #container #center .clear-block #block-js_cat_select-0 .content form div .view-easyslider,
body#projects #wrapper #container #center .clear-block #block-js_cat_select-0 .content,
body#projects #wrapper #container #center .clear-block #block-js_cat_select-0,
body#projects #wrapper #container #center .clear-block {
  margin: 0;
  padding: 0;
}
/*  project content area  */

ul.tqf_project li div {
  padding-bottom: 5px;
  background: url(images/screenshot-bot.gif) left bottom repeat-x;
  height: 250px;
  width: 320px;
  float: left;
  margin-right: 12px;
}
ul.tqf_project li div div {
  padding-right: 5px;
  background: url(images/screenshot-right.gif) right top repeat-y;
  height: 250px;
  width: 320px;
}
ul.tqf_project li div div div {
  padding-bottom: 5px;
  padding-right: 5px;
  background: url(images/screenshot-corner.gif) right bottom no-repeat;
  height: 250px;
  width: 320px;
}
.tqf_quote {
  position: absolute;
  top: 280px;
  left: -260px;
  width: 200px;
}
/*  old dimensions 307 x 374  */
#block-js_cat_select-0 .item-list ul.tqf_project li img {
  float: left;
  width: 320px;
  margin-right: 30px;
}
#block-js_cat_select-0 .item-list ul.tqf_project {
  width: 700px;
  position: relative;
  top: -96px;
}

body#projects #wrapper #container #sidebar-left {
  width: 264px;
}

li#screenshot {
}
body#projects #wrapper #container #center #block-js_cat_select-0 {
  margin-left: -50px;
  position: relative;
  top: -46px;
}
#block-js_cat_select-0 ul {
}
#block-js_cat_select-0 ul li {
  background: none;
  list-style-image: none;
}
#block-js_cat_select-0 #cat-tabs {
  position: absolute;
  margin-left: -270px;
  margin-left: -240px;
  height: 300px;
  width: 220px;
  margin-top: -12px;
  background: url(images/cat-selector-bg.gif) left center no-repeat;
}
#block-js_cat_select-0 .form-item {
  margin-top: 32px;
}
#block-js_cat_select-0 {
  height: 800px;
}
/* jScroll container  */
#scroll-box {
  position: relative;
  height: 270px;
  overflow: hidden;
  z-index: 26;
  bottom: 12px;
}
#block-wmp-3 .content {
  padding: 0;
  margin: 0;
  width: 120px;
  height: 0;
}
#cat-tabs ul {
	margin: 0;
	padding: 0;
	list-style:none;
	width: 120px;
}
#cat-tabs ul li {
	list-style:none;
	height: 0px;
	margin: 0;
	width: 124px;
	padding: 22px 0px 34px 8px;
	position: absolute;
	z-index: 28;
    background: url(images/cat-tab-bg.gif) 0px 14px no-repeat;
}
#cat-tabs ul li a {
	position: absolute;
	z-index: 29;
	font-size: 7.5pt;
	font-weight: bold;
	color: #607e8c;
	width: 118px;
	background: transparent url(images/tab-arrow.gif) right center no-repeat;
	padding-bottom: 4px;
}
/*  Control position of scroller  */
.jScrollPaneContainer {
  margin-top: 16px;  
  z-index: 25;
}
/*
a.jScrollArrowDown{
  height: 14px;
}
*/
#cat-tabs ul li a:hover {
  text-decoration: none;
  color: #3b6679;
}

#cat-tabs ul li.ui-tabs-selected {
	display:none;
}
#block-js_cat_select-0 .form-item {
  margin-top: 0px;
  padding: 0px 10px 6px 14px;
  border: none;
  background: transparent;
  position: relative;
  left: 12px;
  z-index: 19;
  color: #607e8c;
  font-size: 10pt;
  text-decoration: none;
  padding-top: 8px;
  font-weight: bold;
}
#block-js_cat_select-0 .form-item a{
  color: #5c7b89;
  text-decoration: none;
  font-size: 10pt;
  padding-left: 6px;
  position: relative;
  z-index: 20;
  font-weight: normal;
}
#block-js_cat_select-0 .form-item a:hover {
  text-decoration: underline;
  color: #f86d2a;
}
#block-js_cat_select-0 .form-item p{
  margin: 0;
  padding: 0;
}
#block-js_cat_select-0 .form-item p.first{
  margin-top: 28px;
}
/*
.jScrollArrowDown,
.jScrollArrowUp,
.jScrollPaneTrack {
  margin-top: -26px;
  z-index: 25;
}
*/

#tabs-container {
  overflow: auto;
  height:120px;
}

.lineup, .linedown {
  position: relative;
  z-index: 20;
  left: -20px;
  top: 20px;
}
/* thumbnail slider  */
#thumb-bg {
  background: url(images/thumbnail_select_bg.gif) center center no-repeat;
  width: 673px;
  height: 81px;
  position: relative;
  bottom: 120px;
}
.thumbnail-scroller {
  margin-left: 50px;
  padding: 12px;
  width: 700px;
}
.thumbnail-scroller .view-content {
  height: 81px;
}
/* margin-top having no effect  */
.thumbnail-scroller  ul{
  margin: 12px 40px;
  position: relative;
  z-index: 10;  
  left: 50px;
}
.thumbnail-scroller ul li{
  padding-left: 8px;
  margin:0;
  float: left;
}
#center-marker {
  position: absolute;
  margin-left: 286px;
  margin-top: -130px;
  background: #f6621a;
  width: 82px;
  height: 4px;
}
/*  not visible in page source. Generated by js  */
button.prev, button.next {  
  margin-left: 45px;
  display:block;
  width:14px;
  height:16px;
  background:url(images/thumb_arrow_left.gif) no-repeat 0 0;
  position: absolute;	
  left: -20px;
  top: 32px;
  text-indent: 200px;
  border: 0;
  z-index: 15;
}	
button.next { 
  background:url(images/thumb_arrow_right.gif) no-repeat bottom center;
  height: 40px;
  position: absolute;	
  left: 580px;
  top: 8px;
}
/* Add some height to the left sidebar to make sure that scroll bars stay in place so that the page doesn't jump around in firefox  */
#wrapper #container #block-wmp-3 {
  height: 500px;
  width: 100px;
}
#project-quote p {
  font-style: italic;
}