BODY {padding:0;font-size: 80%; font-family : Verdana, Arial, Helvetica, sans-serif; color: #666;}
P {margin: 0px; }
H1 {color: #350023; background-color: transparent; letter-spacing:1px; margin: 0px; font: normal 140% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; }
H2 {color: #350023; background-color: transparent; padding: 0px ; margin: 0; font-size: 18px; font-family: "Futura Lt BT", "Humnst777 Lt BT", "Humanst531 BT";}
H3 {background-color: transparent; color: #350023; margin: 0px; font: bold 120% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; }
H4 {background-color: transparent; color: #350023; margin: 0px; font: bold 120% Verdana, Arial, Helvetica, sans-serif; }

#container { background:url(../image/bkg.gif) no-repeat; MaRGIN: 0px auto 10px; WIDTH: 919px; height: 800px; POSITION: relative; TEXT-ALIGN: left; z-index: 2; visibility: visible; top: 0px;  }
/*#container {background: transparent url(../images/front.png) no-repeat  0px 0px ;  MARGIN: 0px auto 10px;WIDTH: 924px;height:667px;POSITION: relative;TEXT-ALIGN: left;z-index: 2;top: 0; }*/

#navigation {
	position:absolute;
	left:18px;
	top:117px;
	width:723px;
	height:26px;
	z-index:7;
}
#webmaster {
	position:absolute;
	left:1px;
	top:647px;
	width:920px;
	height:53px;
	z-index:1;
}
#txtMain {
	background:#e7e7e7;
	position:absolute;
	left:375px;
	top:153px;
	width:490px;
	height:465px;
	z-index:3;
	padding: 5px 20px 0 20px;
	overflow: auto;
}
#txtBox01 {
	position:absolute;
	left:14px;
	top:356px;
	width:153px;
	height:242px;
	z-index:5;
	overflow: auto;
}
#txtBox02 {
	position:absolute;
	left:179px;
	top:356px;
	width:190px;
	height:183px;
	z-index:6;
	overflow: auto;
}

#contact {
	position:absolute;
	left:23px;
	top:19px;
	width:349px;
	height:29px;
	z-index:4;
}




#pageHeader {
	LEFT: auto;
	WIDTH: 100%;
	Height: 80%;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #fff 0px solid;
	POSITION: absolute;
	TOP:0px;
	z-index: 0;
	visibility: hidden;
} 
#pageHeader H1 {DISPLAY: none; }
#pageHeader H2 SPAN {PADDING-RIGHT: 0px;DISPLAY: none;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-TOP: 0px; } 
#pageHeader H2 {
	width: 880px;
	position: absolute;
	height: 474px;
	z-index: 1;
	left:0px;
	top: 0px;
	visibility: hidden;
}

#link {position:absolute;left:513px;top:20px;width:300px;height:24px;z-index:28; }

a:active {color: #9c0000; text-decoration: none; background-color: transparent;}
a:link {color: #9c0000; text-decoration: none; background-color: transparent;}
a:visited {color: #9c0000; text-decoration: none; background-color:transparent;}
a:hover {color: #666; text-decoration: none; background-color: transparent;}


#logo02 a{
	background: url(../images/logoSml.jpg) no-repeat;
	position:absolute;
	left:830px;
	top:12px;
	width:107px;
	height:195px;
	z-index:100;
	visibility: visible;
} 

#webmaster{
	position:absolute;
	left:11px;
	top:635px;
	width:903px;
	height:37px;
	z-index:2;
	visibility: visible;
}

#chunk40 {
	left: 40px;
	width: 432px;
	height: 30px;
	position: absolute;
	TOP: 193px;
	z-index: 3;
	visibility: visible;

}
#banners {
	position:absolute;
	width:133px;
	height:433px;
	z-index:2;
	left: 799px;
	top: 204px;
	visibility: visible;
}
.red {
	background-color: transparent;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	;
	font-size: 100%;
	border: none;
	font-weight: normal;
	color: #350023;
	font-style: italic;
	width: 400px;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
}

