/*STYLE SHEET FOR ORIGINTECHNICALPRODUCTIONS.CO.UK */
/* LAST EDITED BY: PETER COX */

/* 09_otp_global.css v1.6 (23.02.10) */
/* W3C validated 16.02.10 */



/* zero everything from browser defaults. Don't put list selectors in here */
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, td, tr, blockquote q { 
margin: 0; 
padding: 0; 
border: 0;
outline:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%; /*	 Makes 1 em = 10pts (.625 x 16) rather than 16pts */
	color:#000000;
	background-color:#000;
	/*background-color:#4e2b49;*/ /* too purple */
	/*background-image:url(/site09/visual1.gif);
	background-image:url(/site09/background1-8col.gif);
	background-image:url(/images09/gif256/background2-8col.gif);
	background-image:url(/images09/gif256/background3-4col.gif);
	background-image:url(/images09/gif256/background4-4col.gif);*/
	background-position:top left;
	background-repeat:no-repeat;
	}

.clear {
	clear:both;
	font-size:0;
	line-height:0
	}

#accessbar {
	margin-top:5px;
	width:100%;
	background-color:#000;
	}

#accessmenu {
	min-width:500px;
	width:800px;
	max-width:960px;
	margin:auto;
	height:1.2em;
	color:#FFFFFF;
	}


#accessmenu ul {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	/*margin-left:150px;*/
	margin-left:110px;
	/*border:1px solid teal;*/
	}
#accessmenu ul li {
	display:inline;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #666666;
	border-left:1px solid #666699;
	}
	
#accessmenu li a, #accessmenu li a:visited {
	color:#3058bd;
	color:#006eff;
	margin-left:0;
	text-decoration:none;	
	}	
#accessmenu li a:hover, #accessmenu li a:focus {
	color:#006eff;
	color:#66CCFF;
	color:#f5a300;
	color:#FFCC66;
	text-decoration:none;	
	}

#topk {
	position:relative;
	width:100%;
	background-color:#000;
	z-index:200;
	}
	
#headerwrapper {
	position:relative;
	min-width:500px;
	width:830px;
	/*width:900px;*/
	max-width:960px;
	margin:auto;
	min-height:70px;
	color:#FFFFFF;
	border:1px solid #000000; /* LEAVE!! Solves IE8 issue */
	}
	
#headlogo { 
	position:relative;
	float:left;
	top:-2px;
	margin-right:0;
	z-index:50;
	}

#wallwrapper {
	position:relative;
	width:100%;
	background-color:transparent;
	/*background-image:url(/images09/gif256/logobackground.gif);
	background-position:380px -180px;
	background-repeat:no-repeat;*/
	min-height:200px;
	/*border:1px solid red;*/
	}


#wall1 {
	position:relative;
	width:100%;
	background-color:transparent;
	background-image:url(/images09/png24/toplight50.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:15;
	/*border:0px solid red;*/
	}

#wall2 { 
	position:relative;
	width:100%;
	background-color:transparent;
	background-image:url(/images09/png24/bottomlight50.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	z-index:10;
	/*border:1px solid red;*/
	}
	
#pagewrapper { /* IE conditional */
	position:relative;
	width:100%;
	margin:auto;
	min-height:200px;
	/*z-index:1;*/
	margin-top:-10px;
	/*border:1px dotted lime;*/
	}
	
#contentWrapper { 
	position:relative;
	width:900px;
	margin:auto;
	/*border:1px dotted white;*/
	}

h1 { /* IE conditional */
	position:relative;
	float:left;
	clear:both;
	width:350px;
	margin-right:10px;
	font-size:2.0em;
	line-height:1.2em;
	font-weight:normal;
	letter-spacing:0.05em;
	margin-bottom:20px;
	color:#f5a300;
	/*background-color:#00FF99;*/
	}

.ancillary h1 {
	float:left;
	clear:left;
	width:100%;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:0.05em;
	color:#f5a300;
	}

h2 {
	font-size:1.0em;
	color:#f5a300;
	font-weight:bold;
	}
.ancillary h2 {
	color:#ffffff;
	}

h3 {
	display:block;
	margin-top:10px;
	padding-top:10px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.5em;
	color:#fff;
	}


#backgroundHolder { /* IE Conditional */
	position:relative;
	float:left;
	margin-top:-44px;
	min-height:470px;
	width:100%;
	overflow:visible;
	background-image:url(/images09/gif256/logobackground2.gif);
	background-position:top center;
	background-repeat:no-repeat;
	/*border:1px dotted yellow;*/
	}
	
