img, div, td, a { behavior:url(/iepngfix.htc) } /* Fix PNG support in IE6 */
a {
	text-decoration:none;
}
a span smalltitle {
	color:#FF0000;
}
a.uplink:hover {
	border-bottom:1px solid #B7B3A6;
	color:#FCF7F2;
}

a:link, a:visited {
	color:#ccc6c0;
}
a:hover, a:active, a:focus {
	color:#FCF7F2;
}

body {
	background-image:url(/images/bg.jpg);
	background-position:left bottom;
	background-attachment:fixed;
	background-color:#000000;
	background-repeat:no-repeat;
	text-align:left;
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#E3E1DB;
}
@media screen {
	body>div#footer, body>div#topShadow, 
	body>div#pageEnd, body>div#catMenu,
	body>div#catMenuFr, body>div#thanks, 
	body>div#divFooter, body>div#mediaContainer {
		position:fixed;
	}
}
* html body {
	overflow:hidden;
} 
* html div#content{
	height:100%;
	overflow:auto;
}
ul {
	padding-left:15px;
	margin:4px 0 0 0;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
	border:none;
}
#topShadow {
	position:absolute;
	background-image:url(/images/top_shadow.png);
	left:0; top:0;
	height:25px; width:100%;
	z-index:1000;
}
#thanks {
	position:absolute;
	left:20px; bottom:130px;
	width:350px; height:75px;
}
#bioTitle {
	padding:60px 0 0 10px;
	background-image:url(/images/bg_lite.png)
}

#tableAbout, #tablePortfolio, #tableMusic {
	margin:0;
	padding:0;
	height:100%;
	border:none;
}
#tableAbout {
	margin-left:22px;
}
#tableAbout #col1 {
	background-image:url(/images/bg_blk.png);
	text-align:left;
	line-height:16px;
	width:180px;
	vertical-align:top;
}
#tableAbout #col2 {
	background-image:url(/images/bg_grey.png);
	text-align:left;
	line-height:20px;
	width:415px;
	vertical-align:top;
}
#tableAbout #col3 {
	text-align:left;
	line-height:14px;
	width:180px;
	padding:20px 0 0 10px;
	vertical-align:top;
}

div.innerMain {
	padding:15px 15px 280px 15px;
}
div.innerSide {
	padding:15px 9px 130px 9px;
}
div.innerRight {
	padding:0 0 185px 0;
}

table#rel {
	margin:0 0 2px 5px;
	float:right;
}
table#rel td {
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:15px;
}
#tnWeb {
	width:243px;
	margin-right:20px;
	margin-top:70px;
	float:right;
}
div#quote {
	position:absolute;
	left:544px;
	bottom:389px;
}
p {
	margin:0px 0px 10px;
}
.titleBig {
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:25px;
	color:#ffffff;
}
p.titleBig {
	margin:0px 0px 15px;
}
.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase; 
	color:#ffffff;
}
.subTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase; 
	color:#ffffff;
}
.subText {
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}
.color {
	color: #BCB7AD;
}
.cite {
	width:190px;
	margin:0 0 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:right;
}
.citeCred {
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	padding-top:3px;
}

a.opacity {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

a.opacity:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

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

#divFooter {
	position:absolute;
	left:0px; bottom:0px;
	width:880px; height:115px;
	background:url(/images/footer_bg.jpg) 0 0 no-repeat;
}

#footerText {
	display:block;
	width:223px; height:55px;
	position:absolute; left:129px; bottom:39px;
	background:url(/images/footer_text.png) 0 0 no-repeat;

}

#footerTextFr {
	display:block;
	width:223px; height:55px;
	position:absolute; left:129px; bottom:39px;
	background:url(/images/footer_text_fr.png) 0 0 no-repeat;

}

#lang {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	bottom:18px;
	width:807px;
	text-align:right;
}
#lang a {
	color:#9F998A
}
#lang a:hover {
	color:#fff
}

#footerDiv {
	position:absolute; left:132px; bottom:34px;
	width:675px; height:1px;
	border-bottom:1px solid #575552;
}

a#footerEA {
	position:relative;
	display:block;
	width:125px; height:100px;
	margin-top:14px; margin-left:2px;
	background:url(/images/footer_ea.png) 0 0 no-repeat;
}
a#footerEA:hover {
	background-position:-125px 0;
}

