/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
padding:0;
margin:0;
background:url(images/fond.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

#general{
margin: 50px auto;
width:1090px;
height:629px;
}

#general li{
display: block;
list-style: none;
float: left;
}

/*----------------------------------------------
NAVIGATION
----------------------------------------------*/

#navigation {
width: 442px;
float: left;
margin-right: 1px;
}

/*----------------------------------------------*/

#mainmenu {
width: 442px;
}

#mainmenu ul{
width:442px;
height:129px;
}

#mainmenu li{
padding: 34px 3px;
}

#mainmenu ul a{
display:block;
text-indent:-5000px;
height:61px;
}


#mainmenu #frede{
padding: 4px 3px;
}

#mainmenu ul #frede a{
display:block;
text-indent:-5000px;
height:121px;
}

#mainmenu #ink {
width:101px;
height:61px;
background:url(images/ink1.jpg) no-repeat 0 0;
}

#mainmenu #ink a{
background:url(images/ink1.jpg) no-repeat -2px -34px;
}

#mainmenu #ink a:hover{
background:url(images/ink1.jpg) no-repeat -109px -34px;
}

#mainmenu #paint{
width:114px;
height:61px;
background:url(images/paint1.jpg) no-repeat 0 0;
}

#mainmenu #paint a{
background:url(images/paint1.jpg) no-repeat -2px -34px;
}

#mainmenu #paint a:hover{
background:url(images/paint1.jpg) no-repeat -122px -34px;
}

#mainmenu #motion{
width:96px;
height:61px;
background:url(images/motion1.jpg) no-repeat 0 0;
}

#mainmenu #motion a{
background:url(images/motion1.jpg) no-repeat -2px -34px;
}

#mainmenu #motion a:hover{
background:url(images/motion1.jpg) no-repeat -104px -34px;
}

#mainmenu #frede{
width:107px;
height:121px;
background:url(images/frede1.jpg) no-repeat 0 0;
}

#mainmenu #frede a{
background:url(images/frede1.jpg) no-repeat -2px -4px;
}

#mainmenu #frede a:hover{
background:url(images/frede1.jpg) no-repeat -115px -4px;
}

/*----------------------------------------------*/

#squares {
width: 442px;
height: 318px;
margin-top: 57px;
margin-bottom: 57px;
background:url(images/squares-16.jpg) no-repeat 0 -3px;
}

#squares-index {
width: 442px;
height: 432px;
background:url(images/intro-left2.jpg) no-repeat 0 0px;
}

#squares ul{
padding-left: 66px;
}

#squares li{
display: inline;
width: 44px;
height: 44px;
margin: 17px;
}

#squares li a img{
border: none ;
}

/*----------------------------------------------*/

#secondmenu {
width: 442px;
height: 66px;
}

#secondmenu ul{
width: 393px;
height: 66px;
padding-left: 24px;
padding-right: 25px;
}

#secondmenu li{
margin-top: 24px;
margin-bottom: 6px;
margin-left: 7px;
margin-right: 7px;
height:36px;
}

#secondmenu ul a{
display:block;
text-indent:-5000px;
}

#secondmenu #home a{
width:62px;
height:36px;
background:url(images/home1.jpg) no-repeat ;
}

#secondmenu #home a:hover{
background:url(images/home1.jpg) no-repeat -62px 0;
}

#secondmenu #books a{
width:77px;
height:36px;
background:url(images/books1.jpg) no-repeat ;
}

#secondmenu #books a:hover{
background:url(images/books1.jpg) no-repeat -77px 0;
}

#secondmenu #scraps a{
width:93px;
height:36px;
background:url(images/blog.gif) no-repeat 0 -35px;
}

/* #secondmenu #scraps a:hover{
background:url(images/blog.gif) no-repeat;
}  */

#secondmenu #contact a{
width:105px;
height:36px;
background:url(images/contact1.jpg) no-repeat ;
}

#secondmenu #contact a:hover{
background:url(images/contact1.jpg) no-repeat -105px 0;
}

/*----------------------------------------------
PAGE
----------------------------------------------*/

#page {
float: right;
width: 614px;
background:url(images/page.jpg) no-repeat 0 0;
}

#page-index {
float: right;
width: 614px;
background:url(images/intro-right.jpg) no-repeat 0 0;
}

#page-books {
float: right;
width: 614px;
}

/*----------------------------------------------*/

#frame {
width: 574px;
height: 473px;
text-align:center;
vertical-align:middle;
margin: 20px;
padding-top: 50px;
}

#photo {
vertical-align:middle;
}

#photo dd {
vertical-align:middle;
}

#photo dt {
color:#FFFFFF;
font-size:1px;
}

#photo img {
border: none ;
}

/*----------------------------------------------*/

#signature {
background:url(images/signature.jpg) no-repeat 0 0;
width: 614px;
height: 66px;
}