.ancillary #backgroundHolder {
	background-image:url(/images09/gif256/logobackground3.gif);
	}

#introText { /* IE Conditional */
	position:relative;
	float:left;
	clear:left;
	width:360px;
	/*min-height:435px;
	min-height:310px;*/
	margin-top:34px;
	margin-top:10px;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:30px;
	/*border:1px dotted blue;*/
	}

#imgGridWrapper { /* IE conditional */
	position:relative;
	float:right;
	height:386px;
	width:475px;
	margin-top:43px;
	margin-right:36px;
	/*border:1px dotted yellow;*/
	}

/*.contact #imgGridWrapper {
	position:relative;
	float:right;
	height:386px;
	width:475px;
	margin-top:34px;
	margin-right:49px;
	border:0px dotted yellow;
	}*/


	
#ancillary p {
	margin-top:10px;
	}

#ancillary a, #ancillary a:visited, #ancillary a:active {
	color:#fff;
	color:#006eff;
	color:#7fb6ff;
	text-decoration:underline;
	}

#ancillary a:hover, #ancillary a:focus  {
	color:#fff;
	text-decoration:underline;
	}


#intro {
	position:relative;
	float:left;
	margin-left:-40px;
	width:380px;
	/*max-height:330px;*/
	overflow:visible;
	color:#d7e0ee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.6em;
	/*border:2px dotted aqua;*/
	}

#introCol2 {
	position:relative;
	float:right;
	margin-right:15px;
	width:237px;
	border-top:1px solid #006eff;
	padding-top:10px;
	margin-top:10px;
	}


#portfolioinfo a, #portfolioinfo a:visited, #portfolioinfo a:active {
	color:#fff;
	text-decoration:underline;
	}
#portfolioinfo a:hover, #portfolioinfo a:focus {	
	color:#fff;
	text-decoration:underline;
	}
	

/* ///////////////////// SHOW HIDE SECTION //////////////////////////////////////////////////////////////// */


#ShowLinkWrapper { /* The visible area before expansion */
	display:block;
	width:237px; 
	margin-top:20px;
	margin-left:50px;
	/*background-color:#000000;*/
	background-image:url(/images09/png24/bluetint.png);
	background-repeat:repeat;
	border-top:1px solid #006eff;
	/*border:1px solid red;*/
	}

#AddNewItemWrapper {
	/*display:none;*/
	width:237px;
	/*margin:auto;*/
	margin-left:50px;
	background-image:url(/images09/png24/bluetint80.png);
	/*background-repeat:repeat;*/
	padding-bottom:5px;
	/*border:1px solid cyan;*/
	}
/*.more {
	display:none;
	}*/
#AddNewItemWrapper-show, #AddNewItemWrapper-show .showLink {
	display:block;
	width:237px;
	/*margin:auto;*/
	/*border:1px solid red;*/
	}

/* This CSS is used for the Show/Hide functionality. ///////////////////////////////// */
	.more {
		display: none;
		/*border-top: 1px solid #666;
		border-bottom: 1px solid #666;*/
		}
			
/* Styling of the "Show" link: */		
a#AddNewItemWrapper-show, a#AddNewItemWrapper-show:visited, a#AddNewItemWrapper-show:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	/*background: transparent url(down.gif) no-repeat left;*/ 
	/*background: transparent url(/cms/cmsimg/down.gif) no-repeat left; */
	}
a#AddNewItemWrapper-show:hover, a#AddNewItemWrapper-show:focus {
	color:#BFE2FF;
	text-decoration:none;
	/*border-bottom: 1px dotted #36f;*/
	}
	
/* Styling of the "Hide" link: */
a#AddNewItemWrapper-hide, a#AddNewItemWrapper-hide:visited, a#AddNewItemWrapper-hide:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	/*background: transparent url(up.gif) no-repeat left; */
	/*background: transparent url(/cms/cmsimg/up.gif) no-repeat left; */
	}	
a#AddNewItemWrapper-hide:hover, a#AddNewItemWrapper-hide:focus {
	color:#BFE2FF;
	text-decoration:none;
	/*border-bottom: 1px dotted #36f;*/
	}
	
/* Styling of the "Related pages" links: */
/* These all sit within the AddNewItemWrapper div */
#AddNewItemWrapper a.relatednavlink, #AddNewItemWrapper a.relatednavlink:visited, #AddNewItemWrapper a.relatednavlink:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	}
#AddNewItemWrapper a.relatednavlink:hover, #AddNewItemWrapper a.relatednavlink:focus {
	color:#fff;
	text-decoration:none;
	}