.bold { background-color: transparent; font-family:  Verdana, Arial, Helvetica, sans-serif;;font-size: 100%;border: none;font-weight: bold;color: #670946; }

.bold2 {font-family:  Verdana, Arial, Helvetica, sans-serif;;font-size: 90%;border: none;font-weight: bold;color: #350023; }
.bold3 {font-family:  Verdana, Arial, Helvetica, sans-serif;;font-size: 120%;border: none;font-weight: bold;color: #fff; }
.bold4{font-family:  Verdana, Arial, Helvetica, sans-serif;;font-size: 90%;border: none;font-weight: bold;color: #fff; }

.italic {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border: none;
	color: #666666;
	font-weight: bold;

}

#footer {clear: both; width: 915px; font-size: 10px; text-align:center; font-weight: normal; color: #626634; margn: 0 0 10px 0}
.footerContent{float: left; width: 140px;  padding: 0 4px 0 4px;}
.footerContent2{float: left; width:238px; padding: 0 4px 0 4px;  }
.footerContent3{float: left; width:370px;  padding: 0 4px 0 4px; }




.smallTxt {font-size: 9px}

#value01 {
	LEFT: 17px;
	width: 833px;
	height: 20px;
	position: absolute;
	TOP: 172px;
	padding: 0  0 0 10px;
	z-index: 34;
	visibility: visible;
}


.links01 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 100%; color: #666; background-color:transparent; font-weight:bold}
a.links01:link {text-decoration : none; color: #666; background-color: transparent;}
a.links01:visited {text-decoration : none; color: #666; background-color: transparent;}
a.links01:hover {text-decoration : none; color: #9c0000; background-color: transparent;}
a.links01:active {text-decoration : none;}

.links02 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 100%; color: #666; background-color: transparent; font-weight:bold}
a.links02:link {text-decoration : underline; color: #666; background-color: transparent;}
a.links02:visited {text-decoration : none; color: #666; background-color: transparent;}
a.links02:hover {text-decoration : none; color: #ccc; background-color: transparent;}
a.links02:active {text-decoration : none;}

.links03 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 80%; color: #ccc; background-color:transparent; font-weight:bold}
a.links03:link {text-decoration : none; color: #ccc; background-color: transparent;}
a.links03:visited {text-decoration : none; color: #ccc; background-color: transparent;}
a.links03:hover {text-decoration : none; color: #c8b8b8; background-color: transparent;}
a.links03:active {text-decoration : none;}

.links04 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 90%; color: #9c0000; background-color:transparent; font-weight:bold}
a.links04:link {text-decoration : none; color: #fff; background-color: transparent;}
a.links04:visited {text-decoration : none; color: #fff; background-color: transparent;}
a.links04:hover {text-decoration : none; color: #c8b8b8; background-color: transparent;}
a.links04:active {text-decoration : none;}

.links05 {font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 100%; color: #9c0000; background-color:transparent; font-weight:bold}
a.links05:link {text-decoration : none; color: #c8b8b8; background-color: transparent;}
a.links05:visited {text-decoration : none; color: #c8b8b8; background-color: transparent;}
a.links05:hover {text-decoration : none; color: #666; background-color: transparent;}
a.links05:active {text-decoration : none;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 15px;
background-color: transparent;
}
.vscrollerbar {
width: 15px;
background-color: blue;
}

.scrollerjogbox {
width: 15px;
height: 15px;
bottom: 0px; right: 0px;
background-color: gray;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 400px;
height: 388px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position:relative; left:50px; top:120px;
background-color: transparent;
padding: 0 15px 0 0;
z-index:20;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 400px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
margin: 0.3em auto;
padding: 15px;
}
.boxedtxt {
	color: #000000;
}


/* The header and top navigation */
#headfoot {clear: both; width: 820px; font-size: 10px; text-align:center; font-weight: normal; background: transparent; padding: 15px 0 40px 0; height: 80px; z-index: 30;  margin: 0 0 0 7px;}

.headfoot{float:left; width:200px; height:82px;  margin: 0 0 0 0;}
.headfoot2 a {float:left; width:121px; height:82px; background: url(../images/navSister.gif) no-repeat; margin: 0 0 0 7px;}
.headfoot2 a:hover {background-POSITION: 0px -88px;}

.headfoot3 a {float:left; width:123px; height:82px; background: url(../images/navSG.gif) no-repeat; margin: 0 0 0 7px;}
.headfoot3 a:hover {background-POSITION: 0px -88px;}

.headfoot4 a {float:left; width:120px; height:82px; background: url(../images/navHistory.gif) no-repeat; margin: 0 0 0 7px;}
.headfoot4 a:hover {background-POSITION: 0px -88px;}

.headfoot5 a {float:left; width:120px; height:82px; background: url(../images/) no-repeat; margin: 0 0 0 7px;}
.headfoot5 a:hover {background-POSITION: 0px -88px;}

.headfoot6 a {float:left; width:120px; height:82px; background: url(../images/navGrasmere.gif) no-repeat; margin: 0 0 0 7px;}
.headfoot6 a:hover {background-POSITION: 0px -88px;}

.headfoot7 {float:left; width:300px; height:150px; margin: 0 0 0 7px;}

#comments, #comments2, #comments3, #comments4, #comments5, #comments6, #comments7 {
	position:absolute;
	width:347px;
	height:190px;
	z-index:2;
	left: 12px;
	top: 153px;
}
#comments {	background:url(../image/picture01.jpg) no-repeat;}
#comments2 { background:url(../image/picture02.jpg) no-repeat;}
#comments3 { background:url(../image/picture03.jpg) no-repeat;}
#comments4 { background:url(../image/picture04.jpg) no-repeat;}
#comments5 { background:url(../image/picture05.jpg) no-repeat;}
#comments6 { background:url(../image/picture06.jpg) no-repeat;}
#comments7 { background:url(../image/picture07.jpg) no-repeat;}

#value02 {
	LEFT: 33px;
	width: 766px;
	height: 23px;
	position: absolute;
	TOP: 624px;
	padding: 0;
	z-index: 23;
	font-size:12px;
	font-weight:bold;
}

#value02_01 {
	LEFT: 303px;
	width: 254px;
	height: 23px;
	position: absolute;
	TOP: 511px;
	padding: 0;
	z-index: 22;
	font-size:12px;
	font-weight:bold;
}

#value03 {background: #2D3D5E url(../images/casestudy/mediaHype03.jpg) no-repeat; color: #fff;
	position:absolute;
	left:233px;
	top:35px;
	width:590px;
	height:503px;
	z-index:4;}
	
#value05 {
	background: transparent url(../images/lines.gif) no-repeat;
	color: #fff;
	position:absolute;
	left:328px;
	top:84px;
	width:38px;
	height:426px;
	z-index:4;
	visibility: visible;
}
#awards {
	position:absolute;
	left:163px;
	top:540px;
	width:220px;
	height:70px;
	z-index:3;
}
#homefilm { clear: both; width: 327px; font-size: 10px; text-align:centre; font-weight: normal; color: #626634; margn: 0 0 10px 0}
.homefilmContent{float: left; width:80px;  padding: 0;}
.homefilmContent2{float: left; width:290px;  padding: 0 0 0 4px ;}
.homefilmContent3{float: left; width:300px;  padding: 0; text-align: center; font-family : Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.floatmeRight {
	float: right;
	padding-left: 10px;
}