/* CSS Document */

html,body{
margin:0;
padding:0;

}

/**
* BODY
*/
body{
background:#F9E2CC url(../images/bgstrip.png) top repeat-y;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

/**
* MAIN PAGE CONTAINER
*/
.page-container, .hearing-aid, .portal-container{
width:1145px;
height:756px;
margin:0 auto 0 auto;
}

.page-container{
background:url(../images/background.png) top  no-repeat;
}

.hearing-aid{
background:url(../images/hearing-aid-bg.png) top  no-repeat;
}

.portal-container{
background:url(../images/portal-bg.png) top  no-repeat;
}

/**
* CONTENT AREA
*/
.content{
width:900px;
height:485px;
padding:118px 0 0 3px;
position:relative;
z-index:1;
}


a:hover {background-position: 0 0;}

/**
* LEFT COLUMN
*/
.left-column{
width:580px;
height:auto;
float:left;
}


.kale-logo{
width:370px;
height:142px;
padding:18px 0 0 50px;
position:relative;
}

.hearingaid-logo{
width:370px;
height:142px;
padding:90px 0 0 50px;
position:relative;
z-index:3;
}

/**
* MAIN PAGE CONTENT
*/
.body-text{
width:440px;
height:258px;
padding:10px 0 0 140px;
margin-top:10px;
color:#FFFFFF;
font-size:0.71em;
position:relative;
overflow:auto;
line-height:1.2em;
}

.body-text h1{
font-weight:bold;
font-size:1em;
}

/**
* RIGHT COLUMN
*/
.right-column{
width:310px;
height:auto;
min-height:400px;
position:relative;
float:right;
}

.face-image{
width:405px;
height:406px;
position:absolute;
top:140px;
left:0;
z-index:5;
}

.right-hearing-aid-logo, .right-portal-logo{
width:140px;
height:auto;
padding:75px 0 0 165px;
}

/**
* PAGE MAIN MENU
*/
.main-menu{
height:25px;
width:430px;
margin-top:4px;
padding:16px 0 0 140px;
}

.main-menu ul{
margin:0;
padding:0;
list-style:none;
}

.main-menu li{
float:left;
margin-right:10px;
color:#49536E;
}

.main-menu li a{
text-decoration:none;
font-size:0.88em;
color:#49536E;
padding-bottom:1px;
}

.main-menu li a:hover, .active-page{
color:#E17000 !important;
}

/**
* FOOTER
*/
.footer{
height:80px;
width:900px;
padding:0 0 0 8px;
position:relative;
}


.footer img{
position:relative;
left:-4px;
top:0;
margin-left /*\**/: -6px\9 !important;
}

html>body .footer img{
left:1px !important;
top:0;
}

html:body .footer img {
     border:1px solid #0033FF;
} 
.overlay{
position:absolute;
top:10px;
left:570px;
height:60px;
width:315px;
z-index:10;
} 

img{
border:none;
behavior:url(../kale/js/iepngfix.htc);
}

a.optiek2{
display:block;
height:140px;
background:url(../images/optiek-fade-logo.png) no-repeat;
}

a.optiek2:hover{
background:url(../images/optiek-kale-logo.png) no-repeat;
}

a.hearing-aid2{
display:block;
height:140px;
background:url(../images/hearing-aid-fade-logo.png) no-repeat;
}

a.hearing-aid2:hover{
background:url(../images/hearing-aid-logo.png) no-repeat;
}

a.hearing-aid2{
display:block;
height:140px;
background:url(../images/hearing-aid-fade-logo.png) no-repeat;
}

a.hearing-aid2:hover{
background:url(../images/hearing-aid-logo.png) no-repeat;
}

.hiddenPic{
display:none;
}