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

/* 09_global.css v1.5 (02.08.11) */
/* W3C validated dd.mm.07 */



/* 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%;
	color:#000000;
	background-color:#000;
	/*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 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:#1e47c0;
	margin-left:0;
	text-decoration:none;	
	}	
#accessmenu li a:hover, #accessmenu li a:focus {
	color:#006eff;
	text-decoration:none;	
	}

#topk {
	width:100%;
	background-color:#000;
	}
	
#headerwrapper {
	position:relative;
	min-width:500px;
	width:800px;
	max-width:960px;
	margin:auto;
	min-height:70px;
	color:#FFFFFF;
	border:1px solid #000000; /* this fixes IE8 issue - but why?? */
	z-index:200;
	}
	
#headlogo {
	position:relative;
	float:left;
	margin-top:6px;
	clear:left;
	/*border:1px solid red;*/
	}

#wallwrapper {
	width:100%;
	background-color:transparent;
	border:0px solid red;
	background-image:url(/images09/gif256/background4-4col.gif);
	background-position:0 -98px;
	background-repeat:repeat-y;
	}


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

#wall2 { 
	width:100%;
	background-color:transparent;
	background-image:url(/images09/png24/bottomlight50.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	}
	
#pagewrapper {
	float:none;
	width:800px;
	margin:auto;
	min-height:460px;
	/*border:1px solid red;*/
	}
	
#sqcolumn {
	float:left;
	width:60px;
	margin-top:40px;
	margin-right:90px;
	/*background-color:#00FFCC;*/
	}
	
#sqcolumn ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	}
	
#sqcolumn ul li {
	float:left;
	}	


.contactsquare { /* This is a link class */
	float:left;
	position:relative;
	top:-9px;
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/contactsprite.png);
	background-position:top left;
	}

.contactsquare:active, .contactsquare:hover, .contactsquare:focus {
	background-image:url(/images09/png24/contactsprite.png);
	background-position:bottom left;
	}

.aboutsquare { /* This is a link class */
	float:left;
	position:relative;
	top:-9px;
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/aboutsprite.png);
	background-position:top left;
	}

.aboutsquare:active, .aboutsquare:hover, .aboutsquare:focus {
	background-image:url(/images09/png24/aboutsprite.png);
	background-position:bottom left;
	}


.locationsquare { /* This is a link class */
	float:left;
	position:relative;
	top:-9px;
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/locationsprite.png);
	background-position:top left;
	}

.locationsquare:active, .locationsquare:hover, .locationsquare:focus {
	background-image:url(/images09/png24/locationsprite.png);
	background-position:bottom left;
	}

h1 {
	padding-top:30px;
	font-size:3.0em;
	line-height:1.5em;
	font-weight:normal;
	color:#006eff;
	}

h3 {
	padding-top:10px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	}
	
#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 {
	width:800px;
	margin:auto;
	min-height:100px;
	color:#006eff;
	color:#3058bd;
	color:#1e47c0;
	font-size:0.9em;
	line-height:1.6em;
	padding-top:5px;
	border:0px solid #666666;
	}
	
.homepage #footerwrapper {
	position:relative;
	top:-44px;
	width:800px;
	margin:auto;
	min-height:56px;
	color:#006eff;
	font-size:0.9em;
	padding-top:5px;
	border:0px solid #666666;
	}
	
	
#nominetlogo {
	float:right;
	}