body {
margin: 0;
padding: 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
background-color: black;
text-align: center;
}
.homeContainer {
width: 780px;
height: 500px;
left: 50%;
margin-left: -390px;
top: 50%;
margin-top: -250px;
position: absolute;
}
.outerFrame {
height: 100%;
width: 970px;
margin: 0 auto;
text-align: left;
position: relative;	/*	FF	*/
}
/*	COLOR-SPECIFIC	*/
.blue, .red, .lilac, .orange, .orange2, .yellow {
height: 150%;	/*	FF	*/
}
.blue .outerFrame {
background: #00D0D2 url(img/bkg-blue.jpg) top no-repeat;
}
.blue .title-foto {
background: url(img/title-fotogal-blue.gif) no-repeat;
}
.lilac .outerFrame {
background: #CABCDD url(img/bkg-lilac.jpg) top no-repeat;
}
.lilac .title-foto {
background: url(img/title-fotogal-lilac.gif) no-repeat;
}
.red .outerFrame {
background: #FF0500 url(img/bkg-red.jpg) top no-repeat;
}
.red .title-foto {
background: url(img/title-fotogal-red.gif) no-repeat;
}
.orange .outerFrame {
background: #EA5F00 url(img/bkg-orange.jpg) top no-repeat;
}
.orange2 .outerFrame {
background: #EA5F00 url(img/bkg-orange2.jpg) top no-repeat;
}
.orange .title-foto, .orange2 .title-foto {
background: url(img/title-fotogal-orange.gif) no-repeat;
}
.yellow .outerFrame {
background: #F9D100 url(img/bkg-yellow.jpg) top no-repeat;
}
.yellow .title-foto {
background: url(img/title-fotogal-yellow.gif) no-repeat;
}
/*	MENU	*/
.menuColumn, .menu {
width: 150px;
float: left;
}
.menu {
height: 145px;
}
.rightPad {
padding-right: 19px;
}
h1, h2, .homeContainer ul {
position: absolute;
left: -2000px;
}
.menu div, .menu div a {
height: 15px;
}
.menu div a {
display: block;
background-repeat: no-repeat;
text-indent: -2000px;
overflow: hidden;
text-align: left;
}
.menu div.m-lgt {
margin-top: 2px;
}
.m-lgt, .m-lgt a {
width: 79px;
}
.m-tam, .m-tam a {
width: 56px;
}
.m-macbeth, .m-macbeth a {
width: 71px;
}
.m-bogarmese, .m-bogarmese a {
width: 61px;
}
.m-panpeter, .m-panpeter a {
width: 54px;
}
.menu div.m-tarsulat {
margin-top: 5px;
}
.m-tarsulat, .m-tarsulat a {
width: 58px;
}
.m-lgt a {
background-image: url(img/m-lgt.gif);
}
.m-tam a {
background-image: url(img/m-tam.gif);
}
.m-macbeth a {
background-image: url(img/m-macbeth.gif);
}
.m-bogarmese a {
background-image: url(img/m-bogarmese.gif);
}
.m-panpeter a {
background-image: url(img/m-panpeter.gif);
}
.m-tarsulat a {
background-image: url(img/m-tarsulat.gif);
}
.m-lgt a:hover, .m-lgt .rec {
background-image: url(img/m-lgt-on.gif);
}
.m-tam a:hover, .m-tam .rec {
background-image: url(img/m-tam-on.gif);
}
.m-macbeth a:hover, .m-macbeth .rec {
background-image: url(img/m-macbeth-on.gif);
}
.m-bogarmese a:hover, .m-bogarmese .rec {
background-image: url(img/m-bogarmese-on.gif);
}
.m-panpeter a:hover, .m-panpeter .rec {
background-image: url(img/m-panpeter-on.gif);
}
.m-tarsulat a:hover, .m-tarsulat .rec {
background-image: url(img/m-tarsulat-on.gif);
}
.m-logo, .m-logo a {
width: 255px;
height: 78px;
}
.m-logo {
position: absolute;
left: 395px;
top: 0;
}
.m-logo a {
display: block;
text-indent: -2000px;
overflow: hidden;
}
.title-foto {
width: 110px;
height: 29px;
float: right;
text-indent: -2000px;
overflow: hidden;
}
.title-sminkfotok {
width: 106px;
height: 29px;
background: url(img/title-sminkfotok-blue.gif) no-repeat;
float: right;
margin-bottom: 6px;
text-indent: -2000px;
overflow: hidden;
}
.photos {
padding: 4px 0 0 4px;
}
.pseudo-title {	/*	to make logo active in IE	*/
width: 110px;
float: right;
}
.thumbList {
clear: both;
padding-top: 6px;
}
.thumbList img {
width: 50px;
height: 33px;
}
a img {
border: 0;
}
#bigPic {
position: absolute;
width: 480px;
height: 319px;	/*	top & left set in html, because of script	*/
}
.contentArea {
float: left;
width: 481px;
margin: 147px 20px 0;
padding-bottom: 20px;
text-align: justify;
}
h3 {
font-size: 13px;
padding-bottom: 0;
margin-bottom: 10px;
}
p {
margin-top: 0;
padding-top: 0;
}
.indentTxt {
display: block;
margin: 0 0 0 20px;
}
td {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
}
a {
color: black;
}
a:hover {
text-decoration: none;
}
.rightColumn {
float: left;
width: 280px;
margin-top: 100px;
}
.hiliteBox {
background-color: #615D6C;
color: white;
width: 208px;
}
.hiliteBox div {
padding: 20px;
}
@media print {
body {
height: 100%;
}
.outerFrame {
width: auto;
left: 0;
margin-left: 0;
}
.menuColumn, .rightColumn {
display: none;
}
.contentArea {
font: 10pt "Times New Roman", Times, serif;
color: black;
background-color: white;
margin: 0;
padding: 0;
width: auto;
}
.contentArea h1 {
position: relative;
left: 0;
font-size: 13pt;
}
.contentArea h3 {
font-size: 11pt;
}
}