/*
Dont Go Round The Houses Globals CSS
Version: 1
Built By: http://19eightyseven.com
Designed By By: http://idea-3.co.uk
*/

html, body {
height: 100%;
}

body {
background:url("../images/mainbg.jpg") repeat-x scroll center 0 #46166B;
color:#FFFFFF;
font-family:Helvetica,Arial,Serif;
font-size:0.8em;
line-height:16px;
margin:0;
padding:0;
text-align:left;
}

/*@font-face {
	font-family: 'GillSansMTBold';
	src: url('../fonts/Gill_Sans_MT_Bold.eot');
	src: local('Gill Sans'), local('GillSansMT'), url('../fonts/Gill_Sans_MT_Bold.woff') format('woff'), url('../fonts/Gill_Sans_MT_Bold.ttf') format('truetype'), url('../fonts/Gill_Sans_MT_Bold.svg#GillSansMT-Bold') format('svg');
}
@font-face {
	font-family: 'GillSanscus';
	src: url('../fonts/Gill_Sans_MT.eot');
	src: local('Gill Sans MT Regular'), local('GillSansMT'), url('../fonts/Gill_Sans_MT.woff') format('woff'), url('../fonts/Gill_Sans_MT.ttf') format('truetype'), url('../fonts/Gill_Sans_MT.svg#GillSansMT') format('svg');
}*/

a {
border: none;
color:#ffd200;
text-decoration: none;
}

a:hover {
color:#ffffff;
}

a:active {
outline: none;
}

img {
border: none;
outline: none;
}

h1 {
color:#ffd200;
font-size:48px;
font-weight:bold;
line-height:50px;
text-transform:uppercase;
}

h1#logo a {
background:url("../images/logo.jpg") no-repeat scroll -11px center transparent;
border:medium none;
display:block;
float:left;
height:73px;
margin:3px 0 3px 30px;
text-indent:-99999px;
width:248px;
}

h1.map {
font-size:44px;
margin:0 0 22px;
text-align:center;
text-transform:none;
}

h2 {
color:#FFD200;
font-size:22px;
font-weight:bold;
line-height:26px;
margin:30px 0 10px;
text-align:center;
text-transform:uppercase;
width:100%;
}

h3 {
color:#ffd200;
font-size:19px;
font-weight:bold;
line-height:26px;
margin:20px 0 0
}

h4 {
color:#ffd200;
font-size:14px;
font-weight:bold;
line-height:26px;
margin:20px 0 0
}

h5 {
color:#ffd200;
font-size: 12px;
font-weight: bold;
}

h6 {
font-size: 11px;
}

.heavy {
font-weight: bold;
}
.center {
text-align: center;
width: 100%;
}

.smalltype {
font-size:10px;
font-weight:bold;
}

.color {
color: #ed1c24;
font-weight: bold;
}

.yellow {
color:#ffd200;
}

.noborder {
border: none;
}

.border {
border:1px solid #ffffff;
}

.left {
float: left;
}

.right {
float: right;
}

.left5margin {
margin-left: 5px;
}

.top10margin {
margin-top: 10px;
}

.top15margin {
margin-top: 15px;
}

.top20margin {
margin-top: 20px;
}

.btm15margin {
margin-bottom: 15px;
}

.nomargintop {
margin-top: 0;
}

.shrink {
padding: 0 40px;
}

/* BOX */

/* Overlay */
#simplemodal-overlay {
background:#afa2c5;
}

/* MAP OVERLAY */
#mapsearchoverlay {
display: none;
}

/* Container */
#simplemodal-container {
background:url("../images/bg.jpg") repeat scroll 0 0 #46166B;
border:1px solid #FFFFFF;
color:#BBBBBB;
height:auto;
padding:10px 20px 55px;
width:auto;
}

#simplemodal-container a.modalCloseImg {
background:url("../images/close.jpg") no-repeat scroll 0 0 transparent;
bottom:10px;
cursor:pointer;
display:inline;
height:35px;
position:absolute;
right:18px;
width:83px;
z-index:3200;
}
#simplemodal-container #basic-modal-content {padding:8px;}

.simplemodal-wrap {
float:left;
height:100%;
outline:0 none;
padding:0 0 43px;
width:100%;
}

#simplemodal-container h2 {
color:#FFFFFF;
margin:20px 0 0;
}


