@charset "UTF-8";
/* CSS Document */

/* Generic Selectors */ 


a img { border: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: #4e7387;
/*	background-image: url(../images/bground.jpg);
	background-repeat: repeat;   */

}
.text {
	color: #ccc;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: none;
	text-decoration: none;
}
.textitalic {
	color: #ccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
}
.textbold {
	color: #ccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	text-decoration: none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#999;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: 0em;
	vertical-align: middle;
	font-size: 10px;
	text-indent: left 25px;
	text-indent: right 15px;
}
p { 
	width: 80%; 
} 

li { 
	list-style-type: none; 
	line-height: 150%; 
	list-style-image: url(../images/arrowSmall.gif); 
} 

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 20px;
	font-style: bold;
	text-decoration: none;
	font-weight: bold;
} 

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	font-style: bold;
	text-decoration: none;
	font-weight: bold;
} 

/**************** Pseudo classes ****************/ 


/************************* ID's *************************/ 


#backpanel {  /*main grey background panel*/
	position: absolute;
	left: 100px;
	top: 20px;
	z-index: 11;
	width: 1020px;
	height: 700px;
	background-color: #333;
	color: 000;
	box-shadow: 7px 7px 8px #333;
	-webkit-box-shadow: 7px 7px 8px #333;
	-moz-box-shadow: 7px 7px 8px #333;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
#menu {  /*main top menu*/
	position: absolute;
	left: 0px;
	top: 172px;
	z-index: 10;
	width: 1000px;
	height: 20px;
	margin: 0;
	font-weight: normal;
	color:#ccc;
	text-decoration: none;
	letter-spacing: 0.3em;
	word-spacing: 0.2em;
	vertical-align: bottom;
	font-size: 10px;
	text-indent: 25px;
} 
#header {  /*main banner at top*/
	position: absolute; left: 0px; top: 50px; 
	z-index: 15;
/*	background-color: #000000;*/
	width: 1000px;
	height: 120px;

} 
#goldband {  /*main grey band at top*/
	position: absolute; left: 0px; top: 152px; 
	z-index: 14;
	width: 1018px;
	height: 20px;
	background-color: #8C6943;
	background-image: url(../images/silverband.jpg); 
	background-position: centred;
} 
#footer {   /*static footer at bottom*/
	position: absolute; left: 0px; bottom: 0px; 
	z-index: 16;
	width: 1018px;
	height: 20px;
	background-color: #000000;
	font-weight: normal;
	color:#999;
	text-decoration: underline;
	letter-spacing: 0.1em;
	word-spacing: 0em;
	vertical-align: bottom;
	font-size: 10px;
	text-indent: 25px;

} 
#content { 
	position: absolute; left: 125px;top: 120px; /*body of page - use php include function pointing to a page in 'content' folder*/
	width: 800px;
	z-index: 19; 

} 

#picpanel { 
	position: absolute; left: 0px;top: 300px; /*middle image panel - use php include function pointing to a .php file in 'content' folder*/
	z-index: 17; 
	width: 1018px;
	height: 400px;
} 
#higherpanel {
	position: absolute;
	left: 25px;
	top: 200px; /*middle image panel - use php include function pointing to a .php file in 'content' folder*/
	z-index: 22;
	width: 136px;
	height: 120px;
} 
#pamper { 
	position: absolute; right: 0px; bottom: 20px; /*pamper logo bottom right*/
	z-index: 18; 
	width: 1018px;
	height: 128px;
	background-image: url(../images/pampersilver.png); 
	background-position: right;
	background-repeat: no-repeat;

} 
#social { 
	position: absolute; left: 20px; top: 670px; /*social site logos bottom left*/
	z-index: 21; 
	width: 400px;
	height: 40px;

}