@charset "utf-8";
/* CSS Document */
/*to make footer stick work*/
		{
  			margin: 0;
		}

		html, body 
		{
  			height: 100%;
		}

body {	
	margin-top: 0px;
	margin-bottom: 0px;
}
#container {
    width: 977px;
    background: #333333;
   /* margin: 0 auto;*/

	padding-top: 0px;
    overflow: hidden;
   /*stickyfooter*/
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -49px; /*value has to equalfooter height!*/
   /*LayeredOnTop*/

}
#BottomRow{
	padding-bottom: 0px;
}
#arrow_area{
	background-image: url(../images/Layout/arrow_area.png);
	position: relative;
	height: 33px;
	width: 977px;
}

#content_container_Offset{
	padding-left: 50px;	
	padding-right: 143px;
}
#Footer_Offset{
	background-image:url(../images/Layout/arrow_area.png);	
	height: 33px;
	width: 977px;

}
#footer_container, .push  {
	
	
	height: 49px;
	width: 977px;
	clear: both;
	margin: 0 auto;

}
#footer_img{

	position: relative;
	background-image: url(../images/Layout/AlternateFooter.png);
	height: 49px;
	width: 977px;
}

#copyright_text{

	font-family:"Courier New", Courier, monospace;
	color:#CCC;
	float:right;
	padding-top:20px;
	padding-right:5px;
	font-size:12px;
}

h1 {
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
}

/*VFX Specific*/

#Idea_info{
	padding-top:430px;
	margin-left:20px;
	margin-right:20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#Desintegration_info{
	padding-top:430px;
	margin-left:20px;
	margin-right:20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#LuluVid{
	margin-left:20px;
position: relative;
	float: left;
}
#Lulu_right_text{
	margin-left: 400px;
	margin-right: 20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

/*2Dart specific*/


#STB_UL{
width: 785px;
	height:182px;
	padding-left: 0px;
	margin:auto auto;	
	/*use this to change space between two rows*/
	padding-bottom: 0px;
	float:left;
	text-align:center;
}
#Hxl_Text{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:0px;
	padding-top:0px;
	margin-left:220px;
	padding-bottom:8px;
}
/*Coding_Scripting Specific*/

#Rigging_Info{
	padding-top:430px;
	margin-left:20px;
	margin-right:20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}


#Zen_Info{
	padding-top:305px;
	margin-left:20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;

}
#DonkeyVideo{
margin-left:20px;
position: relative;
	float: left;
}
#Donkey_right_text{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 400px;
}

/*ResumeSpecific*/
a:link {
COLOR:#FFF;
}
a:visited {
COLOR: #FFF;
}
a:hover {
COLOR: #c72f09;
}
a:active {
COLOR: #c72f09;
}

#portrait{
	background-image: url(../images/Layout/mockup_Resume_Portrait.png);
	height: 198px;
	width: 142px;
	margin-left:30px;	
	position: relative;
	float: left;
}
#right_text{
	margin-left:190px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
}
#bottom_text{
	margin-left:30px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
}


/*ContactSpecific*/
#Contact_Offset{
	height:240px;
}


/*content image menu's*/
/*global rules for all image menu's for fast editing*/
/*images are added too content areas and should be be styled onthe spot by adding unsorted lists*/
#UL_Offset {
	/*use this to offset the ul's up and down*/
	height:35px;
}
ul{	
	width: 785px;
	height:182px;
	padding-left: 0px;
	margin:auto auto;	
	/*use this to change space between two rows*/
	padding-bottom: 20px;
	float:left;
	text-align:center;
}
li{		
	display: inline;
	padding-left:5px;
	padding-right:5px;	
}
a img{
	/*firefox and IE add Link outlines too UL images, remove them with this*/  	border:none;  
	/*we do want an outline, be it a browser independant, so we'll style it */
	outline:double;
	outline-width:1px;
	outline-color:#c1643f;
}
ul li  a img:hover, ul li .current{   
	outline-color:#c1643f;
	outline-width:2px;	
}
/*remove all dotted outline on clicked links*/
a {
   outline: 0;
}
/* Pages*/
/*defaultTest*/
#ThumbHolder_Top{
background-image: url(../images/Layout/Resume_contentBackdrop.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 785px;	
}
#ThumbHolder_Bottom{
	background-image: url(../images/Layout/Thumbholder_PixelStrip.png);
	position:relative;
	width: 785px;
	padding-bottom:20px;
}
/*Verge*/
#content_container_Background{
	background-image:url(../images/Layout/ContentArea_BackGround.png);
	position: relative;
	padding-bottom:20px;
	width: 977px;
}
#Left_Offset{
	padding-left:20px;
}
#Page_Image{
	margin-bottom:10px;
}
#Back_Link{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
#MoreCommingSoon_Text{
	/*font-family:Arial, Helvetica, sans-serif;
	color:#FFF;*/
	text-align:center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:8px;
}
#Page_Text{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-right: 20px;
}
#ThumbHolder_Index_Bottom{
	background-image: url(../images/Layout/Thumbholder_PixelStrip.png);
	position:relative;
	width: 785px;	
}
#Contact_Text{
font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
#Donkey_Stretcher{
	padding-bottom:260px;
}
#Lulu_Stretcher{
	padding-bottom:325px;
}
#BachelorIndent{
	padding-left:90px;
}
#EyeScreamIndent{
	padding-left:90px;
}
#Modellingindent{
	padding-left:185px;	
}
#Spareindent{
	padding-left:145px;	
}
#RigIndent{
	padding-left:210px;	
}
#BreakDownText{
	margin-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;	
}
#Showreel{
	text-align:center;	
}
#tab{
	padding-left:40px;	
}