if(document.all){
  widthMark = screen.availWidth/10;
  heightMark = screen.availHeight/8;
}else{
   widthMark = (innerWidth/0.9)/10;
   heightMark = (innerHeight/0.7)/8;
}

if (widthMark<=40) widthMark=40;
if (heightMark<=40) heightMark=40;

multiplier = 0.0087;
mapmultiplier = 0.0077;
scotmultiplier = 0.0062;
areamultiplier = 0.009;

var writeStyle = '';
writeStyle += '<style>'; 
writeStyle += 'img.house { width: ' + (heightMark*multiplier*684) + 'px;}';
writeStyle += 'img.house { height: ' + (heightMark*multiplier*492) + 'px;}';
writeStyle += 'img.room1 { width: ' + (heightMark*multiplier*439) + 'px;}';
writeStyle += 'img.room1 { height: ' + (heightMark*multiplier*323) + 'px;}';
writeStyle += 'img.room2 { width: ' + (heightMark*multiplier*439) + 'px;}';
writeStyle += 'img.room2 { height: ' + (heightMark*multiplier*323) + 'px;}';
writeStyle += 'img.breakfast { width: ' + (heightMark*multiplier*439) + 'px;}';
writeStyle += 'img.breakfast { height: ' + (heightMark*multiplier*323) + 'px;}';
writeStyle += 'img.map1 { width: ' + (heightMark*scotmultiplier*750) + 'px;}';
writeStyle += 'img.map1 { height: ' + (heightMark*scotmultiplier*688) + 'px;}';
writeStyle += 'img.map2 { width: ' + (heightMark*mapmultiplier*720) + 'px;}';
writeStyle += 'img.map2 { height: ' + (heightMark*mapmultiplier*515) + 'px;}';
writeStyle += 'img.map3 { width: ' + (heightMark*mapmultiplier*720) + 'px;}';
writeStyle += 'img.map3 { height: ' + (heightMark*mapmultiplier*515) + 'px;}';

writeStyle += 'img.area1 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area1 { height: ' + (heightMark*areamultiplier*145) + 'px;}';
writeStyle += 'img.area1 { float:right}';
writeStyle += 'img.area2 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area2 { height: ' + (heightMark*areamultiplier*146) + 'px;}';
writeStyle += 'img.area2 { float:right}';
writeStyle += 'img.area3 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area3 { height: ' + (heightMark*areamultiplier*142) + 'px;}';
writeStyle += 'img.area3 { float:right}';
writeStyle += 'img.area4 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area4 { height: ' + (heightMark*areamultiplier*141) + 'px;}';
writeStyle += 'img.area4 { float:right}';
writeStyle += 'img.area5 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area5 { height: ' + (heightMark*areamultiplier*121) + 'px;}';
writeStyle += 'img.area5 { float:right}';
writeStyle += 'img.area6 { width: ' + (heightMark*areamultiplier*200) + 'px;}';
writeStyle += 'img.area6 { height: ' + (heightMark*areamultiplier*143) + 'px;}';
writeStyle += 'img.area6 { float:right}';

writeStyle += 'img.bigarea1 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea1 { height: ' + (heightMark*areamultiplier*495) + 'px;}';
writeStyle += 'img.bigarea2 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea2 { height: ' + (heightMark*areamultiplier*500) + 'px;}';
writeStyle += 'img.bigarea3 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea3 { height: ' + (heightMark*areamultiplier*485) + 'px;}';
writeStyle += 'img.bigarea4 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea4 { height: ' + (heightMark*areamultiplier*481) + 'px;}';
writeStyle += 'img.bigarea5 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea5 { height: ' + (heightMark*areamultiplier*413) + 'px;}';
writeStyle += 'img.bigarea6 { width: ' + (heightMark*areamultiplier*684) + 'px;}';
writeStyle += 'img.bigarea6 { height: ' + (heightMark*areamultiplier*488) + 'px;}';

writeStyle += '#head1 { font-size: ' + (widthMark*0.30) + 'px;}';
writeStyle += '#head2 { font-size: ' + (widthMark*0.25) + 'px;}';
writeStyle += '#head3 { font-size: ' + (widthMark*0.22) + 'px;}';
writeStyle += 'body { font-size: ' + (widthMark*0.19) + 'px;}';
writeStyle += '#contentpannel { position: absolute;}';
writeStyle += '#contentpannel { top: 0px;}';
writeStyle += '#contentpannel { left: 0px;}';
writeStyle += '#contentpannel { width: 100%;}';
writeStyle += '#contentpannel { hight: 100%;}';
writeStyle += '#contentpannel { visibility: visible;}';
writeStyle += '#contentpannel { padding-left: 10px;}';
writeStyle += '#contentpannel { padding-right: 10px;}';
writeStyle += '#contentpannel { padding-top: 0px;}';
writeStyle += '#contentpannel { padding-bottom: 10px;}';	

writeStyle += '</style>';
document.write(writeStyle);