*
 {
  padding : 0px;
  margin : 0px;
 }

 body
 {
  background  : #FFFFFF;
  left        : 0px;
  margin      : 0px;
  border      : 0px;
  padding     : 0px;
  width       : 100%;
  height      : 100%;
  background  : url(../images/general/background.gif) no-repeat left top;
 }

 .clear
 {
  clear : both;
 }


 img
 {
  border : none;

 }

 img a 
 {  
  outline : none;

 }


 .subnavigation h1
 {
  font-size       : 20px;
  font-style      : normal;  
  font-family     : Arial, Helvetica, sans-serif;
  font-weight : bold;
  line-height: 14px;
  text-decoration: none;
  line-height: 20px; 
  color : #000000;
  padding : 10px 0px 10px 0px;
 }

 /**********************************************************************************/
 /* header                                                                         */
 /**********************************************************************************/

 #header
 {
  margin : 0px;
  position: relative;
  left: 50%;
  margin-left: -420px;
  border : 0px;
  width : 840px;
  padding : 20px 0px 10px 0px;
 }


 #header a 
 {  
  outline:none;
 }


 /**********************************************************************************/
 /* navigation / welcome                                                           */
 /**********************************************************************************/

 #header img
 {
  float : left;
 }



 #header a#nav_welcome
 {
  display: block;
  width: 94px;
  height: 48px;
  text-decoration: none;
  background: url("../images/navigation/welcome.png");
  float : left;
 }

 #header a#nav_welcome:hover
 {
  background-position: -94px 0;
 }

 /**********************************************************************************/
 /* navigation / commissioned work                                                 */
 /**********************************************************************************/

 #header a#nav_commissioned_work
 {
  display: block;
  width: 183px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/commissioned_work.png");
 }

 #header a#nav_commissioned_work:hover
 {
  background-position: -183px 0;
 }


 /**********************************************************************************/
 /* navigation / illustration                                                      */
 /**********************************************************************************/

 #header a#nav_illustration
 {
  display: block;
  width: 107px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/illustration.png");
 }

 #header a#nav_illustration:hover
 {
  background-position: -107px 0;
 }


 /**********************************************************************************/
 /* navigation / illustration                                                      */
 /**********************************************************************************/

 #header a#nav_animation
 {
  display: block;
  width: 103px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/animation.png");
 }

 #header a#nav_animation:hover
 {
  background-position: -103px 0;
 }

 /**********************************************************************************/
 /* navigation / miscellaneous                                                     */
 /**********************************************************************************/

 #header a#nav_miscellaneous
 {
  display: block;
  width: 135px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/miscellaneous.png");
 }

 #header a#nav_miscellaneous:hover
 {
  background-position: -135px 0;
 }

 /**********************************************************************************/
 /* navigation / doodles                                                           */
 /**********************************************************************************/

 #header a#nav_doodles
 {
  display: block;
  width: 85px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/doodles.png");
 }

 #header a#nav_doodles:hover
 {
  background-position: -85px 0;
 }


 /**********************************************************************************/
 /* navigation / drububu.com                                                       */
 /**********************************************************************************/

 #header a#nav_drububu
 {
  display: block;
  width: 133px;
  height: 48px;
  text-decoration: none;
  float : left;
  background: url("../images/navigation/drububu.png");
 }

 #header a#nav_drububu:hover
 {
  background-position: -133px 0;
 }



 #header .displace
 {
  position: absolute;
  left: -5000px;
 }


 /**********************************************************************************/
 /* navigation / email                                                             */
 /**********************************************************************************/

 a#contact_email
 {
  display: block;
  width: 220px;
  height: 60px;
  text-decoration: none;
  float : left;
  background: url("../images/misc/email.png");
 }

 a#contact_email:hover
 {
  background-position: -220px 0;
 }



 /**********************************************************************************/
 /* header                                                                         */
 /**********************************************************************************/

 .gotopage
 {
  width : 80px;
  height : 70px;
  padding : 0px 16px 0px 0px;
  float : left;
 }

 .goto_small
 {
  padding : 0px;
 }





 .gotopage a
 {
  width : 80px;
  height : 70px;
  background : url('../images/misc/gotopage_passive.png') no-repeat left top;
  display : block;
 }

 .gotopage a:hover
 {
  width : 80px;
  height : 70px;
  background : url('../images/misc/gotopage_active.png') no-repeat left top;
  display : block;
 }


 .gotopage a.external
 {
  width : 80px;
  height : 70px;
  background : url('../images/misc/gotopage_external_passive.png') no-repeat left top;
  display : block;
 }

 .gotopage a:hover.external
 {
  width : 80px;
  height : 70px;
  background : url('../images/misc/gotopage_external_active.png') no-repeat left top;
  display : block;
 }





 /**********************************************************************************/
 /* container                                                                      */
 /**********************************************************************************/

 #container
 {
  margin : 0px;
  position: relative;
  left: 50%;
  margin-left: -420px;
  border : 0px;
  width : 820px;
  padding : 10px 10px 10px 10px;
  background-image : url(../images/general/transparent.png);
  background-repeat: repeat;
 }




 /**********************************************************************************/
 /* container top                                                                  */
 /**********************************************************************************/

 .subnavigation
 {
  width            : 800px;
  position         : relative;
  margin           : 0px 0px 10px 0px;
  border           : 0px;
  padding          : 10px 10px 10px 10px;
  background-color : #FFFFFF;
  overflow-y : auto;


  font-size       : 13px;
  font-style      : normal;  
  font-family     : Arial, Helvetica, sans-serif;
  font-weight : bold;
  line-height: 14px;
  text-decoration: none; 
  color : #666666;
 }


 .subnavigation .left
 {
  float           : left;
 }


 .subnavigation .right
 {
  color : #666666;
  float : right;
 }


 .subnavigation a
 {
 text-decoration: none;
  color : #000000;
  outline : none;
 }


 .subnavigation a:hover
 {
 text-decoration: none;
  color : #000000;
  outline : none;
 }



 /**********************************************************************************/
 /* container top                                                                  */
 /**********************************************************************************/

 .container_top
 {
  width            : 800px;
  position         : relative;
  margin           : 0px 0px 10px 0px;
  border           : 0px;
  padding          : 30px 10px 10px 10px;
  background-color : #FFFFFF;
  overflow-y : auto;
 }

 .container_bottom 
 {
  width : 800px;
  position: relative;
  margin : 0px;
  border :  0px;
  padding : 30px 10px 10px 10px;
  background : #FFFFFF;
 }


 .container_bottom h2 
 {
  font-size : 16px;
  font-style : normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
  display : block;
  margin : 10px 0px 10px 0px;
 }


 .drububu
 {
  background      : #FFFFFF url('../images/drububu/background.gif') no-repeat left top;
 }


 /**********************************************************************************/
 /* asset info                                                                         */
 /**********************************************************************************/

 .asset_info
 {
  width : 800px;
  border : 0px;
  margin : 0px;
  padding : 0px;
  display : block;
 }

 .asset_info .collumn
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  color           : #444444;
  line-height     : 18px;

  width : 344px;
  border-width : 0px;
  margin : 0px;
  padding : 0px 16px 0px 0px;
  float : left;


 }


 .asset_info .small
 {
  width : 296px;
 }



 .asset_info .last
 {
  padding : 0px;
 }


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


 .collumn .link
 {
  width : 256px;

  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Helvetica, sans-serif;
  text-decoration : none;
  font-weight     : bold;
  color           : #444444;
  line-height     : 14px;

  display         : block;
  background      : #FFFFFF;
 }



 .collumn .information
 {
  width : 256px;
  display         : block;
  background      : #EEEEEE url('../images/misc/information_background.gif') no-repeat left bottom; 
 }




 .collumn .information .top
 {
  height : 6px;
  display         : block;
  background      : url('../images/misc/information_background_top.png') no-repeat left top;
 }


 .collumn .information .bottom
 {
  height : 6px;
  display         : block;
  background      : url('../images/misc/information_background_bottom.png') no-repeat left bottom;
 }


 .collumn .information .content
 {
  padding  : 10px 10px 16px 10px;
  border   : 0px;
  margin   : 0px;
  display  : block;
 }


 .collumn .information .content .icon
 {
  float : left;
  width : 24px;
  display : block;
 }

 .collumn .information .content .text
 {

  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  font-weight     : bold;
  line-height     : 14px;
  color           : #666666;
  text-decoration : none; 
  line-height     : 16px;
  float           : left;
  width           : 200px;
  display         : block;
 }


 .collumn .information .content .strong
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  font-weight     : bold;
  line-height     : 14px;
  color           : #000000;
  text-decoration : none; 
  line-height     : 16px;
  float           : left;
  width           : 200px;
  display         : block;
 }



 .collumn .services
 {
  padding  : 4px 10px 16px 10px;
  border   : 0px;
  margin   : 0px;
  display  : block;
background : #FFFFFF;
width : 236px;
 }


 .collumn .services .service
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  font-weight     : bold;
  line-height     : 14px;
  color           : #000000;
  text-decoration : none; 
  line-height     : 16px;
  margin : 10px 0px 0px 0px;

 }


 .collumn .services ul
 {
  margin          : 0px;
  padding         : 0px 0px 0px 16px;
  display         : block;
  list-style-type : disc;



 }

 .collumn .services ul li
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  line-height     : 14px;
  font-weight     : normal;
  color           : #666666;
  text-decoration : none; 
  line-height     : 16px;
  margin          : 0px;
  padding-left    : 0px;
 }





 .footnote
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  color           : #888888;
  line-height     : 18px;


 }






 .collumn .link a
 {
  background      : #FFFFFF url('../images/misc/link_passive.png') no-repeat right center;
  color           : #444444;
  text-decoration : none;
  display         : block;
 }


 .collumn .link  a:hover
 {
  text-decoration : none;
  background      : #000000 url('../images/misc/link_active.png') no-repeat right center;
  color           : #FFFFFF;
  display         : block;
 }






 .collumn .link a:active, a:focus
 {
  outline         : 0;
 }

 .collumn .link a.external
 {
  background      : #FFFFFF url('../images/misc/link_external_passive.png') no-repeat right center;
  color           : #444444;
  text-decoration : none;
  display         : block;
 }

 .collumn .link a:hover.external
 {
  text-decoration : none;
  background      : #000000 url('../images/misc/link_external_active.png') no-repeat right center;
  color           : #FFFFFF;
  display         : block;
 }






 .collumn .link .top
 {
  padding : 5px 0px 0px 0px;
  background : url('../images/misc/link_background_top.png') no-repeat top left;
  display : block;
 }

 .collumn .link .content
 {
  position:relative;
  width : 176px;
  height : 50px;
  padding : 0px 5px 0px 10px;
  float : left;
  display : block;
 }



 .collumn .link .content .description
 {
  position:absolute;
  bottom : 10px; 
  text-align : right;
  width : 176px;
  display : block;

 }







 .collumn .link .bottom
 {
  padding : 5px 0px 0px 0px;
  clear : both;
  background : url('../images/misc/link_background_bottom.png') no-repeat top left;
  display : block;
 }




 .collumn .small
 {

  font-size       : 11px;
  font-style      : normal;  
  font-family     : Arial, Verdana;
  font-weight     : normal;
  color           : #666666;
  text-decoration : none; 
  line-height     : 14px;


  width           : 256px;
  display         : block;
 }


 /**********************************************************************************/
 /* collumns                                                                       */
 /**********************************************************************************/

 .collumns
 {
  width : 800px;
  border : 0px;
  margin : 0px;
  padding : 0px;



 }


 .margin_top
 {
  margin : 16px 0px 0px 0px;
 }

 .collumn-svg
 {
  width           : 528px;
  border-width : 0px;
  margin : 0px;
  padding : 0px 0px 0px 0px;
  float : left;
 }

 .collumnDouble
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 18px;
  width           : 514px;

  border-width : 0px;
  margin : 0px;
  padding : 0px 16px 0px 0px;
  float : left;
 }


 .collumnDoubleRight
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 18px;
  width           : 528px;

  border-width : 0px;
  margin : 0px;
  padding : 0px 0px 0px 0px;
  float : left;
 }




 .collumn
 {
  font-size       : 12px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration : none;
  font-weight     : normal;
  color           : #444444;
  line-height     : 18px;
  width           : 256px;

  border-width : 0px;
  margin : 0px;
  padding : 0px 16px 0px 0px;
  float : left;
 }


 .collumn p
 {
margin-bottom : 18px;

 }

 .collumn a
 {
  font-weight     : bold;
  text-decoration : none;
  color           : #034798;
 }

 .collumn a:hover
 {
  font-weight     : bold;
  text-decoration : none;
  color           : #034798;
 }



 .last
 {
  width : 256px;
  border-width : 0px;
  padding :  0px;
 }



 /**********************************************************************************/
 /* asset                                                                          */
 /**********************************************************************************/

 .links
 {
  width : 800px;
  border : 0px;
  margin : 0px 0px 0px 0px;
  padding : 0px;
 }

 .links .collumn
 {
  width : 150px;
  border : 0px;
  margin : 0px 10px 0px 0px;
  padding : 0px;
  float : left;
 }



 .links .collumn h2
 {
  font-size : 11px;
  font-style : normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 14px;

 }


 .links .collumn ul
 {
  margin-left  : 13px;
  margin-right :  0px; 

   list-style-image: url("../images/misc/bullet.png");
 }


 .links .collumn li
 {

  font-size : 11px;
  font-style : normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 14px;


 }



 .links .collumn li a
 {
  font-weight     : bold;
  text-decoration : none;
  color           : #666666;
 }

 .links .collumn li a:hover
 {
  font-weight     : bold;
  text-decoration : underline;
  color           : #666666;
 }




 /**********************************************************************************/
 /* asset                                                                          */
 /**********************************************************************************/

 .asset
 {
  width : 800px;
  position: relative;
  border : 0px;
  margin : 0px 0px 16px 0px;
  padding : 0px 0px 0px 0px;
  display : block;
  clear : both;
 }



 .assetContainer 
 {
  border              : 0px;
  margin              : 0px;
  padding             : 0px;
  background-color    : #F0F0F0;
  background-image    : url('../images/misc/loading_bar.gif');
  background-repeat   : no-repeat; 
  background-position : center center;
 }

 .assetContainer img.fade
 {
  display : none;
 }


 .asset .tab
 {

width : 20px;
height : 60px;

  font-size       : 11px;
  font-style      : normal;  
  font-family     : verdana, tahoma, helvetica, sans-serif;
  font-weight : bold;

position: absolute;
bottom : 40px;
right : 0px;
padding : 0px;
display : block;



  background : #FFFFFF url(../images/misc/asset_info.png) no-repeat top left;

 }



 .asset img
 {

  border : 0px;
  margin : 0px;
  padding : 0px;
  border: none;
  outline : none;
  display : block;
  background-color : #F0F0F0;
 }








 .asset a
 {
  outline : none;
 }

 .asset a:hover
 {
  outline : none;
 }


 .asset .sub_asset
 {
  position: relative;
  border : 0px;
  float : left;
  padding : 0px 0px 16px 0px;
margin : 0px;
display : block;

 }

 .asset .sub_asset .image
 {
  position: relative;
  border : 0px;
  margin : 0px;
  padding : 0px;
  display : block;
  background-color : #F0F0F0;
 }



 .asset .sub_asset .right
 {
  position: relative;
  height : 20px;
  border : 0px;
  margin : 0px;
  padding : 10px 10px 10px 0px;
  text-align: left;
  float : right;
 }

 .asset .sub_asset a
 {
  outline : none;
 }

 .asset .sub_asset a:hover
 {
  outline : none;
 }





 /**********************************************************************************/
 /* footer                                                                         */
 /**********************************************************************************/

 #footer
 {
  background : #FFFFFF url(../images/misc/footer.gif) no-repeat top left;
  width: 800px;
  border : 0px;
  margin : 0px;
  padding : 15px 0px 15px 0px;


  clear : both;
display : block;

 }


 #footer .left
 {
  width : 650px;
  text-align: left;
  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Helvetica, sans-serif;
  line-height: 14px;
  float : left;
 }

 #footer .left .page
 {
  display : block;
  float : left;
  padding : 0px 10px 0px 0px;
 }




 #footer .right
 {
  width : 140px;
  text-align: right;

  font-size       : 12px;
  font-style      : normal;  
  font-family     : Arial, Helvetica, sans-serif;

  line-height: 14px;
  float : right;
 }


 #footer a
 {
  outline: 0 none;
  text-decoration : none;
  color : #666666;
 }


 #footer a:hover
 {
  text-decoration : underline;
  color : #000000;
 }


 /**********************************************************************************/
 /* form                                                                           */
 /**********************************************************************************/

 #footerEnd fieldset
 {
  border  : 0px;
  padding : 0px;
  margin  : 0px;
 }


 #footerEnd
 {
  background : #FFFFFF url(../images/misc/footer.gif) no-repeat top left;
  width: 800px;
  border : 0px;
  margin : 0px;
  padding : 15px 0px 60px 0px;
  clear : both;
  font-size       : 13px;
  font-style      : normal;  
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  line-height     : 16px;
  color           : #444444;
 }

 #footerEnd .left
 {
  width : 190px;
  background-color : #FFFFFF;
  text-align: left;
  padding : 15px 0px 60px 0px;
  float : left;
 }

 #footerEnd .right
 {
  width : 220px;
  text-align: left;
  margin : 0px;
  padding : 10px 0px 20px 0px;
  float : right;
 }

 #footerEnd .right .email
 {
  width : 220px;
  height : 60px;
  border : 0px;
  margin : 0px;
  padding : 0px;

 }






 /**********************************************************************************/
 /* form                                                                           */
 /**********************************************************************************/


 .quote 
 {
  font-size       : 14px;
  font-style      : normal;
  font-family     : georgia, "bookman old style", "palatino linotype", "book antiqua", "palatino", "trebuchet ms", helvetica, garamond, sans-serif, arial, verdana, "avante garde", "century gothic", "comic sans ms", times, "times new roman", serif;
  text-decoration: none;
  color : #444444;
  line-height: 17px;
 }

 .quote.source
 {
  font-weight: bold;
 }




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

 .logos
 {
  width : 800px;
  margin : 16px 0px 0px 0px;
  border : 0px;
  padding : 0px;
  display : block;
  clear : both;
 }

 .logos .logo
 {
  width : 120px;
  margin : 0px;
  border : 0px;
  padding : 0px 16px 0px 0px;
  float : left;
 }

 .logos .last
 {
  padding : 0px;
 }

 .logos .logo img
 {
  border: none;
  background-color : #F0F0F0;
 }

 .logos .logo  a 
 {  
  outline:none;
 }

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