/* ////////////////// END OF SECOND TRY  END OF SECOND TRY /////////////////////////////////////////////////////////////////// */


img#otplogoset {
	margin-bottom:20px;
	margin-right:30px;
	}



#boxrow {
	float:left;
	width:100%;
	min-height:136px;
	margin-top:35px;
	/*border:1px solid yellow;*/
	}
	
#picboxrow {
	float:left;
	width:100%;
	min-height:136px;
	margin-top:35px;
	/*border:1px solid yellow;*/
	}


#picbox1 {
	float:left;
	width:237px;
	height:118px;
	overflow:visible;
	text-align:center;
	/*margin-top:35px;*/
	margin-right:35px;
	background-color:transparent;
	outline:0;
	border:1px solid #006eff;
	/*border:1px solid #000;*/
	}

#picbox2 {
	float:left;
	width:237px;
	height:118px;
	overflow:visible;
	text-align:center;
	/*margin-top:40px;*/
	margin-right:35px;
	background-color:transparent;
	border:1px solid #006eff;
	/*border:1px solid #000;*/
	}

#picbox3 {
	float:left;
	width:237px;
	height:118px;
	overflow:visible;
	/*margin-top:40px;*/
	margin-right:5px;
	background-color:transparent;
	border:1px solid #006eff;
	}

img.picbox {
	position:relative;
	/*display:inline;*/
	/*top:-10px;*/
	margin-top:-10px;
	height:138px;
	width:237px;
	outline:none;
	border:none;
	}

#bottomk {
	float:left;
	width:100%;
	min-height:100px;
	background-color:#000;
	}
	
#footerwrapper {
	position:relative;
	top:-44px;
	width:800px;
	margin:auto;
	min-height:56px;
	color:#006eff;
	font-size:0.9em;
	padding-top:5px;
	/*border:1px dotted yellow;*/
	}
	
.homepage #footerwrapper {
	position:relative;
	top:-44px;
	width:800px;
	margin:auto;
	min-height:56px;
	color:#006eff;
	font-size:0.9em;
	padding-top:5px;
	/*border:1px dotted yellow;*/
	}

#datelinewrapper {
	float:left;
	width:250px;
	/*border:0px dotted teal;*/
	}
	
.secondary {
	color:#003780;
	}
	
.DDTStr {
	display:block;
	margin-top:5px;
	}
	
.contactNumbers {
	position:relative;
	float:right;
	margin-right:20px;
	font-weight:bold;
	font-size:1.4em;
	text-align:center;
	/*border:1px dotted teal;*/
	}
	
.numbersSecondary {
	position:relative;
	left:20px;
	font-size:1.0em;
	font-weight:normal;
	line-height:2.5em;
	color:#003780;
	}

/* IE conditional */	
#footerwrapper a.emailLink, #footerwrapper a.emailLink:visited, #footerwrapper a.emailLink:active  { 
	position:relative;
	float:right;
	top:-10px;
	left:80px;
	width:35px;
	height:35px;
	background-image:url(/images09/png24/emailicon-70.png);
	background-repeat:no-repeat;
	}	
#footerwrapper a.emailLink:hover, #footerwrapper a.emailLink:focus {
	background-image:url(/images09/png24/emailicon.png);
	background-repeat:no-repeat;
	}

a.emailLink, a.emailLink:visited, a.emailLink:active  { 
	position:relative;
	display:block;
	float:left;
	top:-7px;
	left:10px;
	width:35px;
	height:35px;
	background-image:url(/images09/png24/emailicon-70.png);
	background-repeat:no-repeat;
	/*border:1px solid fuchsia;*/
	}	
a.emailLink:hover, a.emailLink:focus {
	background-image:url(/images09/png24/emailicon.png);
	background-repeat:no-repeat;
	}


	
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ CREDIT FOOTER  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
	
#creditFooter {
	width:900px;
	margin:auto;
	border-top:1px solid #003780;
	margin-top:0;
	padding-top:25px;
	/*border:1px dotted cyan;*/
	}
	
#creditFooter a.credit {
	 float:left;
	 color:#000000;
	 color:#FFFFFF;
	 text-decoration:none;
	 }
	 
img#pcdsCreditlogo {
	float:left;
	margin-right:10px;
	}
	
#valicons {
	float:right;
	width:180px;
	height:35px;
	/*border:1px dotted red;*/
	}
	
img#xhtml88 {
	float:left;
	width:88px;
	height:31px;
	}
img#css88 {
	float:right;
	width:88px;
	height:31px;
	}