#menuWrap {
	position:absolute;
	left:132px; bottom:20px;
	height:8px; 
}

#menuWrap a {
	display:inline-block;
	height:8px;
	margin: 0 5px 0 8px;
}

img.menuDiv {
	position:absolute;
	height:17px;
	width:1px;
	margin-top:-7px;
}

a#footerPortfolio {
	width:61px;
	margin-left:0;
	background:url(/images/footer_portfolio.png) 0 0 no-repeat;
}
a#footerPortfolio:hover {
	background-position:-61px 0;
}

a#footerMusic {
	width:33px;
	background:url(/images/footer_music.png) 0 0 no-repeat;
}
a#footerMusic:hover {
	background-position:-33px 0;
}

a#footerMusicFr {
	width:48px;
	background:url(/images/footer_music_fr.png) 0 0 no-repeat;
}
a#footerMusicFr:hover {
	background-position:-48px 0;
}

a#footerMedia {
	width:71px;
	background:url(/images/footer_media.png) 0 0 no-repeat;
}
a#footerMedia:hover {
	background-position:-71px 0;
}

a#footerMediaFr {
	width:95px;
	background:url(/images/footer_media_fr.png) 0 0 no-repeat;
}
a#footerMediaFr:hover {
	background-position:-95px 0;
}

a#footerResume {
	width:44px; height:8px;
	background:url(/images/footer_resume.png) 0 0 no-repeat;
}
a#footerResume:hover {
	background-position:-44px 0;
}

a#footerContact {
	width:51px;
	background:url(/images/footer_contact.png) 0 0 no-repeat;
}
a#footerContact:hover {
	background-position:-51px 0;
}

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

a#main01 { 
	background:url(/images/portfolio/main_01.png) 0 0 no-repeat;
	position:absolute;
	left:20px;
	bottom:260px;
	width:231px;
	height:300px;
	z-index:10;
}
a#main01:hover {
	background-position:-231px 0;
}
a#main02 { 
	background:url(/images/portfolio/main_02.png) 0 0 no-repeat; 
	position:absolute;
	left:260px;
	bottom:275px;
	width:168px;
	height:250px;
	z-index:10;
}
a#main02:hover {
	background-position:-168px 0;
}

/* backup main01 & main02
a#main01 { 
	background:url(/images/portfolio/main_01.png) 0 0 no-repeat;
	position:absolute;
	left:20px;
	bottom:260px;
	width:205px;
	height:303px;
	z-index:10;
}
a#main01:hover {
	background-position:-205px 0;
}

a#main02 { 
	background:url(/images/portfolio/main_02.png) 0 0 no-repeat; 
	position:absolute;
	left:232px;
	bottom:260px;
	width:205px;
	height:303px;
	z-index:10;
}
a#main02:hover {
	background-position:-205px 0;
} */
a#main03 { 
	background:url(/images/portfolio/main_03.png) 0 0 no-repeat; 
	position:absolute;
	left:450px;
	bottom:265px;
	width:204px;
	height:150px;
	z-index:10;
}
a#main03:hover {
	background-position:-204px 0;
}
a#main04 { 
	background:url(/images/portfolio/main_04.png) 0 0 no-repeat; 
	position:absolute;
	left:675px;
	bottom:280px;
	width:124px;
	height:89px;
	z-index:10;
}
a#main04:hover {
	background-position:-124px 0;
}

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

#mediaContainer {
	position:absolute;
	height:115px;
	width:850px;
	left:20px;
	bottom:92px;
	z-index:2;
}

.tnMediaComing {
	display:inline-block;
	width:85px;
	height:85px;
	margin-left:10px;
	margin-top:-1px;
	padding:1px;
	background-image:url(/images/tn_coming.png);
	background-position:top;
	background-repeat:no-repeat;
}

a#tnGazMet { 
	background: url(/images/media/tn_gaz_met.png) 0 0 no-repeat; 
	display:inline-block;
	width:96px;
	height:90px;
}
a#tnGazMet:hover {
	background-position:-96px 0;
}

