
/* index carousel */

.featured-projects .jcarousel-container { position:relative; height:180px; padding:10px 5px 10px 10px; width:580px; background:#fff; }
.featured-projects .right-stop { height:190px; width:5px; position:absolute; top:5px; right:5px; background:#fff; z-index:100; }
* html .featured-projects .right-stop { right:4px; }

.featured-projects .jcarousel-clip { height:180px; width:580px; padding:0; margin:0; overflow:hidden; position:relative; }
.featured-projects .jcarousel-list { z-index:1; overflow:hidden; position:relative; margin:0; padding:0; }
.featured-projects .jcarousel-item { height:180px; width:290px; position:relative; float:left; list-style:none; padding:0; margin:0; }

.featured-projects .jcarousel-next,
.featured-projects .jcarousel-prev { display:none; background-image:url("/images/proj_arrows.gif"); background-repeat:no-repeat; width:34px; height:31px; position:absolute; top:-31px; cursor:pointer; -moz-opacity:0.7; opacity:.70; filter:alpha(opacity=70); }

.featured-projects .jcarousel-next { right:10px; background-position:-35px 0; }
.featured-projects .jcarousel-prev { right:45px; background-position:0 0; }

.featured-projects .jcarousel-next:hover, 
.featured-projects .jcarousel-prev:hover { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }

.featured-projects .jcarousel-next-disabled,
.featured-projects .jcarousel-next-disabled:hover,
.featured-projects .jcarousel-prev-disabled,
.featured-projects .jcarousel-prev-disabled:hover { cursor:default; -moz-opacity:0.3; opacity:.30; filter:alpha(opacity=30); }

.featured-projects .jcarousel-item a { display:block; float:left; width:285px; height:180px; position:relative; text-decoration:none; }
.featured-projects .jcarousel-item a img { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }
.featured-projects .jcarousel-item a:hover img { -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }

.featured-projects .jcarousel-item .new-label,
.featured-projects .jcarousel-item .new-label2 { cursor:pointer; display:block; width:85px; height:85px; position:absolute; top:95px; left:200px; background:url("/images/label_new.png") no-repeat; }
.featured-projects .jcarousel-item .new-label2 { background:url("/images/label_new2.png") no-repeat; }
* html .featured-projects .jcarousel-item .new-label { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/label_new.png", sizingMethod='crop'); }
* html .featured-projects .jcarousel-item .new-label2 { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/label_new2.png", sizingMethod='crop'); }


/* iPhone Carousel */

.jcarousel-iphone { width:545px; height:825px; background:url("/images/iphone_bg.png") no-repeat; margin-bottom:-30px; }
* html .jcarousel-iphone { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/iphone_bg.png", sizingMethod='crop'); }

.jcarousel-iphone .jcarousel-container { position:relative; width:432px; height:676px; padding:149px 0 0 113px; }

.jcarousel-iphone .jcarousel-clip { width:320px; height:460px; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-iphone .jcarousel-list { z-index:1; overflow:hidden; position:relative; margin:0; padding:0; }
.jcarousel-iphone .jcarousel-item { width:320px; height:460px; position:relative;  float:left; list-style:none; padding:0; margin:0; }

.jcarousel-iphone .jcarousel-next,
.jcarousel-iphone .jcarousel-prev { display:none; background-image:url("/images/iphone_arrows.gif"); background-repeat:no-repeat; width:80px; height:65px; position:absolute; top:265px; cursor:pointer; -moz-opacity:0.7; opacity:.70; filter:alpha(opacity=70); }

.jcarousel-iphone .jcarousel-next { right:0; background-position:-18px 24px; }
.jcarousel-iphone .jcarousel-prev { left:0; background-position:19px 24px; }

.jcarousel-iphone .jcarousel-next:hover,
.jcarousel-iphone .jcarousel-prev:hover { -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); }

.jcarousel-iphone .jcarousel-next-disabled,
.jcarousel-iphone .jcarousel-next-disabled:hover,
.jcarousel-iphone .jcarousel-prev-disabled,
.jcarousel-iphone .jcarousel-prev-disabled:hover { -moz-opacity:0.3; opacity:.30; filter:alpha(opacity=30); cursor:default;  }


/*
 * jQuery lightBox plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:45%; height:100%;	zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font: 12px Arial, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }	
#lightbox-image-details-caption { font-weight:bold; color:#222; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:10px;	color:#777; }			
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }
