/************************** VIDEOBOX CSS - Start **************************/

#lbOverlay {
	position: absolute;
	left: 0px;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000; text-align: center; padding: 5px;
}

.lbLoading {
	background: #000 url(../img/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #000;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-align: left;
	text-decoration:none;
	border: 5px solid #000;
	border-top-style: none;
	background-color:#000;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/************************** VIDEOBOX CSS - End **************************/



/************************** ROLLOVERS ****************************/

a.rollover {
	display: block;
	width: 397px;
	height: 113px;
	text-decoration: none;
	background: url(../img/martipujol_myshowreel_Rollover.gif);
	}

a.rollover:hover {
	background-position: -397px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverWatchit {
	display: block;
	float:right;
	width: 221px;
	height: 40px;
	text-decoration: none;
	background: url(../img/martipujol_button_watchit_04.gif);
	}

a.rolloverWatchit:hover {
	background-position: -221px 0;
	}
	
a.rolloverMaking {
	display: block;
	float:left;
	width: 500px;
	height: 40px;
	text-decoration: none;
	background: url(../img/martipujol_button_makingof_04.gif);
	}

a.rolloverMaking:hover {
	background-position: -500px 0;
	}
	
a.rolloverBreakdown {
	display: block;
	float:left;
	width: 600px;
	height: 40px;
	text-decoration: none;
	background: url(../img/martipujol_button_breakdown_04.gif);
	}

a.rolloverBreakdown:hover {
	background-position: -600px 0;
	}

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



body
{
margin: 0;
padding: 0;
background-color: #151515;
}

img
{
border: none;
}

div#All
{
position:absolute;
top:0px;
left:0px;
width:100%;
}

div.BottomLinksRight
{
position:relative;
width:250px;

float:right;

text-align:right;

padding:0px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:16px;
text-decoration:none;

/*border:1px solid red;*/
/*background-color:green;*/
}

div#UpperTop
{
position:relative;
top:0px;
left:0px;
width:100%;
height:40px;

text-align:center;

margin:0px 0px 0px 0px;

background-color:#000;
}

div#UpperTopContainer
{
position:absolute;/**/
top:11px;
left:50%;
width:940px;

text-align:right;

margin:0px 0px 0px -470px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div#UpperTopContainer A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div#UpperTopContainer A:hover
{
color:#fff;
text-decoration:none;
}

div#Top
{
position:relative;
top:0px;
left:0px;
width:100%;
height:650px;

text-align:center;

/*background-color:red;*/
}

div#Middle
{
position:relative;
top:0px;
left:50%;
width:940px;

text-align:center;

margin:0px 0px 0px -470px;

/*background-color:red;*/
}

div#Bottom
{
position:relative;
top:0px;
left:0px;
width:100%;
height:770px;

text-align:center;

margin:30px 0px 0px 0px;

background-color:#000;
}

div#BottomContainer
{
position:absolute;/**/
top:0px;
left:50%;
width:940px;

text-align:center;

margin:0px 0px 0px -470px;
}

div#TopImage
{
position:absolute;/**/
top:0px;
left:50%;
width:940px;
height:210px;

margin:20px 0px 0px -470px;

/*background-color:#666;*/
}

div#TopText
{
position:absolute;/**/
top:225px;
left:50%;
width:940px;
height:100px;

margin:0px 0px 0px -470px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#666;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;

text-align:left;

/*background-color:#000;*/
}

div#TopSeparator
{
position:absolute;/**/
top:30px;
left:50%;
width:940px;
height:38px;

margin:0px 0px 0px -470px;

text-align:left;

/*background-color:aqua;*/
}

div#TopSeparator2
{
position:absolute;/**/
top:608px;
left:50%;
width:940px;
height:38px;

margin:0px 0px 0px -470px;

text-align:left;

/*background-color:aqua;*/
}

div#MenuContainer
{
position:absolute;
top:330px;
left:50%;
width:940px;
height:200px;

margin:20px 0px 0px -470px;

/*background-color:yellow;*/
}

div#MenuText
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;

text-align:left;
float:left;
}

div#Menu
{
position:absolute;
top:0px;
left:486px;
width:450px;
height:100px;

text-align:right;

font-family: Verdana, Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;


/*background-color:green;*/
}

div#Menu A
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, "Trebuchet MS" ;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div#Menu A:hover
{
text-decoration:underline;
}

span.MenuItems
{
font-size:16px;
color:#ff54d4;
}

div.WorkMenuContainer
{
position:relative;
width:940px;
height:130px;

text-align:center;
}

div.WorkMenuItem
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
font-size:14px;
text-decoration:none;

float:left;
padding:0px 0px 0px 22px;

text-align:left;
}



div.WorkMenuItem A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WorkMenuItem A:hover
{
text-decoration:overline;
}

span.WorkMenuItemSpan
{
font-size:16px;
color:#ff54d4;
}

div.TitleSection
{
position:relative;
width:940px;
height:200px;

margin:50px 0px 0px 0px;
}

div.TitleSectionBottom
{
position:relative;
width:940px;
height:89px;

text-align:right;

margin:0px 0px 0px 0px;
}

div.TextContent
{
position:relative;
width:940px;

margin:20px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

span.TextTitle
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:22px;
text-decoration:none;
}

span.TextTitle2
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
font-style:italic;
font-size:16px;
text-decoration:none;

padding:0px 0px 0px 2px;
}

span.TextTitle3
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
font-style:italic;
font-size:18px;
text-decoration:none;
}

span.TextTitle4
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#666;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;
}

p.TextNormal
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;

padding:0px 0px 20px 0px;
}

p.TextNormal A
{
color:#ff54d4;
text-decoration:none;
}

p.TextNormal A:hover
{
color:#fff;
text-decoration:none;
}

div.BottomLinksContent
{
position:relative;
width:940px;
height:580px;

/*background-color:aqua;*/

margin:5px 0px 0px 0px;
}

div.BottomLinks
{
position:relative;
width:640px;

text-align:left;
float:left;

padding:0px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.BottomLinks A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-style:normal;
font-size:14px;
text-decoration:none;
}

div.BottomLinks A:hover
{
color:#fff;
text-decoration:none;
}

span.BottomLinksSpan
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.BottomLinksRight
{
position:relative;
width:250px;

float:right;

text-align:right;

padding:0px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:16px;
text-decoration:none;

/*border:1px solid red;*/
/*background-color:green;*/
}

div.BottomLinksRight A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:16px;
text-decoration:none;

padding:0px 0px 0px 0px;
}

div.BottomLinksRight A:hover
{
color:#fff;
text-decoration:none;
}

span.BottomLittleTitles
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-style:italic;
font-size:18px;
text-decoration:none;

border-bottom:1px dotted #fff;
}

div.BackToTop
{
position:relative;
width:940px;
height:38px;

/*border-bottom:1px dotted #fff;*/

margin:40px 0px 100px 0px;
text-align:right;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:16px;
text-decoration:none;

background: url(../img/martipujol_separator_backtotop.gif) no-repeat left;
}

div.BackToTop A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:16px;
text-decoration:none;
}

div.BackToTop A:hover
{
color:#fff;
text-decoration:none;
}

div.BackToTopEnd
{
position:relative;
width:940px;
height:38px;

/*border-bottom:1px dotted #fff;*/

margin:40px 0px 0px 0px;
text-align:right;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:16px;
text-decoration:none;

background: url(../img/martipujol_separator_backtotop.gif) no-repeat left;
}

div.BackToTopEnd A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:16px;
text-decoration:none;
}

div.BackToTopEnd A:hover
{
color:#fff;
text-decoration:none;
}