a#tnGazWalnuts { 
	background: url(/images/media/tn_gaz_walnuts.png) 0 0 no-repeat; 
	display:inline-block;
	width:96px;
	height:90px;
	margin-left:12px;
}
a#tnGazWalnuts:hover {
	background-position:-96px 0;
}

a#tnHierMet { 
	background: url(/images/media/tn_hier_met.png) 0 0 no-repeat; 
	display:inline-block;
	width:74px;
	height:100px;
	margin-left:12px;
}
a#tnHierMet:hover {
	background-position:-74px 0;
}

a#tnBangMet { 
	background: url(/images/media/tn_bang_met.png) 0 0 no-repeat; 
	display:inline-block;
	width:77px;
	height:100px;
	margin-left:12px;
}
a#tnBangMet:hover {
	background-position:-77px 0;
}

a#tnJdmMet { 
	background: url(/images/media/tn_jdm_met.png) 0 0 no-repeat; 
	display:inline-block;
	width:83px;
	height:100px;
	margin-left:14px;
}
a#tnJdmMet:hover {
	background-position:-83px 0;
}

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

#tnContainer {
	position:absolute;
	height:87px;
	width:850px;
	left:11px;
	bottom:122px;
	z-index:2;
}
.tn {
	display:inline-block;
	width:85px;
	height:85px;
	margin-left:10px;
	border:1px solid #4F483E;
}
.tnComing {
	display:inline-block;
	width:85px;
	height:85px;
	margin-left:10px;
	padding:1px;
	background-image:url(/images/tn_coming.png);
	background-position:center;
	background-repeat:no-repeat;
}

a#tnBranding01 { background:url(/images/portfolio/branding/tn_branding_mevotech.jpg) 0 0 no-repeat; }
a#tnBranding02 { background:url(/images/portfolio/branding/tn_branding_imperco.jpg) 0 0 no-repeat; }
a#tnBranding03 { background:url(/images/portfolio/branding/tn_branding_mate1.jpg) 0 0 no-repeat; }
a#tnBranding04 { background:url(/images/portfolio/branding/tn_branding_ea.jpg) 0 0 no-repeat; }
a#tnBranding05 { background:url(/images/portfolio/branding/tn_branding_jgl.jpg) 0 0 no-repeat; }
a#tnBranding06 { background:url(/images/portfolio/branding/tn_branding_zaho.jpg) 0 0 no-repeat; }
a#tnBranding07 { background:url(/images/portfolio/branding/tn_branding_foc.jpg) 0 0 no-repeat; }

a#tnAdvertising01 { background:url(/images/portfolio/advertising/tn_ncw_sig_ftm.jpg) 0 0 no-repeat; }
a#tnAdvertising02 { background:url(/images/portfolio/advertising/tn_om_vault.jpg) 0 0 no-repeat; }
a#tnAdvertising03 { background:url(/images/portfolio/advertising/tn_ncw_sig_p13.jpg) 0 0 no-repeat; }
a#tnAdvertising04 { background:url(/images/portfolio/advertising/tn_imperco_ad1.jpg) 0 0 no-repeat; }
a#tnAdvertising05 { background:url(/images/portfolio/advertising/tn_ec_baby.jpg) 0 0 no-repeat; }
a#tnAdvertising06 { background:url(/images/portfolio/advertising/tn_foc_1.jpg) 0 0 no-repeat; }
a#tnAdvertising07 { background:url(/images/portfolio/advertising/tn_foc_2.jpg) 0 0 no-repeat; }
a#tnAdvertising08 {	background:url(/images/portfolio/advertising/tn_bounty.jpg) 0 0 no-repeat; }

a#tnPackaging01 { background:url(/images/portfolio/packaging/tn_pack_plenergy.jpg) 0 0 no-repeat; }
a#tnPackaging02 { background:url(/images/portfolio/branding/tn_branding_foc.jpg) 0 0 no-repeat; }

