/* =----------------------------------------------------------------------------------

IPHandbook - Main Style Sheet

Version:	1.0 - Last Updated May 2008

author: 	Ben Holliday

email: 		ben.holliday@tincan.co.uk

--------------------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typography.css");

/* =------------------------------------------------------------------------ */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }

.clearfix{
	display: block;
}

/* */

/* =------------------------------------------------------------------------

Layout

----------*/

#container {
	width: 885px;
	margin: 28px 0 28px 28px;
	position: relative;
}

#navigation {
	width: 400px;
	height: 722px;
	position: absolute;
	background: #fff url(/images/container-back.png) repeat-y top left;
}

#content {
	float: right;
	width: 400px
}

/* */

/* =------------------------------------------------------------------------

Formatting

----------*/

#skip a{	
	display: block;
	position: absolute;
	top:0;
	left: -9999px;
	padding: 10px 20px;
	background-color: yellow;
	z-index: 99999;
	font-size: 1.4em;
	color: black;
}

#skip a:focus {
	left: 0;
}

#content ol {margin: 0 0 0 30px}
#content ol li {font-size: 1.2em; color: #666; list-style-type: decimal}

#navigation h2{
 	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

#navigation h1 a{
 	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	height: 225px;
	text-indent: -9999px;
	background: #fff url(/images/main-logo.png) no-repeat top left;
}

#navigation h1 a:hover, #navigation h1 a:focus{
	background-position: bottom right;
	z-index: 1;/* fixes opera9 bug*/
}

#navigation ol#mainNav {
	position: absolute;
	top: 255px;
	left: 0;
}

#navigation ol#mainNav li a{
	position: absolute;
	display: block;
	left: 0px;
	text-indent: -9999px;
}

#navigation ol#mainNav li a:hover,
#navigation ol#mainNav li a:focus,
#navigation ol#mainNav li.current a {
	background-position: bottom left!important;
	z-index: 1;/* fixes opera9 bug*/
}

#navigation ol#mainNav li#link1 a{
	top: 0;
	width: 107px;
	height: 24px;
	background: #fff url(/images/mainnav-li1.png) no-repeat top left;
}

#navigation ol#mainNav li#link2 a{
	display: block;
	top: 24px;
	width: 92px;
	height: 48px;
	background: #fff url(/images/mainnav-li2.png) no-repeat top left;
}

#navigation ol#mainNav li#link3 a{
	top: 72px;
	width: 92px;
	height: 48px;
	background: #fff url(/images/mainnav-li3.png) no-repeat top left;
}

#navigation ol#mainNav li#link4 a{
	top: 120px;
	width: 110px;
	height: 48px;
	background: #fff url(/images/mainnav-li4.png) no-repeat top left;
}

#navigation ol#mainNav li#link5 a{
	top: 168px;
	height: 24px;
	width: 79px;
	background: #fff url(/images/mainnav-li5.png) no-repeat top left;
}

#navigation ol#mainNav li#link6 a{
	top: 192px;
	height: 48px;
	width: 106px;
	background: #fff url(/images/mainnav-li6.png) no-repeat top left;
}

#navigation ol#mainNav li#link6 a{
	top: 192px;
	height: 36px;
	background: #fff url(/images/mainnav-li6.png) no-repeat top left;
}

#navigation ol#mainNav li#link7 a{
	top: 228px;
	height: 36px;
	width: 86px;
	background: #fff url(/images/mainnav-li7.png) no-repeat top left;
}

#navigation ol#mainNav li#link8 a{
	top: 264px;
	height: 36px;
	width: 86px;
	background: #fff url(/images/mainnav-li8.png) no-repeat top left;
}

#navigation ol#mainNav li#link9 a{
	top: 299px;
	height: 24px;
	width: 43px;
	background: #fff url(/images/mainnav-li9.png) no-repeat top left;
}

#navigation #subNav {
	position: absolute;
	top: 0px;
	left: 237px;
	width: 160px;
}

#navigation #searchResults {
	position: absolute;
	top: 0px;
	left: 237px;
	width: 160px;
}

#navigation #holdingPage{
	position: absolute;
	top: 0px;
	left: 237px;
	width: 160px;
}

#navigation ul#footerNav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 160px;
	height: 29px;
}

#navigation ul#footerNav li#channel4 a{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 22px;
	height: 29px;
	text-indent: -99999px;
	background: #fff url(/images/channel4-logo.png) no-repeat top left;
}

#navigation ul#footerNav li#five a{
	position: absolute;
	left: 30px;
	bottom: 0;
	width: 56px;
	height: 29px;
	background: #fff url(/images/five_logo.png) no-repeat top left;
	text-indent: -99999px;
}

#navigation ul#footerNav li#channel4 a:hover, #navigation ul#footerNav li#five a:hover,
#navigation ul#footerNav li#channel4 a:focus, #navigation ul#footerNav li#five a:focus{
	background-position: bottom left;
}

div.parainline p {
  background-image: url(/images/adobe_logo_small.gif) ; 
  background-repeat: no-repeat ;
  padding-left: 25px;
  height: 17px;
}

div.parainline_pdf p {
  position:absolute;
  top:565px;
  left:-3px ;
  background: #fff url(/images/adobe_logo_small.gif) no-repeat top left; 
  padding: 1%;
  padding-left: 21px;
  padding-bottom: 4px;
  padding-top:1px;
  width: 160px;
  height: 17px;
}

form#search {
	width: 180px;
	height: 30px;
	position: absolute;
	top: 615px;
	left: 0;
	padding-top: 15px;
	background: #fff url(/images/search.png) no-repeat top left;
}

form#search legend {
	display: none;
}

form#search label{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

form#search input {
	width: 158px;
	padding: 0.2em 0.2em 0.4em 0.2em;
	border: 2px solid #eceded;
	color: #666666;
}

form#search input:focus {
	border: 2px solid #666666;
}

form#search input#go {
	width: 22px;
	height: 13px;
	position: absolute;
	top: -1px;
	left: 56px;
	padding-top: 0;
	border: none;
}