span.BackToTopEndNormalText
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.DownloadCV
{
position:relative;
width:940px;
height:20px;

margin:0px 0px 10px 0px;
text-align:right;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.DownloadCV A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.DownloadCV A:hover
{
text-decoration:underline;
}


div.WorkIndividualContent
{
position:relative;
width:940px;
height:600px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.WorkIndividualContentLarge1
{
position:relative;
width:940px;
height:615px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.WorkIndividualContentLarge2
{
position:relative;
width:940px;
height:630px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}
div.WorkIndividualContentLarge3
{
position:relative;
width:940px;
height:645px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}
div.WorkIndividualContentLarge4
{
position:relative;
width:940px;
height:660px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.WorkIndividualContentLarge5
{
position:relative;
width:940px;
height:675px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.WorkIndividualContentShort
{
position:relative;
width:940px;
height:530px;

margin:50px 0px 0px 0px;
text-align:left;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background-color:red;*/
}

div.WorkImageTitle
{
position:relative;
width:940px;
/*float:left;*/

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WorkImage
{
position:relative;
width:940px;
/*float:left;*/

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WorkImage A
{
text-decoration:none;
}

div.WorkImageText
{
position:relative;
width:940px;
/*float:left;*/

margin:0px 0px 0px 0px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WorkImageText A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WorkImageText A:hover
{
color:#fff;
text-decoration:none;
}

span.WorkImageTestLink
{
color:#ff54d4;
text-decoration:none;
}

span.TitleImageExplanation
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:20px;
text-decoration:none;
}

span.TitleImageExplanation2
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-weight:normal;
font-style:normal;
font-size:14px;
text-decoration:none;
}

span.TitleImageExplanation3
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;
}

div.WatchIt
{
position:relative;
width:940px;
height:67px;

margin:10px 0px 0px 0px;
text-align:right;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;

/*background: url(../img/martipujol_separator_pink.gif) no-repeat left top;*/
}

div.WatchIt A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.WatchIt A:hover
{
text-decoration:underline;
}

div.ImageHalfSize
{
position:relative;
width:940px;
height:205px;

margin:0px 0px 0px 0px;
text-align:left;


font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.ImageHalfSize A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div.ImageHalfSize A:hover
{
text-decoration:underline;
}

span.ColorGrey
{
color:#999;
}

span.ColorGreyDark
{
color:#666;
}

span.ColorPink
{
color:#ff54d4;
}

/************************************** 3D Generalist Showreel CSS ******************************************/

div#TopGeneralist
{
position:relative;
top:0px;
left:0px;
width:100%;
/*height:650px;*/

text-align:center;

background-color:red;
}

div#TopImageGeneralist
{
position:absolute;/**/
top:0px;
left:50%;
width:940px;
height:111px;

margin:10px 0px 0px -470px;

/*background-color:#666;*/
}

div#TopTextGeneralist1
{
position:absolute;/**/
top:121px;
left:50%;
width:940px;
height:40px;

margin:0px 0px 0px -470px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#666;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;

text-align:left;

/*background-color:#000;*/
}

div#TopTextGeneralist1 A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-style:normal;
font-size:14px;
text-decoration:none;
}

div#TopTextGeneralist1 A:hover
{
color:#fff;
text-decoration:none;
}

div#MenuContainerGeneralist
{
position:absolute;
top:171px;
left:50%;
width:940px;
height:405px;

margin:0px 0px 0px -470px;

/*background-color:yellow;*/
}

div#TopTextGeneralist
{
position:absolute;/**/
top:585px;
left:50%;
width:940px;
height:25px;

margin:0px 0px 0px -470px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#666;
font-weight:normal;
font-style:italic;
font-size:14px;
text-decoration:none;

text-align:center;
}

div#TopTextGeneralist A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-style:normal;
font-size:14px;
text-decoration:none;
}

div#TopTextGeneralist A:hover
{
color:#fff;
text-decoration:none;
}

div#UpperTopContainerGeneralist
{
position:absolute;/**/
top:11px;
left:50%;
width:300px;

text-align:left;

margin:0px 0px 0px -470px;

font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size:14px;
text-decoration:none;

}

div#UpperTopContainerGeneralist A
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#ff54d4;
font-weight:normal;
font-size:14px;
text-decoration:none;
}

div#UpperTopContainerGeneralist A:hover
{
color:#fff;
text-decoration:none;
}


span.WhiteTextGeneralist
{
font-family: Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-style:normal;
font-size:14px;
text-decoration:none;
}