/* common */

a:hover {
   color:                 rgb(255, 0, 0);
}

/* document */

html {
   height:                100%;
   overflow:              auto;
}

body  {
   overflow:              hidden;
   height:                100%;
   margin:                0px;
   padding:		  0px;
   font-family:   	     arial, sans-serif;
   background-color:	     #B5CDDB;
/*   background-image:	     url('images/marcoBack.png');
   background-image:	     url('/images/dynamic/merge.php?file=marcoBack.png&color=B5CDDB');
   background-position:	  top right;
   background-repeat:     no-repeat;
   background-attachment: fixed;*/
}

#bodydiv {
   overflow:	          hidden;
   height:                100%;
   padding-left:          10px;
   padding-right:         10px;
}

/* background */

#background {
   position:              fixed;
   top:                   0px;
   right:                 0px;
   width:                 350px;
   height:                600px;
   background-image:	  url('images/campanile.png');
   background-repeat:     no-repeat;
   z-index:               0;
}

/* header */

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

#header div {
   width:                 auto;
   padding-top:           10px;
   padding-left:          10px;
}

h1.header {
   width:                 300px;
   height:                60px;   
   margin:                0px;
   background-repeat:     no-repeat;
   background-image:      url('images/marcoslot.png');
}

h1.header span {
   display:             none;
}

/* header decoration */

#header-bottom-left {
   display:             block;
   position:            static;
   height:              3px;  
   margin-right:        300px;
   background-color:    rgb(107, 146, 168);
   border-top:          solid 1px white;
   border-left:         solid 1px white;
   border-bottom:       solid 1px white;
}

#header-bottom-right {
   display:             block;
   bottom:              0px; 
   right:               0px;
   width:               300px;
   height:              5px;
   background-repeat:   no-repeat;
   background-image:    url('images/topLeftBorder.png');
}

/* navigation */

#navigation {
   z-index:             10;
   height:              100%;
}

.navigation {
   position:            absolute;
   z-index:             40;
   display:		         block;
   background-repeat:	no-repeat;   
}

a.navigation img {
   display:     none;
}

#navigation-software {
   top:		27%;
   left:	5%;
}

#navigation-writings {
   top:		73%;
   left:	70%;
}

#navigation-gridox  {
   top:		20%;
   left:	52%;
}

#navigation-mindview {
   top:		33%;
   left:	33%;
}

#navigation-aboutme {
   top:		46%;
   left:	58%;
}

#navigation-gadgets {
   top:		61%;
   left:	45%;
}

#navigation-research {
   top:		15%;
   left:	20%;
}

#navigation-googlead {
   top:		83%;
   left:	39%;
   z-index:     0;
}

#navigation-googlead:hover {
   z-index:     115;
}

#navigation-googlead iframe:hover {
   z-index:     115;
}

#navigation-software  {
   background-image:     url('images/button-software.png');
   width:                188px;
   height:               60px;
}

#navigation-writings  {
   background-image:     url('images/button-writings.png');
   width:                183px;
   height:               60px;
}

#navigation-gridox  {
   background-image:     url('images/button-gridox.png');
   width:                171px;
   height:               60px;
}

#navigation-mindview  {
   background-image:     url('images/button-mindview.png');
   width:                202px;
   height:               60px;
}

#navigation-aboutme  {
   background-image:     url('images/button-aboutme.png');
   width:                196px;
   height:               60px;
}

#navigation-gadgets {
   background-image:     url('images/button-gadgets.png');
   width:                171px;
   height:               60px;
}

#navigation-research {
   background-image:     url('images/button-lab.png');
   width:                121px;
   height:               60px;
}


/* sticky */

#sticky {
   position:             absolute;
   top:                  50%;
   left:                 7%; 
   width:                309px;
   height:               224px;
   font-size:            12px;
   background-image:     url('images/stickyShadow.png');
   background-repeat:    no-repeat;
   z-index:              15;
}

#sticky div {
   width:                auto;
   padding:              20px;
}

#tak {
   position:             absolute;
   top:                  -15px;
   left:                 45%;
   width:                25px;
   height:               35px;
   background-image:     url('images/tak.png');
}

p.sticky {
   margin-bottom:        0px;
}

a.sticky {
   float:                right;
   color:                rgb(100, 150, 150);
   font-size:            14px;
}

/* footer */

#footer {
  position:              absolute;
  z-index:               49;
  bottom:                0px;
  right:                 0px;
  width:                 100%;
  height:                25px;
  padding-left:          10px;
  padding-right:         10px;
  text-align:            right;
  font-size:		 10px;
  color:                 rgb(167, 176, 181);
}

/* footerBorder */


#footer-top-left {
   bottom:               20px;
   left:                 0px;
   float:                left;
   width:                300px;
   height:               5px;
   background-repeat:    no-repeat;
   background-position:  top left;
   background-image:     url('images/bottomRightBorder.png');

}

#footer-top-right {
   display:              block;
   position:             static;
   margin-left:          300px;
   height:               3px;
   border-top:           solid 1px white;
   border-right:         solid 1px white;
   border-bottom:        solid 1px white;
   background:	          rgb(107, 146, 168);
}