/*
Theme Name: Motion Pacific Group
Theme URI: http://www.motionpacificgroup.com/
Description: Custom theme for Motion Pacific Group.
Version: 1.0
Author: <a href="http://www.wildcatdigital.com">Wildcat Digital</a>
*/


/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */


/* ------- 1. CSS Reset ------- */

html,body,div,object,iframe,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}
*{margin:0;padding:0;}

/* ------- 2. General ------- */

body {min-width:960px;background-color:#f9f9f9; color:#000000;font-size:12px;}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb {letter-spacing:1px;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#063263;}
a:hover{color:#676c66;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(images/code.png) repeat scroll 0 0;display:block;padding:0 20px 18px;border:1px solid #ddd;}
blockquote {background:transparent url(images/sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#000000;display:block;font-size:10px;}
.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}	
.fl{float: left;}
.fr{float: right;}

/* ------- 3. List Styles ------- */

ul,li{list-style:none outside;margin-left:20px;list-style-type:none;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li, #comments li{margin-left:0;list-style:none;}


/* ------- 4. Borders & Dividers ------- */

.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Tables ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}

/* ------- 6. Forms ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:5px;width:180px;}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;cursor:pointer;}
pre,input[type=text],input[type=password],input[type=file],textarea{background:#FFFFFF;border-color:#949393;border-style:solid;border-width:1px;color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* ------- 7. Images------- */

img { border:none; }
.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}


/* ------- 8. Headers ------- */

h1,h3{font-family:Georgia, "Times New Roman", Times, serif;line-height:20px; font-weight:normal;line-height:100%; word-spacing:-4px;}
h2,h4,h5{font-family:Arial, Verdana, sans-serif; line-height:100%; color:#626264; word-spacing:-3px;}
h1{font-size:24px; color:#063263}
h2{font-size:18px;}
h3{font-size:22px; color:#FFFFFF;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px; margin-bottom:10px;font-weight:bold;}
h5 a{color:#626264;}
h5 a:hover{color:#063263}
h6 {font-size:12px;letter-spacing:1.6px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;color:#888;line-height:20px;}


/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */


/* ------- 1. General Structure  ------- */

#top-wrap { width: 100%; height:83px; background-color:#dddbdc;}
#mid-wrap { background-color:#063263; width: 100%; height:374px; }
#content-wrap { width: 960px; height:100%; margin: 0 auto; }
#slider-wrap { 	width: 960px; height:374px;	margin: 0 auto; padding-top:10px; background: url(http://www.wildcatdigital.com/MPG/wp-content/themes/motionpacific/images/slider-bg-trans.png) no-repeat; }
.inner{height:100%;width:960px;min-width:960px;position:relative;clear:both;text-align:left;margin:0 auto;}
.content { width:960px; margin: 0 auto; padding:35px 15px 0 15px; }
.entry{overflow:hidden;}

/* ------- 2. Header ------- */

#header {width:960px;height:83px;margin: 0 auto;padding:0;background: url(http://www.wildcatdigital.com/MPG/wp-content/themes/motionpacific/images/header-BG-trans.png) no-repeat;}
#sub-header{width: 100%; height:38px; background: url(images/sub-header.jpg) repeat-x scroll center bottom;}

/* ------- 3. Footer ------- */

#footer input[type=text], #footer input[type=password], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:#FFFFFF;}
#footer a{color:#636363}
#footer a:hover{color: #999}
#footer h1{color:#063263;}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;}
#footer_nav a{padding:0 5px;}

#footer {background:#dddcdc url(images/footer-BG-trans.png) no-repeat top center;margin-top:10px;}
#footer .inner{padding-top:29px;}

#sub_footer{background-color:#063263;border-top:1px solid #FFFFFF;padding-top:10px;font-size:9px;min-height:30px; color:#FFFFFF;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}
#sub_footer a{color:#FFF;}
#sub_footer a:hover{color: #676c66}

/* ------- 4. Borders & Dividers ------- */

td,th,.divider,hr,.top_metadata,.blog_header{
background:url(images/line.gif) repeat-x scroll center bottom;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px;}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Breadcrumbs ------- */

#breadcrumbs{color:#063263;padding-top:10px;font-size:10px;}
#breadcrumbs a{color:#063263;}
#breadcrumbs a:hover{color:#676c66;}
.breadarrow{color:#063263;padding:0 4px;}

/* -------  6. Columns ------- */

.one_half{width:456px;}
.one_third{width:288px;}
.two_third{width:624px;}
.one_fourth{width:204px;}
.one_fifth{width:153px;}
.three_fourth{width:708px;}
.four_fifth{width:759px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth, .four_fifth{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}

/* -------  7. Header Navigation ------- */

#nav-bar { height:46px; float: right; display: block; position: relative; z-index:100; padding:0; }
#nav-bar ul { float:right; display:inline; font-family:Arial, Helvetica, sans-serif; list-style-type: none; list-style-image: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#nav-bar ul li { display: inline; height: 46px;	padding: 0px; }
#nav-bar ul li a:link, #nav-bar ul li a:visited, #nav-bar ul li a:active { 	float:right; text-align:right; color:#063263; font-weight: normal; display: inline;height: 33px;font-size: 11px;text-decoration:none;	padding: 10px 20px 0px 5px;	margin: 0px; }
#nav-bar ul li a:hover { color:#676c66;	text-decoration: none; }


/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */



/* ------- 1. Home ------- */

.gallery_img_holder {background: transparent url(images/gallery_frame.gif) no-repeat scroll 0 -5px;display:block;height:180px;position:relative;width:288px;float:left;	padding-right:20px;}
.gallery_img_holder img {background: #F5F5F5 none repeat scroll 0 0;border:1px solid #FFFFFF;height:151px;left:1px;padding:4px;position:absolute;top:9px;width:276px;}
ul#blog-sidebar {margin:0;padding:0;}
ul#blog-sidebar li {margin:0;padding:12px 0 12px 5px;border-bottom: 1px solid #dddcdc;font-size:11px;}
ul#blog-sidebar li h5 {margin:0;padding:0px;}

.current-frame{	display:block; width:603px;height: 100%;	background-color:#eeeeee; padding: 9px;border: 1px solid #dddddd;}
.current-interior{display: block;width:583px;;height: 100%;background-color: #f9f9f9;	margin:0; padding:10px;}

.quote-divider{clear:both;padding-top:10px;height:10px;text-align:right;background:url(images/line.gif) repeat-x scroll center top;}
.quote-background {background: #f9f9f9 url(http://www.wildcatdigital.com/MPG/images/quote-bg-trans.png) no-repeat; height:44px; width:610px; min-height:120px}

/* ------- 2. Single Project Page ------- */

.style1 {color: #063263;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;padding-right: 8px;}
.style2 {color: #063263;font-size:14px;}


/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */

.blog_module{clear:both;display:block;margin-bottom:25px;overflow:hidden;}
.blog_module ul {margin:-10px 0 0 0;padding-bottom: 20px;}
.blog_module li {background-image: url(images/bullet.jpg);background-repeat: no-repeat;padding: 10px 0 0 30px;background-position: 8px 74%;}
.blog_frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #dddcdc;padding:5px;margin:0 10px 10px 0;float:left;}
.blog_content { width:960px; margin: 0 auto; padding:0 15px; }
.blog_header{padding-bottom:8px; margin-bottom:0}
.top_metadata{color:#888;font-size:10px;margin-bottom:20px;padding:4px 2px 8px;}
.top_metadata a{font-size:10px;text-transform:uppercase;word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}

/* ------- 2. Threaded Comments ------- */

#comments{margin-top:15px;}
#comments .date{padding-left:2px;color:#BBBBBB;font-size:9px;line-height:15px;text-transform:uppercase;}
.comment-text{color:#888888;left:25px;margin:10px 0;min-height:90px;overflow:hidden;padding-right:40px;padding-top:8px;position:relative;text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{float:left;overflow:hidden;	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {display:inline-block;font-style:normal;line-height:16px;padding-left:2px;padding-top:5px;text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {float:left;font-size:10px;margin-right:5px;text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {background: url(images/comment_bubble.gif) 0px 15px no-repeat;list-style-image:none;list-style-position:outside;list-style-type:none;padding:20px 0;overflow:hidden;clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}

#commentform{padding-top:20px;}
#respond{clear:both;padding-top:10px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}

.awaiting_moderation{background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;display:inline-block;font-size:10px;margin-bottom:10px;padding:0 10px;}
.logged{margin-bottom:5px;}


/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */

.widget ul{margin-bottom:0;}
.widget{padding:0 0 40px 0;overflow:hidden;}	
.textwidget{clear:both;}
.widget_tag_cloud h2,.widget_categories h2,.widget_pages h2,.widget_archive h2 {font-family:Georgia, "Times New Roman", Times, serif;line-height:20px; padding-bottom:8px;font-weight:normal;line-height:100%; word-spacing:-4px;background:url(images/line.gif) repeat-x scroll center bottom;font-size:24px; color:#063263}
.widget_tag_cloud ul, li {margin-left:0px; !important}

ul#popular-posts li {margin:0;padding:12px 0 12px 5px;border-bottom: 1px solid #dddcdc;font-size:11px;}

/* ________________________________________________________________________________________________________________
	                                              06. EXTRAS 
   ________________________________________________________________________________________________________________ */
   
   /* ------- 1. Buttons ------- */
   
.button{
	background:transparent url(images/buttons-trans.png) no-repeat scroll center -36px;
	border-bottom:1px solid #dddcdc;
	border-left:1px solid #dddcdc;
	border-right:1px solid #dddcdc;
	color:#063263;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:30px;
	line-height:16px;
	letter-spacing:1px;
	padding:5px 12px;
	overflow: visible;}
.button:hover{background:transparent url(images/buttons-trans.png) repeat-x scroll center -4px;cursor:pointer;}
   
   
/* span buttons */
a.button_link {
    background: url(images/buttons-trans.png) no-repeat scroll right -34px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
    color:#063263;
    display:inline-block;
    font-size:12px;
    height:30px;
    margin-right:5px;
    margin-top:0px;
    padding-right:17px;	}
a.button_link span {
	background:transparent url(images/buttons-trans.png) no-repeat scroll -2px -34px;
	display:block;
	line-height:10px;
	padding:9px 0 11px 15px;}
a.button_link:hover {background-position: right -2px; color:#063263; }
a.button_link:hover span {background-position:-2px -2px;}
a.button, input[type="submit"], input[type="button"], ul.button-nav li a, div.generic-button a {
    background: transparent url(images/footer_button-trans.png) no-repeat scroll -2px 0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#063263;
	height:42px;
	width:97px;	}
	
a.button_link,a.button_link:hover,a.button_link:hover,a.button_link:active,a.button_link:active span,a.button_link span{background-image:url(images/buttons-trans.png);}
.button:active,.button:hover,.button,.wp-pagenavi span.current{border-color:#dddcdc;background-image:url(images/buttons-trans.png);}
wp-pagenavi span.current{border-color:#111;background-image:url(images/pagenavi.gif);}

/* ------- 2 WP Pagenavi ------- */

.wp-pagenavi{clear:both;padding-top:10px;height:40px;text-align:right;background:url(images/line.gif) repeat-x scroll center top;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	border:1px solid transparent;
	color:#AAAAAA;
	font-size:10px;
	margin:1px;
	padding:4px 5px;
	text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {	
	background:#eee;
	background:#F9F9F9 url(images/pagenavi-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;}
.wp-pagenavi span.current {
	background:#063263 url(images/pagenavi.gif) no-repeat scroll center -35px;
	border:1px solid #222;
	border-bottom:0;
	color:#EEEEEE;
	font-weight:bold;
	height:29px;
	text-shadow:none;}

/* ________________________________________________________________________________________________________________
	                                              07. JD GALLERY STYLES 
   ________________________________________________________________________________________________________________ */
   
   #myGallery, #myGallerySet, #flickrGallery
{
	width: 480px !important;
	height: 322px !important;
	margin:0;
	padding:0;
	z-index:5;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
#myInfoContainer {width: 300px; height: 355px;}
.myInfoContainer h2 {  text-align : center;}
.info { float :right; display:block; margin-right:55px; margin-top:-55px;}
.image { margin-left:68px; margin-top:20px;}

.jdGallery a
{
	outline:0;
	color:#063263;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 270px;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:22px; 
	color:#FFFFFF; 
	padding: 0; 
	font-weight:100;
	margin: 2px 5px 15px 5px;

}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size: 12px;
	line-height:18px;
	margin: 2px 5px;
	color: #FFFFFF;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: #063263;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
/* IE7 Hack */
*:first-child+html .slideInfoZone
{
    bottom: -1px;
}
*:first-child+html .jdGallery a.right, *:first-child+html .jdGallery a.left
{
    filter:alpha(opacity=10);
}
*:first-child+html .jdGallery a.right:hover, *:first-child+html .jdGallery a.left:hover
{
    filter:alpha(opacity=30);
}
*:first-child+html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
*:first-child+html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
*:first-child+html a.open:hover { background: url('img/open.gif') no-repeat center center;
    filter:alpha(opacity=30); }
	
/* IE6 Hack */
* html .jdGallery a.right, * html .jdGallery a.left
{
    filter:alpha(opacity=10);
}
* html .jdGallery a.right:hover, * html .jdGallery a.left:hover
{
    filter:alpha(opacity=30);
}
* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
* html a.open:hover { background: url('img/open.gif') no-repeat center center;
    filter:alpha(opacity=30); }
	
	/* ________________________________________________________________________________________________________________
	                                              08. LIGHTBOX STYLES 
   ________________________________________________________________________________________________________________ */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #333333; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(http://www.wildcatdigital.com/MPG/wp-content/themes/motionpacific/css/images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(http://www.wildcatdigital.com/MPG/wp-content/themes/motionpacific/css/images/nextlabel.gif) right 15% no-repeat;}


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #333333; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #999; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #333333; }