@charset "UTF-8";
/* CSS Document */

/* 
Copyright 
All rights reserved
Credits: Site created by pill and pillow
*/

/*==========Navigation==========*/
a .alt { display: none; }

#nav1 {
    display: block;
    width: 109px;
    height: 14px;
    background-image: url(../assets/nav1.gif);
    background-position: 0 0;
	float:left;
	margin-right:5px;
	overflow:hidden;
}
a#nav1:hover,a#nav1.on {
    background-position:112px 0px;
}
#nav2 {
    display: block;
    width: 91px;
    height: 17px;
    background-image: url(../assets/nav2.gif);
    background-position: 0 0;
	float:left;
	margin-right:5px;
	overflow:hidden;
}
a#nav2:hover,a#nav2.on {
    background-position:94px 0px;
}
#nav3 {
    display: block;
    width: 80px;
    height: 17px;
    background-image: url(../assets/nav3.gif);
    background-position: 0 0;
	float:left;
	margin-top:0;
	overflow:hidden;
}
a#nav3:hover,a#nav3.on {
    background-position:82px 0px;
}
/*==========Subnav: Communications==========*/
#b_subnav_1 {
    display: block;
    width: 53px;
    height: 14px;
    background-image: url(../assets/b_subnav_1.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_1:hover,a#b_subnav_1.on {
    background-position:53px 0px;
}
#b_subnav_2 {
    display: block;
    width: 47px;
    height: 12px;
    background-image: url(../assets/b_subnav_2.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_2:hover,a#b_subnav_2.on {
    background-position:47px 0px;
}
#b_subnav_3 {
    display: block;
    width: 89px;
    height: 15px;
    background-image: url(../assets/b_subnav_3.gif);
    background-position: -2px 0;
	margin-bottom:5px;
	overflow:hidden;
}
a#b_subnav_3:hover,a#b_subnav_3.on {
    background-position:89px 0px;
}
#b_subnav_4 {
    display: block;
    width: 49px;
    height: 14px;
    background-image: url(../assets/b_subnav_4.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_4:hover,a#b_subnav_4.on {
    background-position:49px 0px;
}
#b_subnav_5 {
    display: block;
    width: 61px;
    height: 14px;
    background-image: url(../assets/b_subnav_5.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	margin-top: 21px;
	overflow:hidden;
}
a#b_subnav_5:hover,a#b_subnav_5.on {
    background-position:61px 0px;
}
#b_subnav_6 {
    display: block;
    width: 31px;
    height: 14px;
    background-image: url(../assets/b_subnav_6.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_6:hover,a#b_subnav_6.on {
    background-position:31px 0px;
}
#b_subnav_7 {
    display: block;
    width: 27px;
    height: 11px;
    background-image: url(../assets/b_subnav_7.gif);
    background-position: -2px 0;
	margin-bottom:5px;
	overflow:hidden;
}
a#b_subnav_7:hover,a#b_subnav_7.on {
    background-position:27px 0px;
}
#b_subnav_8 {
    display: block;
    width: 70px;
    height: 12px;
    background-image: url(../assets/b_subnav_8.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_8:hover,a#b_subnav_8.on {
    background-position:70px 0px;
}
#b_subnav_9 {
    display: block;
    width: 37px;
    height: 12px;
    background-image: url(../assets/b_subnav_9.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_9:hover,a#b_subnav_9.on {
    background-position:37px 0px;
}
#b_subnav_10 {
    display: block;
    width: 99px;
    height: 14px;
    background-image: url(../assets/b_subnav_10.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_10:hover,a#b_subnav_10.on {
    background-position:99px 0px;
}
#b_subnav_11 {
    display: block;
    width: 51px;
    height: 12px;
    background-image: url(../assets/b_subnav_11.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#b_subnav_11:hover,a#b_subnav_11.on {
    background-position:51px 0px;
}
/*==========Subnav: Personal work==========*/
#a_subnav_1 {
    display: block;
    width: 63px;
    height: 12px;
    background-image: url(../assets/a_subnav_1.gif);
    background-position: -2px 0;
	margin-bottom:9px;
	overflow:hidden;
}
a#a_subnav_1:hover,a#a_subnav_1.on {
    background-position:63px 0px;
}
#a_subnav_2 {
    display: block;
    width: 61px;
    height: 15px;
    background-image: url(../assets/a_subnav_2.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#a_subnav_2:hover,a#a_subnav_2.on {
    background-position:61px 0px;
}
#a_subnav_3 {
    display: block;
    width: 54px;
    height: 12px;
    background-image: url(../assets/a_subnav_3.gif);
    background-position: -2px 0;
	margin-bottom:8px;
	overflow:hidden;
}
a#a_subnav_3:hover,a#a_subnav_3.on {
    background-position:54px 0px;
}
#a_subnav_4 {
    display: block;
    width: 30px;
    height: 14px;
    background-image: url(../assets/a_subnav_4.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#a_subnav_4:hover,a#a_subnav_4.on {
    background-position:30px 0px;
}
#a_subnav_5 {
    display: block;
    width: 71px;
    height: 14px;
    background-image: url(../assets/a_subnav_5.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#a_subnav_5:hover,a#a_subnav_5.on {
    background-position:71px 0px;
}
#a_subnav_6 {
    display: block;
    width: 54px;
    height: 12px;
    background-image: url(../assets/a_subnav_6.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#a_subnav_6:hover,a#a_subnav_6.on {
    background-position:54px 0px;
}
#a_subnav_7 {
    display: block;
    width: 31px;
    height: 12px;
    background-image: url(../assets/a_subnav_7.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#a_subnav_7:hover,a#a_subnav_7.on {
    background-position:31px 0px;
}
/*==========Subnav: Film directing==========*/
#d_subnav_1 {
    display: block;
    width: 69px;
    height: 12px;
    background-image: url(../assets/d_subnav_1.gif);
    background-position: -2px 0;
	margin-bottom:9px;
	overflow:hidden;
}
a#d_subnav_1:hover,a#d_subnav_1.on {
    background-position:69px 0px;
}
/*==========Subnav: Other==========*/
#o_subnav_1 { 
    display: block;
    width: 55px;
    height: 12px;
    background-image: url(../assets/o_subnav_1.gif);
    background-position: -2px 0;
	margin-bottom:6px;
	overflow:hidden;
}
a#o_subnav_1:hover,a#o_subnav_1.on {
    background-position:55px 0px;
}
#o_subnav_2 { 
    display: block;
    width: 94px;
    height: 14px;
    background-image: url(../assets/o_subnav_2.gif);
    background-position: -2px 0;
	margin-bottom:6px;
	overflow:hidden;
}
a#o_subnav_2:hover,a#o_subnav_2.on {
    background-position:94px 0px;
}
#o_subnav_3 { 
    display: block;
    width: 64px;
    height: 13px;
    background-image: url(../assets/o_subnav_3.gif);
    background-position: -2px 0;
	margin-bottom:8px;
	overflow:hidden;
}
a#o_subnav_3:hover,a#o_subnav_3.on {
    background-position:64px 0px;
}
#o_subnav_4 { 
    display: block;
    width: 35px;
    height: 13px;
    background-image: url(../assets/o_subnav_4.gif);
    background-position: -2px 0;
	margin-bottom:18px;
	overflow:hidden;
}
a#o_subnav_4:hover,a#o_subnav_4.on {
    background-position:35px 0px;
}
#o_subnav_5 { 
    display: block;
    width: 60px;
    height: 12px;
    background-image: url(../assets/o_subnav_5.gif);
    background-position: -2px 0;
	margin-bottom:6px;
	overflow:hidden;
}
a#o_subnav_5:hover,a#o_subnav_5.on {
    background-position:60px 0px;
}
/*==========Subnav: Year==========*/
#year_subnav_2019 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2019.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2018 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2018.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2017 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2017.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2016 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2016.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2015 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2015.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2014 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2014.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2013 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2013.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2012 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2012.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2011 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2011.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2010 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2010.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2009 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2009.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2008 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2008.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2007 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2007.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2006 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2006.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2005 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2005.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2004 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2004.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2003 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2003.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2002 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2002.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2001 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2001.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
#year_subnav_2000 {
    display: block;
    width: 23px;
    height: 12px;
    background-image: url(../assets/year_subnav_2000.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#year_subnav_2019:hover,a#year_subnav_2018:hover,a#year_subnav_2017:hover,a#year_subnav_2016:hover,a#year_subnav_2015:hover,a#year_subnav_2014:hover,a#year_subnav_2013:hover,a#year_subnav_2012:hover,a#year_subnav_2011:hover,a#year_subnav_2010:hover,a#year_subnav_2009:hover,a#year_subnav_2008:hover,a#year_subnav_2007:hover,a#year_subnav_2006:hover,a#year_subnav_2005:hover,a#year_subnav_2004:hover,a#year_subnav_2003:hover,a#year_subnav_2002:hover,a#year_subnav_2001:hover,a#year_subnav_2000:hover {
    background-position:23px 0px;
}
a#year_subnav_2019.on,a#year_subnav_2018.on,a#year_subnav_2017.on,a#year_subnav_2016.on,a#year_subnav_2015.on,a#year_subnav_2014.on,a#year_subnav_2013.on,a#year_subnav_2012.on,a#year_subnav_2011.on,a#year_subnav_2010.on,a#year_subnav_2009.on,a#year_subnav_2008.on,a#year_subnav_2007.on,a#year_subnav_2006.on,a#year_subnav_2005.on,a#year_subnav_2004.on,a#year_subnav_2003.on,a#year_subnav_2002.on,a#year_subnav_2001.on,a#year_subnav_2000.on {
	background-position:23px 0px;
}
/*==========Subnav: Client, Contact==========*/
#subnav_client {
    display: block;
    width: 27px;
    height: 12px;
    background-image: url(../assets/subnav_client.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#subnav_client:hover,a#subnav_client.on {
    background-position:27px 0px;
}
#subnav_contact {
    display: block;
    width: 36px;
    height: 12px;
    background-image: url(../assets/subnav_contact.gif);
    background-position: -2px 0;
	margin-bottom:7px;
	overflow:hidden;
}
a#subnav_contact:hover,a#subnav_contact.on {
    background-position:36px 0px;
}
/*==========Buttons==========*/
#btn_up.off{
	display: block;
    width: 820px; /*36*/
    height: 36px;
    background-image: url(../assets/btn_down.gif);
    background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom:10px;
	cursor:pointer;
}
#btn_up.on{
	display: block;
    width: 820px;
    height: 36px;
    background-image: url(../assets/btn_up.gif);
    background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom:10px;
	cursor:pointer;
}
#btn_back{
	display: block;
    width: 14px;
    height: 20px;
    background-image: url(../assets/btn_back.gif);
    background-position: 0 0;
	margin-left:2px;
}
a#btn_back:hover{
	background-position: 15px 0;	
}
#btn_back_news{
	display: block;
    width: 14px;
    height: 20px;
    background-image: url(../assets/btn_back_news.gif);
    background-position: 0 0;
}
a#btn_back_news:hover{
	background-position: 15px 0;	
}
#btn_info{
	/*margin:6px 0 3px 4px;*/
	margin:0 0 3px 4px;
	font-size:12px;
	border-bottom:1px solid #C1C1C1;
}
a#btn_info:hover{
	color:#000;	
	cursor:pointer;
	border-bottom:1px solid #000;
}
#btn_play{
	display: block;
    width: 16px;
    height: 19px;
    background-image: url(../assets/btn_play.gif);
    background-position: 32px 0;
	margin-left:2px;
	float:left;
}
#btn_pause{
	display: block;
    width: 16px;
    height: 19px;
    background-image: url(../assets/btn_play.gif);
    background-position: 16px 0;
	margin-left:2px;
	float:left;
}
/*a#btn_play:hover{
	background-position: 32px 0;	
}
a#btn_play.active, a#btn_play.active:hover{
	background-position: 16px 0;	
}*/