/*
******************************************************

	JM Enternational Ltd.
	June 2007

	Telephone +44 (0)20 7624 5757
	94 Maida Vale, London W9 1PR, England
	jmenternational.com

******************************************************
	*/
	

	/* Content wrapper */
	/* padding on ".wrap .wrap .wrap" should just be 20px, but need to allow for the drop shadow (6px top, 8px right, 10px bottom, 8px left) */
	/* full width of ".wrap .wrap .wrap" (including padding) needs to be 756px, i.e. 700px + 28px left padding + 28px right padding */
	.wrap .wrap .wrap { width:740px; padding:30px 8px 30px 8px; }

	/* Navigation drop-downs */
	#subNav p { display:none; }
	#subNav ul { background:transparent url(../images/nav/work/topBar.gif) no-repeat bottom; width:576px; height:48px; position:absolute; left:90px; top:-20px; z-index:5000; }
	#subNav li { float:left; margin:0; padding:18px 20px 0 0; }
	#subNav li.category { padding-left:100px; }
	#subNav li.category select { width:100px; }
	#subNav li.client select { width:220px; }
	#subNav li.year select { width:90px; }
	
	.userMessage { padding:100px 0; text-align:center; }

	/* Work list items */
	h1#workH1 { display:none; }
	ul#portfolio li { border-top:1px solid #dadada; position:relative; padding:30px 0; clear:both; width:740px; }
	ul#portfolio li#firstPortfolioItem { border:none; }

		/* Category links */
		#portfolio a.type { display:block; width:66px; height:35px; position:absolute; left:708px; top:25px; text-indent:-99999px; border:none; }
		#portfolio a.type:hover { background-position:bottom; }
		.print a.type { background:#fff url(../images/nav/work/print.gif) top; }
		.digital a.type { background:#fff url(../images/nav/work/digital.gif) top; }
		.awards a.type { background:#fff url(../images/nav/work/awards.gif) top; }
		.photo a.type { background:#fff url(../images/nav/work/photo.gif) top; }

		/* Image */
		.preview { width:350px; float:left; }
		.preview img { float:right; padding-bottom:30px; }

		/* Text */
		ul#portfolio h2 { margin-top:0; }
		ul#portfolio h2 a { border:none; }
		ul#portfolio h2 a:hover { color:#000; }
		ul#portfolio h2 a:visited { color:#000; }
		.description { width:300px; float:right; padding:0 60px 30px 0; }
		ul#portfolio a.more { padding:2px 23px 2px 0; margin:0; background:url(../images/nav/work/inline/popup.gif) no-repeat right top; border:0; }
		ul#portfolio a.more span { border-bottom:1px solid #bbb; line-height:16px; }
		ul#portfolio a.more:hover { border:0; background:url(../images/nav/work/inline/popedup.gif) no-repeat right top; }
		ul#portfolio a.more:hover span { border-bottom:2px solid #c00; }

		ul#portfolio a.gallery { padding:2px 23px 2px 0; margin:0; background: url(../images/nav/work/inline/gallery.gif) no-repeat right center; border:0; }
		ul#portfolio a.gallery span { border-bottom:1px solid #bbb; line-height:16px; }
		ul#portfolio a.gallery:hover { border:0; background: url(../images/nav/work/inline/galleryHover.gif) no-repeat right center; }
		ul#portfolio a.gallery:hover span { border-bottom:2px solid #c00; }


	/* Work list items */
	#pageSelector { position:absolute; bottom:0px; width:756px; height:19px; }
	#pageSelector p { display:none; } /* hides the "showing" text as it's in the bg image */
	#pageSelector { text-align:center; }
	#pageSelector ul { display:inline; }
	#pageSelector ul li { display:inline; } #ie6bugFix { display:none; }
	#pageSelector ul li a { padding:8px 5px 18px; background:transparent url(../images/nav/work/pageSelector/background.gif) repeat-x 0px 0px; color:#666; border:none; font-weight:bold; }
	#pageSelector ul li a:hover { background-position:0px -100px; /*blue*/ color:#206cb3; /*red*/ color:#af1f21; }
	#pageSelector ul li.selected a,
	#pageSelector ul li.selected a:hover { background:transparent url(../images/nav/work/pageSelector/selected.gif) repeat-x 0px 0px; color:#fff; }

	#pageSelector li#previousPage a { background:transparent url(../images/nav/work/pageSelector/left.gif) no-repeat left top; padding:8px 10px 18px 16px; }
	#pageSelector li#previousPage a:hover { background-position:left -100px; }
	#pageSelector li#nextPage a { background:transparent url(../images/nav/work/pageSelector/right.gif) no-repeat right top; padding:8px 16px 18px 10px; }
	#pageSelector li#nextPage a:hover { background-position:right -100px; }

	#pageSelector li#previousPage a.disabled { background-image:url(../images/nav/work/pageSelector/leftDisabled.gif); }
	#pageSelector li#previousPage a.disabled:hover { background-position:0px 0px;  }
	#pageSelector li#nextPage a.disabled { background:transparent url(../images/nav/work/pageSelector/rightDisabled.gif) no-repeat right top; }
	#pageSelector li#nextPage a.disabled:hover { background-position:top right;  }
	
	#footer { padding-top:25px; }