#simplemodal-container-small {
background:url("../images/bg.jpg") repeat scroll 0 0 #46166B;
border:1px solid #FFFFFF;
color:#BBBBBB;
height:115px;
padding:10px 20px 55px;
width:auto;
}

#simplemodal-container-small a.modalCloseImg {
background:url("../images/close.jpg") no-repeat scroll 0 0 transparent;
bottom:10px;
cursor:pointer;
display:inline;
height:35px;
position:absolute;
right:18px;
width:83px;
z-index:3200;
}
#simplemodal-container-small #basic-modal-content {padding:8px;}

#simplemodal-container-small h2 {
color:#FFFFFF;
margin:20px 0 0;
}



a#fontsizer {
}

#fontsizebox {
display:none;
float:left;
height:100px;
width:auto;
}

ul.resizer {
margin:20px 0 0;
text-align:center;
}

ul.resizer li {
display:inline;
margin:0 14px;
}

ul.resizer li a {
font-weight: bold;
}

span#smalla {
font-size: 11px;
}

span#mediuma {
font-size: 12px;
}

span#biga {
font-size: 13px;
}

/* LIST MODALS */

#grampianlist, #highlandslist, #perthlist, #argylllist, #centrallist, #lothianlist, #strathclydelist, #dumfrieslist, #borderslist {
display:none;
}

img#mapimghighland, img#mapimglothian, img#mapimggrampian, img#mapimgperth, img#mapimgargyll, img#mapimgcentral, img#mapimglothian, img#mapimgstrathclyde, img#mapimgdumfries, img#mapimgborders {
position:absolute;
top:78px;
z-index:100;
}

img#mapimg {
position:absolute;
top:78px;
z-index:90;
}

.mapimg.mapimggrampian.hide {
display: none;
}

.mapimg.mapimggrampian.hide.show {
display: block;
}

/* FONT RESIZING */

body.small li.small a { font-size: 12px; line-height: 16px; }
body.small li.medium a { font-size: 16px; line-height: 22px; }
body.small li.large a { font-size: 20px; line-height: 26px; }

body.medium li.small a { font-size: 12px; line-height: 16px; }
body.medium li.medium a { font-size: 16px; line-height: 22px; }
body.medium li.large a { font-size: 20px; line-height: 26px; }

body.large li.small a { font-size: 12px; line-height: 16px; }
body.large li.medium a { font-size: 16px; line-height: 22px; }
body.large li.large a { font-size: 20px; line-height: 26px; }

.small #simplemodal-container h2 {
font-size:22px;
line-height:26px;
}

.medium #simplemodal-container h2 {
font-size:22px;
line-height:26px;

}

.large #simplemodal-container h2 {
font-size:22px;
line-height:26px;

}

.small span#smalla { font-size: 11px; }
.medium span#smalla { font-size: 17px; }
.large span#smalla { font-size: 23px; }

.small span#mediuma { font-size: 12px; }
.medium span#mediuma { font-size: 18px; }
.large span#mediuma { font-size: 24px; }

.small span#biga { font-size: 13px; }
.medium span#biga { font-size: 19px; }
.large span#biga { font-size: 25px; }

.small { font-size: 12px; line-height: 16px; }
.medium { font-size: 16px; line-height: 22px; }
.large { font-size: 20px; line-height: 26px; }

.medium h1 { font-size: 52px; line-height: 58px; }
.large h1 { font-size: 60px; line-height: 66px; }

.medium h2 { font-size: 28px; line-height: 34px; }
.large h2 { font-size: 34px; line-height: 40px; }

.medium h3 { font-size: 25px; line-height: 31px; }
.large h3 { font-size: 31px; line-height: 37px; }

.medium h4 { font-size: 20px; line-height: 26px; }
.large h4 { font-size: 26px; line-height: 32px; }

.medium h5 { font-size: 18px; line-height: 24px; }
.large h5 { font-size: 24px; line-height: 30px; }

.medium h6 { font-size: 17px; line-height: 23px; }
.large h6 { font-size: 23px; line-height: 29px; }


/* NOSCRIPT */

#noscript {
background:url("../images/bg.jpg") repeat scroll 0 0 #46166B;
float:left;
font-size:12px;
font-weight:bold;
height:auto;
padding:9px 0 6px;
text-align:center;
text-transform:uppercase;
width:1000px;
}
