<style type="text/css">
html, body { height: 100%;width: fixed;
}

hr {
	position: absolute;
	top:173px;
	color:solid #FFF;background-color:#FFF;height:10px;border:none; 
	border: solid #FFF;/*** make line solid in explorer ***/
	left:0%;
	width:104%;
	overflow: visible;
	z-index:600;
	visibility: visible;
}
.hr-pos { 
	position: absolute;
	top: 363px;/*** height / 2 +full height padding (77+50) ***/
	z-index:600;}
#toptext {
	position: absolute;
	top: 5.5em;
	left: 2.5em;
	height:1px;
	}
#txtinner {
	position: absolute;
	top: -55px;
	}
h4 { 
	background-image: url(white_logo-copy.jpg); 
	background-repeat:no-repeat;
	background-position:right top;
}
#logobox { 
	position: absolute;
	top: 0%;/*** height / 2 +full height padding (77+50) ***/
	z-index:100;
}
#logo {
	margin-top:2.5em;
    margin-left:80%;
    position:fixed; 
    overflow:hidden;
	z-index: 500;
}
.background {
	background-attachment: scroll;
	background-color: #666;
	background-image: url(file:///Macintosh%20HD/WhiteorCream-Newsite%20/whiteorcream.ie/images/white_logo-copy.jpg);
	background-repeat: no-repeat;
	background-position: right top;}
#outer{
	position: absolute;
	top: 23em;
	left: 0px;
	width:100%;
	overflow: visible;
	z-index:0;
	}
#inner{
	width:104%;
	height:372px;
	margin-left: -50%;/*** width / 2 ***/
	background-color: #dfdbd7;
	position: absolute;
	top: -187px;/*** height / 2 +full height padding (77+50) ***/
	left:50%;
	z-index:2;
}
#text{
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333;
	font-weight:300;
	line-height:1.8em;
	letter-spacing:.03em;
	text-align:left;
	padding-top:1em;
	padding-bottom:5%;
	padding-right:1.5%;
	margin-top:9em;
	margin-left:403px;
	margin-right:51%;
	max-width:20%;
	top: 0%;/*** height / 2 +full height padding (77+50) ***/
	left:0%;
	z-index:300;
	display: inline;
}
.3{width:17%;
	padding-right:+1%;
}

#leftimage{
	width: 137px;
	height: 411px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left: -50%;/*** width / 2 ***/
	position: absolute;
	top: 50%;/*** height / 2 +full height padding (77+50) ***/
	left:50%;
	z-index:4;
}
h6 {
	position: absolute;
	width:20em;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:.13em;
	font-weight:400;
	line-height:2.3em;
	color:#000;
	margin-top:auto;
	text-align:left; 
	font-size:.6em;
	z-index:2;
}
p {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:.11em;
	font-weight:550;
	line-height:1.5em;
	color:#000;
	text-align:left; 
	font-size:.6em;
	z-index:2;
}
.about:link {
	color: #000;
	text-decoration: none;
	}
.about:visited {
	text-decoration: none;
	color: #000;
}
.about:hover {
	text-decoration: none;
	color:#c0b4a7;
}
.about:active {
	text-decoration: none;
	color: #000;
}
.No1 {
	color:#FFF;}
#white_logo{
	position:absolute;
	z-index:6;
}
#image-position{
	position: absolute;
	top:0px;/*** height / 2 +full height padding (77+50) ***/
	left:50%;
	z-index:111;
}
#image{
	width: 373px;
	position: absolute;
	top:0px;/*** height / 2 +full height padding (77+50) ***/
	left:0px;
	z-index:11;
}
#image2{
	width: 373px;
	position: absolute;
	top:124px;/*** height / 2 +full height padding (77+50) ***/
	left:0px;
	z-index:12;
}
#image3{
	width: 373px;
	position: absolute;
	top: 248;/*** height / 2 +full height padding (77+50) ***/
	left:0px;
	z-index:13;
}
#image4{
	width: 373px;
	position: absolute;
	top: 0px;/*** height / 2 +full height padding (77+50) ***/
	left:124px;
	z-index:14;
}
#image5{
	width: 373px;
	position: absolute;
	top: 124px;/*** height / 2 +full height padding (77+50) ***/
	left:124px;
	z-index:15;
}
#image6{
	width: 373px;
	position: absolute;
	top: 248px;/*** height / 2 +full height padding (77+50) ***/
	left:124px;
	z-index:16;
}
#image7{
	width: 373px;
	position: absolute;
	top: 0;/*** height / 2 +full height padding (77+50) ***/
	left:248px;
	z-index:17;
}
#image8{
	width: 373px;
	position: absolute;
	top: 124px;/*** height / 2 +full height padding (77+50) ***/
	left:248px;
	z-index:18;
}
#image9{
	width: 373px;
	position: absolute;
	top: 248px;/*** height / 2 +full height padding (77+50) ***/
	left:248px;
	z-index:19;
}
#image10{
	width: 373px;
	position: absolute;
	top: 0px;/*** height / 2 +full height padding (77+50) ***/
	left:372px;
	z-index:20;
}
#image11{
	width: 373px;
	position: absolute;
	top: 124px;/*** height / 2 +full height padding (77+50) ***/
	left:372px;
	z-index:21;
}
#image12{
	width: 373px;
	position: absolute;
	top:248px;/*** height / 2 +full height padding (77+50) ***/
	left:372px;
	z-index:22;
}
#image13{
	width: 373px;
	position: absolute;
	top: 0;/*** height / 2 +full height padding (77+50) ***/
	left:496px;
	z-index:23;
}
#image14{
	width: 373px;
	position: absolute;
	top:124px;/*** height / 2 +full height padding (77+50) ***/
	left:496px;
	z-index:24;
}
#image15{
	width: 373px;
	position: absolute;
	top:248px;/*** height / 2 +full height padding (77+50) ***/
	left:496px;
	z-index:24;
}#basetext{
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: #333;
	height: auto;
	letter-spacing:.17px;
	text-align: left;
	padding-top:0%;
	padding-bottom:0px;
	margin-top: 95%;
	padding-left:6em;
	top: 0%;/*** height / 2 +full height padding (77+50) ***/
	left:0%;
	z-index:5;
}
</style>