a#tnPhotography01 { background:url(/images/portfolio/photography/tn_photo_tempio.jpg) 0 0 no-repeat; }
a#tnPhotography02 { background:url(/images/portfolio/photography/tn_photo_blonde.jpg) 0 0 no-repeat; }
a#tnPhotography03 { background:url(/images/portfolio/photography/tn_photo_sad.jpg) 0 0 no-repeat; }
a#tnPhotography04 { background:url(/images/portfolio/photography/tn_photo_fishing.jpg) 0 0 no-repeat; }
a#tnPhotography05 { background:url(/images/portfolio/photography/tn_photo_ea.jpg) 0 0 no-repeat; }
a#tnPhotography06 { background:url(/images/portfolio/photography/tn_photo_pole.jpg) 0 0 no-repeat; }
a#tnPhotography07 { background:url(/images/portfolio/photography/tn_photo_house.jpg) 0 0 no-repeat; }
a#tnPhotography08 {	background:url(/images/portfolio/photography/tn_photo_sleep.jpg) 0 0 no-repeat; }

a#tnWebdesign01 { background:url(/images/portfolio/webdesign/tn_web_osjm.jpg) 0 0 no-repeat; }
a#tnWebdesign02 { background:url(/images/portfolio/webdesign/tn_web_dots.jpg) 0 0 no-repeat; }
a#tnWebdesign03 { background:url(/images/portfolio/webdesign/tn_web_imperco.jpg) 0 0 no-repeat; }
a#tnWebdesign04 { background:url(/images/portfolio/webdesign/tn_web_unfaith.jpg) 0 0 no-repeat; }

a#tnBranding01:hover, a#tnBranding02:hover, 
a#tnBranding03:hover, a#tnBranding04:hover, 
a#tnBranding05:hover, a#tnBranding06:hover,
a#tnBranding07:hover,

a#tnAdvertising01:hover, a#tnAdvertising02:hover, 
a#tnAdvertising03:hover, a#tnAdvertising04:hover, 
a#tnAdvertising05:hover, a#tnAdvertising06:hover, 
a#tnAdvertising07:hover, a#tnAdvertising08:hover,

a#tnPackaging01:hover, a#tnPackaging02:hover,

a#tnPhotography01:hover, a#tnPhotography02:hover, 
a#tnPhotography03:hover, a#tnPhotography04:hover, 
a#tnPhotography05:hover, a#tnPhotography06:hover, 
a#tnPhotography07:hover, a#tnPhotography08:hover, 

a#tnWebdesign01:hover, a#tnWebdesign02:hover,
a#tnWebdesign03:hover, a#tnWebdesign04:hover {
	border:1px solid #D0CCC4;
	background-position:-85px 0;
}

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

#divBranding, #divAdvertising, #divPackaging, #divPhotography, #divWebdesign, #divContact, #divMusic {
	position:absolute;
	width:880px;
	height:471px;
	left:0px;
	bottom:115px;
}
#divBranding {
	background:url(/images/cat_branding.jpg) 0 0 no-repeat;
}
#divAdvertising {
	background:url(/images/cat_advertising.jpg) 0 0 no-repeat;
}
#divPackaging {
	background:url(/images/cat_packaging.jpg) 0 0 no-repeat;
}
#divPhotography {
	background:url(/images/cat_photography.jpg) 0 0 no-repeat;
}
#divWebdesign {
	background:url(/images/cat_webdesign.jpg) 0 0 no-repeat;
}
#divContact {
	background:url(/images/cat_contact.jpg) 0 0 no-repeat;
}
#divMusic {
	background:url(/images/cat_music.jpg) 0 0 no-repeat;
}

#divAdvertisingFr, #divPackagingFr, #divPhotographyFr, #divWebdesignFr, #divMusicFr {
	position:absolute;
	width:880px;
	height:471px;
	left:0px;
	bottom:115px;
}

#divAdvertisingFr {
	background:url(/images/cat_advertising_fr.jpg) 0 0 no-repeat;
}
#divPackagingFr {
	background:url(/images/cat_packaging_fr.jpg) 0 0 no-repeat;
}
#divPhotographyFr {
	background:url(/images/cat_photography_fr.jpg) 0 0 no-repeat;
}
#divWebdesignFr {
	background:url(/images/cat_webdesign_fr.jpg) 0 0 no-repeat;
}
#divMusicFr {
	background:url(/images/cat_music_fr.jpg) 0 0 no-repeat;
}


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

#spotIMG {
	position:absolute; 
	width:180px; 
	height:269px; 
	left:20px; 
	bottom:270px; 
	border: 1px solid #333;
}

