@charset "utf-8";
/**********  some default settings to help cross browser and text sizing issues  ************************/

* { padding:0px; margin:0px; }
html { overflow-y: scroll; }
html, body { height:100%; }
body { font-size:62.5%; font-family:  Helvetica, Arial, Verdana, sans-serif; background: #fff; background-image:url(../images/background-pattern.jpg); background-repeat:repeat; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #666666; line-height:1.7em; margin: 0 0 25px; }


/****************  text styles ***************************/

h1 {font-size:1.4em;}
h2 {font-size:1.8em;}
h3 {font-size:1.1em;}
a { outline:none; text-decoration: none; }
a img { border:none; }
img { vertical-align:middle }
a:link { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #666666; text-decoration: none; }
a:visited { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #666666; text-decoration: none; }
a:hover { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #666666; text-decoration: underline; }
a:active { font-family:  Arial, Helvetica, Verdana, sans-serif; color: #666666; text-decoration: underline; }
h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; color:#000; }
p { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight: normal; font-size:1.1em; margin-bottom:10px; }
ul { font-family:Arial, Helvetica, sans-serif; color:#5a5a5a; font-weight: normal; font-size:1.2em; }


/*******************  Misc Classes  ***********************/

.hidden { display:none; }
.hr_class { color:#663399; height:1px; width:90%; margin-top:30px; margin-bottom:0px; text-align:center; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; height:0px; }
.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }
.overflow_hidden { overflow:hidden;}

img, .png {
       position: relative;
       behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
       this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
       this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}



/*******************  Centers page on the screen  ***********************/

.oneColElsCtr #container { width: 950px; background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ padding: 0px 20px 0px 20px;  }


/*******************  all other styles  ***********************/


#header { height:130px; margin-bottom:10px;}

#logo {width:390px; height:125px; margin-top:5px; }

#banner_ad {
	width:468px;
	height:60px;
	margin-top:40px;
	background-color:#9FC;
}


#main_navigation { height:30px; margin-bottom:10px; background-image:url(../images/hnav_bak.gif); background-repeat:repeat-x;}

#main_navigation ul {position: relative; top:7px;}
#main_navigation li { display:inline; font-size:1.4em; font-weight:bold; color:#fff; text-transform:capitalize; margin-left:20px; }
#main_navigation li a {color:#fff;}

#content_area { height:600px; margin-bottom:10px; }
#footer  { height:100px; margin-bottom:10px;  background-image:url(../images/footer_bak.gif); background-repeat:repeat-x;}
#footer p { font-size:1.2em; color:#fff; position:relative; top:70px; left:680px;}

#map {width:471px; height:579px; background-image:url(../images/map_backtop.gif); background-repeat:no-repeat; margin-right:10px;}
#map_backbase {width:471px; height:21px; background-image:url(../images/map_backbase.gif); background-repeat:no-repeat;}

#map_backtop { position:relative; width:470px; height:579px; display:block; overflow:hidden;  /*background-color:#FFC*/}

#map_backtop ul { list-style:none;}

#map_backtop ul  li { display:block; width:100px; height:46px; z-index:99;}

#glasgow { position:relative; top:384px; left:155px; width:97px; height:46px;  cursor:pointer;}
#perth {  position:relative; top:279px; left:219px; width:97px; height:46px; cursor:pointer;}
#edinburgh { position:relative; top:285px; left:303px; width:97px; height:46px;/* cursor:pointer; */}
#dundee { position:relative; top:175px; left:315px; width:97px; height:46px; /* cursor:pointer; */}
#aberdeen { position:relative; top:45px; left:365px; width:97px; height:46px;/* cursor:pointer; */ }
#highlands {  position:relative; top:20px; left:153px; width:97px; height:46px; /* cursor:pointer; */ }


#info, #ginfo, #einfo, #dinfo, #pinfo, #hinfo { position:relative; left:21px; width:429px; height:127px;} 

#info {top:302px; }






#ginfo {top:302px;}
#einfo {top:-125px; }
#dinfo {top:-325px; }
#pinfo {top:302px; }
#hinfo {top:-725px;}


#content { width:300px; height:600px;}

#content_ad { height:100px; margin-bottom:10px; background-color: #FCF}
#text { width:300px;  }

#skyscraper_ad { width:160px; height:600px; margin-left:7px; background-color:#FFC}