.dspcont {
	display: none;
}
/*-----------------------------------------------------

	CodePress.co.uk
	Professional Front-end web development

------------------------------------------------------*/
	/* Code Press Reset */
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; font-weight: inherit; font-style:inherit; font-family:inherit; font-size: 100%;}
	input, textarea, select {margin:0; padding:0; font-family:sans-serif; font-size: 1em}
	body {
	line-height: 0;
	color: #FFF;
	background: white;
}
	img, a img,abbr,acronym,fieldset {border: 0;}
	ol, ul {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	caption, td, th {text-align: left; font-weight: normal; vertical-align: top;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	sup, sub {vertical-align: text-top;}
	/*CP Default styles*/
	strong 	{
	font-family: Arial;
	font-weight: bold;
}
	em 		{font-style:italic;}
	h1,h2,h3,h4,h5,h6,p,dd,dt,li {line-height:1.22em;}
	:focus {outline: 0;}

/*-----------------------------------------------------
	
	CSS structure 
	
	1.0 Defaults
		1.1 Link defaults
		1.2 Type defaults
	2.0 Layout
		2.1 Header
		2.2 Content
			2.2.1 Article Content
			2.2.2 Side Content		
		2.3 Footer
	3.0 Homepage
	4.0 Popular cities
	**  sIFR
		
	
-----------------------------------------------------*/

/*-----------------------------------------------------
	1.0 Defaults
-----------------------------------------------------*/

	body {font:62.5% Arial; min-width: 850px;}
		#skiplinks {position:absolute; left:-9999px;}
	
/*-----------------------------------------------------
	1.1 Links
-----------------------------------------------------*/
	
		a:link 		{font-weight:bold; color: #FF0000; text-decoration:none;}
		a:visited	{font-weight:bold; color: #FF0000; text-decoration:none;}
		a:hover		{color:#FF0000; text-decoration: underline;}
		a:active	{text-decoration:none;}

/*-----------------------------------------------------
	1.2 Type
-----------------------------------------------------*/

	h1	{
	font-size:36px;
	color:#292672;
	padding-top:15px;
	margin-left:20px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
}
	h2	{
	font-size:20px;
	color:#292672;
	padding-top:10px;
	padding-bottom:5px;
}
	h3	{
	font-size:18px;
	color:#84838b;
	margin-left:20px;
	font-weight: bold;
}
	* html h3 {font-size:18px; color:#84838b; margin-left:20px; padding: 0px;  margin-top: -5px; font-weight: bold;}
	h4	{
	font-size:12px;
	color:#292672;
	margin-left:0px;
	padding-top:23px;
	margin-bottom:10px;
	font-weight: bold;
}	
	h5	{font-size:18px; color:#84838b;}	
	h6	{font-size:10px; color:#84838b;}	
	p	{ margin:10px 0px 0px 0px; padding:0px 20px; color:#4d4c4c; font-size:11px; line-height:18px;}
	pre	{ margin:0px; padding:0px 20px; color:#4d4c4c; font-size:11px; line-height:20px;}
	
/*-----------------------------------------------------
	2.0 Layout
-----------------------------------------------------*/
	
	/*-----------------------------------------------------
		2.1 Header
	-----------------------------------------------------*/
	
	#header{
	width:750px;
	margin:15px auto 0px auto;
	left:-85px;
	clear:both;
	position:relative;
	z-index:10;
}
	* html #header{ padding-top: 14px;}
		#header .logo{
	float:left;
	padding:0px;
	margin:0px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}
			#header .logo a{ width:310px; height:100px; display:block; text-indent:-999999px; padding:0px; margin:0px; }

	#navigation{
	margin: 60px auto 0px 30px;
	float:left;
	width:410px;
}
		#navigation li{
	float:left;
	margin:0px 3px;
	color: #BBB;
}
			#navigation li a{ font-size:10px; color:#9d9d9d; font-weight:bold; letter-spacing:.1em; text-decoration:none; font-weight: bold;}
			#navigation li a:hover{ font-weight: bold; color:#292672;}
			#navigation li.active a {
	color:#292672;
	font-weight: bold;
}
		
	/*-----------------------------------------------------
		2.2 Content
	-----------------------------------------------------*/
			
	#main { width:900px; margin: auto; clear:both;}
		.sidebar{ width:130px; float:left; margin:30px 50px 0px 0px; text-align:right;}
		.sidebar ul.nav li a{ font-size:14px; font-weight:bold; color:#ed1d24; line-height:15px;  text-decoration:none;}
		.sidebar ul.nav li a:hover{ font-size:14px; font-weight:bold; color:#292672;}
		.sidebar ul.nav li a.active {color:#292672; font-weight: bold; cursor: text;}	
		.sidebar ul li ul.secondary-nav{ font-size:12px; margin-bottom:30px;}
		.sidebar ul li ul.secondary-nav li a{font-size:12px; font-weight: bold; color:#9d9d9d; line-height:15px;  text-decoration:none;}
		.sidebar ul li ul.secondary-nav li a:hover{ font-size:12px;	font-weight:bold; color:#292672; font-family: Arial; }

		.sidebar ul.nz-nav li .nz-header { font-size:14px; font-weight:bold; color:#292672; line-height:15px;  text-decoration:none;}
		.sidebar ul.nz-nav li a{ font-size:14px; font-weight:bold; color:#292672; line-height:15px;  text-decoration:none;}
		.sidebar ul.nz-nav li a:hover{ font-size:14px; font-weight:bold; color:#ed1d24;}
		.sidebar ul.nz-nav li a.active {color:#ed1d24; font-weight: bold; cursor: text;}	
		.sidebar ul li ul.secondary-nz-nav{ font-size:12px; margin-bottom:30px;}
		.sidebar ul li ul.secondary-nz-nav li a {font-size:12px; font-weight: bold; color:#292672; line-height:15px;  text-decoration:none;}
		.sidebar ul li ul.secondary-nz-nav li a:hover { font-size:12px;	font-weight:bold; color:#ed1d24; font-family: Arial; }
					

		/*-----------------------------------------------------
			2.2.1 Article Content
		-----------------------------------------------------*/
			#content{ width:560px; float:left;}
				.speed-bar {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 17px;
}
				#content .speed-bar a{ font-size:10px; color:#585858; font-weight:bold; letter-spacing:.1em; text-decoration:none; font-weight: bold;}
				#content p {
	margin:0px;
}
				#content a {font-size:11px;}
			.article{ clear:both; margin-left:5px;}
			.item{ padding:20px 0px 0px 0px;}
			.item img{ float:left; padding:0px 20px 0px 10px;}
			.available{ display:block; line-height:normal;}
			.available p.summary{ margin:0px; padding:0px;}
			.events{ display:block; line-height:normal;}
			.vevent{ font-size:13px; color:#84838b; display:block;}
			
			.services-left{ margin:25px 10px 0px 15px; width:260px; height:120px; background: url(../images/block.jpg) no-repeat; float:left; display:inline;}
			.services-left img{ margin-top:23px; margin-left:15px; margin-right:10px; float:left;}
			.services-right{ margin:25px 0px 0px 15px; width:260px; height:120px; background: url(../images/block.jpg) no-repeat; float:left; display:inline;}
			.services-right img{ margin-top:19px; margin-left:15px; margin-right:10px; float:left;}
	
		/*-----------------------------------------------------
			2.2.2 Side Content
		-----------------------------------------------------*/
				
		#aside { width: 106px; float:left; margin-top: 30px; margin-left:32px; position:relative; z-index:10; border: 0px; }
		
		#aside div.sideLink  { padding-bottom: 40px; }
		
		
		
		* html #aside { width: 106px; float:left; margin-top: 30px; margin-left:30px; }
				#aside h4.get-free-consultation {width:106px; height:99px; margin-bottom: 49px; margin-left:0px; margin-top:0px; padding: 0px; display: inline;}
				* html #aside h4.get-free-consultation {width:106px; height:99px; margin-bottom: 46px; margin-left:0px; margin-top:0px; padding: 0px; display: inline;}
				#aside h4.get-free-consultation a{ width:106px; height:99px; margin-bottom: 49px; background: url(../images/right-button.gif) no-repeat top left;  margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				#aside h4.get-free-consultation a:hover{ width:106px; height:99px; margin-bottom: 49px; background: url(../images/right-button.gif) no-repeat 0px -563px;  margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				* html #aside h4.get-free-consultation a{ width:106px; height:99px; margin-bottom: 46px; background: url(../images/right-button.gif) no-repeat top left;  margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				* html #aside h4.get-free-consultation a:hover{margin-bottom: 46px; background: url(../images/right-button.gif) no-repeat 0px -563px;}
				
				#aside h4.free-online-assessment {width:106px; height:99px; margin-bottom: 42px;  margin-left:0px; margin-top:0px; padding: 0px; display: inline;}
				#aside h4.free-online-assessment a{ width:106px; height:99px; margin-bottom: 42px; background: url(../images/right-button.gif) no-repeat 0px -148px; margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				#aside h4.free-online-assessment a:hover{background: url(../images/right-button.gif) no-repeat 0px -711px;}

				#aside h4.free-nz-online-assessment {width:106px; height:99px; margin-bottom: 42px;  margin-left:0px; margin-top:0px; padding: 0px; display: inline;}
				#aside h4.free-nz-online-assessment a{ width:106px; height:99px; margin-bottom: 42px; background: url(../images/right-button.gif) no-repeat 0px -148px; margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				#aside h4.free-nz-online-assessment a:hover{background: url(../images/right-button.gif) no-repeat 0px -711px;}
				
				#aside h4.request-call-back {width:106px; height:99px; margin-bottom: 49px; margin-left:0px; margin-top:0px; padding: 0px; display: inline;}
				#aside h4.request-call-back a{ width:106px; height:99px; margin-bottom: 49px; margin-left:0px; background: url(../images/right-button.gif) no-repeat 0px -289px; margin-top:0px; display:block; text-indent:-999999px;}
				#aside h4.request-call-back a:hover{ background: url(../images/right-button.gif) no-repeat 0px -852px;}
				
				#aside h4.mara-quality-control {display: inline;}
				#aside h4.mara-quality-control a{ width:106px; height:99px; background: url(../images/right-button.gif) no-repeat 0px -437px; margin-left:0px; margin-top:0px; display:block; text-indent:-999999px;}
				#aside h4.mara-quality-control a:hover{background: url(../images/right-button.gif) no-repeat 0px -1000px;}
		
	/*-----------------------------------------------------
		2.3 Footer
	-----------------------------------------------------*/
	#footer{
	height:40px;
	padding-top:30px;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
	background-image: url(../images/footer-back.jpg);
	width: 550px;
	font-size: 10px;
}	
	
		.copyright{
	font-size:10px;
	color:#666666;
	display:block;
	float:left;
	margin-left:35px;
	margin-bottom:30px;
	float:left
}
		.footer-nav {
	color:#666666;
	display:block;
	float:right;
	text-align: right;
	margin-right: 8px;
	font-family: Arial;
	font-size: 10px;
} 
		.footer-nav a{ font-size:10px; color:#84838b;}
		.footer-nav a:visited,
			.footer-nav a:active{ font-size:10px; color:#84838b;}
		.footer-nav a:hover{ color:#FF0000;}
		.clear{
	clear:both;
	font-family: Arial;
}
	
	#stripper {background: url(../images/skype.png) no-repeat top right scroll; width: 240px; height: 190px; position:absolute; z-index: 1; top: 0px; right: 0px;}
	#skype { display: block; width: 240px; height: 190px; position:absolute; z-index: 1; top: 0px; right: 0px;}
	#skype a{ display: block; width: 240px; height: 190px; text-indent: -99999px; background: none;}
	* html #stripper { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/skype.png', sizingMethod='crop');}
	
/*-----------------------------------------------------
	3.0 Homepage
-----------------------------------------------------*/
	.home .description p.summary{ margin:0px; padding:0px;}
	.item{ padding:20px 0px 0px 0px; margin-top:12px;}
	.item img{ float:left; padding:0px 20px 0px 10px;}
	.services{ margin:30px 10px 0px 10px; width:260px; height:120px; background: url(../images/block.jpg) no-repeat; float:left; display:inline;}
	.services img{ margin-top:23px; margin-left:15px; margin-right:10px; float:left;}

/*-----------------------------------------------------
	4.0 Popular cities
-----------------------------------------------------*/
	.article h5{ font-size:11px; color:#4d4c4c; text-transform: uppercase; margin-left:20px; font-weight:bold; padding-top:30px;}
	.article h4.sifr_tags{
	font-size:13px;
	color:#585858;
	margin-left:0px;
	padding-top:1px;
	font-family: inherit;
}
	
/*-----------------------------------------------------
	** sIFR
-----------------------------------------------------*/

	.sIFR-active h1.sifr	{ font-size:36px; color:#292672; padding-top:15px;  margin-left:20px;}
	.sIFR-active h2.sifr	{font-size:20px; color:#292672;  margin-left:0px; padding-top:0px; padding-bottom:0px;}
	.sIFR-active h3.sifr	{font-size:18px; color:#84838b; padding:0px;}
	h3.sIFR-replaced {margin-top:-20px;}
	.sIFR-active h4.sifr	{font-size:14px; color:#292672; margin-left:0px; padding-top:23px; margin-bottom:0px; line-height:0px; font-weight: bold;}	
	h4.sifr_tags {margin-top:-6px;}
	.sIFR-active h5.sifr	{font-size:18px; color:#84838b;}	
	.sIFR-active h6.sifr	{font-size:10px; color:#84838b;}
	.description {
	width: 350px;
	float: left;
}
	.services-des {
	width: 144px;
	float: left;
}
	.services-des p { margin:0px; padding:0px; line-height: normal;}
	.description p{ margin:0px; padding:0px;}

/* 




	Debug styles:
	
	a[href="#"] {background: lime;}
	a[href="404"] {background: lime;}
	a[href=""] {background: fuchsia;}
	
	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]
	{outline:5px solid yellow;}

	img[width], img[height] {outline:0;}

	img {outline: 5px solid red;}
	img[alt][title] {outline-width: 0;}
	img[alt] {outline-color: fuchsia;}
	img[alt], img[title] {outline-style: double;}
	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
	img[alt=""][title=""] {outline-style: dotted;}
	
	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;

	HTML:
	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">
		<span>Code Press - Professional front-end development</span>
	</a>
	
	CSS:
	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}
	a:hover#cp_84bannerc 	{background-position:0 -20px}
	#cp_84bannerc span 		{position:absolute; left:-9999px}	
*/
.clocks {
	height: 130px;
	width: 100px;
	margin-left: 20px;
	margin-top: 40px;
	margin-right: 50px;
	margin-bottom: 0px;
	float: left;
}
.dspcont1 {
	display: none;
}

#myform a:link, #myform a:visited, #myform a {
	background-image: url(../images/submit1.gif);
	display: block;
	height: 13px;
	width: 53px;
	text-indent: -900em;
	margin-left: 22px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#myform a:hover, #myform a:visited:hover {
	background-image: url(../images/submit1_hover.gif);
}

.errorText  {
	color:#FF0000;
}