body { padding: 0px; margin: 0px; font-family: Verdana Arial sans-serif; background-color: #EEEEEE; min-width: 500px; } .header { height: 150px; width: 100%; text-align: center; } .linkClump1 { width: 150px; height: 150px; position: absolute; left: 0px; top: 0px; background-image: url(./img/default/bg-site-tl.png); } .linkClump1 a { background-image: url(./img/default/ic-basic.png); background-repeat: no-repeat; display: block; text-decoration: none; position: absolute; width: 50px; height: 50px; } .linkClump1 a:hover { background-image: url(./img/default/ic-basic-moused.png); } .linkClump1 a:active { background-image: url(./img/default/ic-basic-clicked.png); } .linkClump2 { width: 150px; height: 150px; position: absolute; right: 0px; top: 0px; background-image: url(./img/default/bg-site-tr.png); } .linkClump2 a { background-image: url(./img/default/ic-basic.png); background-repeat: no-repeat; display: block; text-decoration: none; position: absolute; width: 50px; height: 50px; } .linkClump2 a:hover { background-image: url(./img/default/ic-basic-moused.png); } .linkClump2 a:active { background-image: url(./img/default/ic-basic-clicked.png); } .logo { margin: auto; padding-top: 20px; width: 200px; } .content { position: absolute; display: block; top: 155px; left: 150px; right: 150px; } .content-text { background-color: #CCCCCC; min-height: 300px; padding: 10px; } .bdr-tl { height: 17px; width: 17px; background-image: url(./img/default/bdr-body-tl.png); background-repeat: no-repeat; background-position: bottom left; } .bdr-tr{ height: 17px; width: 17px; background-image: url(./img/default/bdr-body-tr.png); background-repeat: no-repeat; background-position: bottom right; } .bdr-bl { height: 17px; width: 17px; background-image: url(./img/default/bdr-body-bl.png); background-repeat: no-repeat; background-position: top left; } .bdr-br { height: 17px; width: 17px; background-image: url(./img/default/bdr-body-br.png); background-repeat: no-repeat; background-position: top right; } .bdr-t { height: 17px; background-image: url(./img/default/bdr-body-t.png); background-repeat: repeat-x; background-position: bottom; } .bdr-b { height: 17px; background-image: url(./img/default/bdr-body-b.png); background-repeat: repeat-x; background-position: top; } .bdr-l { width: 17px; background-image: url(./img/default/bdr-body-l.png); background-repeat: repeat-y; background-position: left; } .bdr-r { width: 17px; background-image: url(./img/default/bdr-body-r.png); background-repeat: repeat-y; background-position: right; } .content-half-block { width: 47%; float: left; clear: none; padding: 5px; background-color: #EEEEEE; border: solid 1px #DDDDDD; } .content-block { width: 97%; float: left; clear: none; padding: 5px; background-color: #EEEEEE; border: solid 1px #DDDDDD; } .flyout { display: none; position: absolute; padding: 2px; width: 0px; overflow: hidden; min-height: 50px; background-color: #FFFFFF; } .flyout a { background-image: none; width: 100px; } a img { border-style: none !important; }