.catText {
	position:absolute; 
	bottom:450px; 
	width:810px; 
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	color:#CECBC6;
	font-size:8px;
	text-transform:uppercase;
	line-height:12px;
}

#catMenu {
	position:absolute;
	height:24px;
	bottom:225px;
}
#catMenu a, #catMenu div {
	display:inline-block;
	height:24px;
}
a#catBranding, div#catBranding {
	width:131px;
	margin-left:22px;
	background:url(/images/cat_branding.png) 0 0 no-repeat;
}
a#catBranding:hover {
	background-position:-131px 0;
}

a#catAdvertising, div#catAdvertising {
	width:122px;
	margin-left:25px;
	background:url(/images/cat_advertising.png) 0 0 no-repeat;
}
a#catAdvertising:hover {
	background-position:-122px 0;
}

a#catWebdesign, div#catWebdesign {
	width:147px;
	margin-left:37px;
	background:url(/images/cat_webdesign.png) 0 0 no-repeat;
}
a#catWebdesign:hover {
	background-position:-147px 0;
}

a#catPhotography, div#catPhotography {
	width:141px;
	margin-left:27px;
	background:url(/images/cat_photography.png) 0 0 no-repeat;
}
a#catPhotography:hover {
	background-position:-141px 0;
}

a#catPackaging, div#catPackaging {
	width:109px;
	margin-left:34px;
	background:url(/images/cat_packaging.png) 0 0 no-repeat;
}
a#catPackaging:hover {
	background-position:-109px 0;
}


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

#catMenuFr {
	position:absolute;
	height:29px;
	bottom:223px;
}
#catMenuFr a, #catMenuFr div {
	display:inline-block;
	height:29px;
}

a#catBrandingFr, div#catBrandingFr {
	width:140px;
	margin-left:22px;
	background:url(/images/cat_branding_fr.png) 0 0 no-repeat;
}
a#catBrandingFr:hover {
	background-position:-140px 0;
}
a#catAdvertisingFr, div#catAdvertisingFr {
	width:122px;
	margin-left:19px;
	background:url(/images/cat_advertising_fr.png) 0 0 no-repeat;
}
a#catAdvertisingFr:hover {
	background-position:-122px 0;
}

a#catWebdesignFr, div#catWebdesignFr {
	width:143px;
	margin-left:32px;
	background:url(/images/cat_webdesign_fr.png) 0 0 no-repeat;
}
a#catWebdesignFr:hover {
	background-position:-143px 0;
}

a#catPhotographyFr, div#catPhotographyFr {
	width:145px;
	margin-left:25px;
	background:url(/images/cat_photography_fr.png) 0 0 no-repeat;
}
a#catPhotographyFr:hover {
	background-position:-145px 0;
}

a#catPackagingFr, div#catPackagingFr {
	width:117px;
	margin-left:32px;
	background:url(/images/cat_packaging_fr.png) 0 0 no-repeat;
}
a#catPackagingFr:hover {
	background-position:-117px 0;
}


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

.fine {
	font-family:Verdana, Geneva, sans-serif;
	color:#CECBC6;
	font-size:8px;
	text-transform:uppercase;
/*	font-variant:small-caps; */
	line-height:12px;
}

#realname, #company, #email, #phone {
	width:200px;
	padding-left:3px;
	background-color:#E9E6E0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}
#message {
	width:423px;
	height:220px;
	padding:0px 3px 0px 3px;
	background:#E9E6E0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

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

.small {
	margin:0 0 3px 5px;
}
.small:link, .small:visited {
	display:block;
	border:1px solid #2B1B00;
	filter:alpha(opacity=70);
	zoom:1;
	opacity:0.70;
	-moz-opacity:0.70;
}
.small:hover, .small:active {
	display:block;
	padding:0px;
	border:1px solid #2B1B00;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}
#pageEnd {
	width:880px;
	height:180px;
	background:url(/images/page_end.png) 0 0 no-repeat;
	position:absolute;
	bottom:115px;
}

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

#loadarea {	border:1px solid #000; } /* thumbnailviewer2 */

#modal_container { /* Control Modal */
	padding:0px;
	overflow:auto;
}
#modal_overlay {
	background-color:#070603;
	cursor:pointer;
}
#modal_image { 
	border:1px solid #000;
}