/*--------------------------------------------------*/
/* General Setup                 					*/

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 62.5%; /* resets fonts to 16px */
		color: #000;
		background: #485f78 url('../../img/global/body-bg2.jpg') no-repeat 50% 0;
		padding-top: 10px;
		
	}

	/*--------------------------------------------------*/
	/* Text                                             */

		p {
			padding: 0 0 12px;
		}

		h1 {
			font-size: 2.1em;
			font-family:georgia, times;
			padding:0 0 6px 0;
		}

		h2 {
			font-size: 1.63em;
			font-family:georgia, times;
		}

		h3 {
			font-size: 1.6em;
			font-family:georgia, times;
		}

		h4 {
			font-size: 1.4em;
		}

		h5 {
			font-size: 1.1em;
		}

	/*--------------------------------------------------*/
	/* Links                                            */

		a {
			text-decoration: underline;
		}

			a:hover,
			a:active,
			a:focus {
				text-decoration: none;
			}

			a img {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Lists                                            */

		ul, ol {
			padding: 0 24px 12px;
		}

			ul li,
			ol li {
				padding: 0 0 2px;
			}

	/*--------------------------------------------------*/
	/* Images                                           */

		img {
			display: block;
		}

	/*--------------------------------------------------*/
	/* Table                                            */

		table {
			font-size: 1em;
		}

			table,
			table td,
			table th {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Form                                             */

		form {
			width: 400px;
		}

			form fieldset {
				border: 0;
			}

				input,
				textarea,
				select,
				button {
					font-family: verdana, arial, helvetica, sans-serif;
					font-size: 1em;
				}

				/*--------------------------------------------------*/
				/* General rows                                     */

					form .row {
						margin: 0 0 6px;
					}

						form .row label {
							width: 120px;
							display: block;
							float: left;
							padding: 0 12px 0 0;
							text-align: right;
						}

					/*--------------------------------------------------*/
					/* Date of birth                                    */

						form .dob input {
							width: 30px;
						}

							form .dob span {
								color: #999;
							}

				/*--------------------------------------------------*/
				/* Radio buttons                                    */

					form .radio p {
						float: left;
						width: 120px;
						display: block;
						padding: 0 12px 0 0;
						text-align: right;
					}

					form .radio div.clear {
						margin: 0 0 6px;
						float: left;
					}

						form .radio div.clear div {
							margin: 0 10px 6px 0px;
							float:left;
						}


				/*--------------------------------------------------*/
				/* Checkboxes                                       */

					form .checkbox {
						margin: 6px 0 6px;

					}

						form .checkbox input {
							float: left;
							margin-top: 0 !important;
							margin: 0;
							width: 20px;

						}

							form .checkbox label {
								float: right;
								width: 372px;
								text-align:left;
							}

					/*--------------------------------------------------*/
					/* Terms                                            */

						form .terms {
							margin:0 0 6px 0;
						}

						form .terms label{
							padding: 0;
							width: auto;
						}

				/*--------------------------------------------------*/
				/* Submit                                           */

					form .submit {
						padding: 12px 0;
						text-align: right;
					}

/*--------------------------------------------------*/
/* Generic Classes				                    */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

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

	.error {
		color: red;
	}
	
	.black{
		color:#000;	
	}
	
	.pink{
		color:#EE1F63;
	}
	
	.alignRight{
		text-align:right;
		padding:0;
	}
/*--------------------------------------------------*/
/* Wrapper						                    */

	#wrapper {
		font-size: 1.2em; /* sets all fonts to 12px */
		width:915px;
		margin:0 auto;
		background:#fff;
		padding:0 20px 0 20px;
		border-left:1px solid #949494;
		border-right:1px solid #949494;

	}
	
		#header{
/*
					overflow:auto;
		*/
				}
		
			#header #flashBanner{
				color:#000;
				margin-bottom:10px;
				position:relative;	

			}
			
			#header #flashBanner #flashContainer{
				height:95px;
				outline:none;

			}
			
						#header #flashBanner #flashContainer img{
				padding:0 0 0 20px;

			}
				#logo{
					top:20px;
					right:20px;
					position:absolute;
				}
				
					#logo a{
						outline:none;
					}
				
			#header #navigation{
				height:54px;
				background: #fff url('../../img/global/navBackground.png') no-repeat 0 100%;
				margin:0;
			}
				
				#header #navigation ul{
					padding:0;
					margin:0 0 0 20px;
					text-align:center;
				}
				
				#header #navigation ul li{
					float:left;
					list-style:none;
					margin: 0;
				}

				#header #navigation ul li a{
					text-decoration:none;
					display:block;
					height:22px;		
					background: url('../../img/global/mainMenu.png') no-repeat 0 0;
					outline:none;
				}
				
				
				/* up */
	
				#header	#navigation li.home a{
					width:125px;
					background-position: -19px -44px;				
	
				}
					
					#header	#navigation li.home a:hover{
						width:125px;
						background-position: -19px -22px;
					}

	
				#header	#navigation li.whatWeDo a{
					width:125px;
					background-position:-144px 0;
				}
				
					#header	#navigation li.whatWeDo a:hover{
						width:125px;
						background-position:-144px -22px;
					}
	
							
				#header	#navigation li.whoWeAre a{
					width:125px;
					background-position:-269px 0;
				}
					#header	#navigation li.whoWeAre a:hover{
						width:125px;
						background-position:-269px -22px;
					}
	
	
				#header	#navigation li.caseStudies a{
					width:125px;
					background-position:-394px 0;
				}
					
					#header	#navigation li.caseStudies a:hover{
						width:125px;
						background-position:-394px -22px;
					}
				
				#header	#navigation li.offers a{
					width:125px;
					background-position:-519px 0;
				}
					#header	#navigation li.offers a:hover{
						width:125px;
						background-position:-519px -22px;
					}
					
				#header	#navigation li.contact a{
					width:125px;
					background-position:-644px 0;
				}
				
					#header	#navigation li.contact a:hover{
						width:125px;
						background-position:-644px -22px;
					}
	
				#header	#navigation li.chatNow a{
					width:125px;
					background-position:-769px 0;
				}
					
					#header	#navigation li.chatNow a:hover{
						width:125px;
						background-position:-769px -22px;
					}
	
	

		#content{
			clear:both;
			padding:0;
			background:#fff;
			margin:0 auto;
			width:875px;
			position:relative;

		}
		
			#content #mainColumn{
				float:left;
				width: 436px;
				padding:0 0 15px 0;
				margin:0;
			}	
						
				#content #flashHolder{
					width: 875px;
					height:221px;
					overflow:hidden;
					margin:10px 0 0 0;
					float:left;
				}
				

							#content #mainColumn #homeCopy{
								margin:20px 0 0 0;
								width: 556px;
							}	
						
				#content #mainColumn .homeCopy{
					margin:20px 0 0 0;
					width: 423px;
				}
											

				#content #mainColumn #homeCopy h1, #content #mainColumn .homeCopy h1{
					color:#EE1F63;								
				}	
				
				#content #mainColumn #homeCopy h2, #content #mainColumn .homeCopy h2{
/*
					color:#000;
					font-size:1.1em;
					margin:15px 0 10px 0;*/

				}
								
	
				
				#content #mainColumn #homeCopy a, #content #mainColumn .homeCopy a{
					color:#000;
				}	
				
				#content #mainColumn #homeCopy h1 em, #content #mainColumn .homeCopy h1 em{
					color:#949494;
					font-weight:normal;
				}	
				
				#content #mainColumn #homeCopy p.introCopy{
					font-family:georgia, times;
					font-size:1.7em;
					padding:10px 10px 10px 0;
				}
								
				#content #mainColumn #homeCopy a.readMore{
					float:right;
					margin:5px 0 20px 0;
					background: url('../../img/global/Read_More_button.jpg') no-repeat 0 0;
					border:none;
					color:#fff;
					cursor:pointer;
					width:158px;
					height:53px;
				}
				
				#content #mainColumn p{
/*
									clear:both;
				*/
								}
				
				#content #mainColumn .printHeading{
					clear:both;
				}
				
				#content #mainColumn .printHeading h1{
					float:left;	
				}
				
				#content #mainColumn .printHeading a{
					float:right;
					margin: 0 0 0 5px;	
				}
				
				#content #mainColumn .services{
					padding-top:10px;
					width:555px;
					clear:both;
				}
				
				#content #mainColumn .services h1{
					color:#EE1F63;
					font-size:1.8em;
				}
				
				#content #mainColumn .services ul{
					padding:0 0 0 15px;
					color:#000;
				}

				
					#content #mainColumn .services .supportService, #content #mainColumn .services .securityService, #content #mainColumn .services .networksService{
						width:160px;
						float:left;
						padding:0 10px 0 10px;
						height:176px;

					}
				
				#content #mainColumn .services .securityService{
					border-left:1px solid #949494;	
					border-right:1px solid #949494;
				}
				
				#content #mainColumn .ourServices{
					width:555px;
					clear:both;
					font-size:0.975em;
				}	
				
				.makeEnquiry{
					margin: 0 0 0 10px;
				}

				

					#content #mainColumn .ourServices h1{
						color:#EE1F63;
						font-size:1.7em;
						padding: 0 0 3px 10px;
						margin-top:0;
						
					}
					
					#content #mainColumn .ourServices h2{
						color:#000;
						font-size:1.2em;
						padding: 0 0 3px 8px;
						margin-top:0;
					}		
					
					#content #mainColumn .ourServices .column{
							float:left;
							margin: 0 30px 10px 0;
							width:210px;
							background: url('../../img/global/servicesBlockMiddle.gif') repeat-y 0 0;
						
						}
						
					#content #mainColumn .ourServices ul{
						font-family: arial, verdana, helvetica, sans-serif;
						color:#EE1F63;
						font-size:1.1em;
						padding:0 0 0 20px;
					}	
						

						
						#content #mainColumn .ourServices ul li{
							margin:0;		
						}
						
						#content #mainColumn .ourServices ul li span{
							color:#000;
						} 
							
							.ourServices button{
								background:#000;
								border:none;
								color:#fff;
								padding:4px;
								margin: 0 0 0 20px;
								font-size:1.3em;
								cursor:pointer;
								background: #DDD url('../../img/global/Chat_Now.gif') no-repeat 0 0;
								width:158px;
								height:37px;
							}	
							
	
			#content #promoLinks{
				float:right;
				width:427px;	
				margin:6px 0 10px;	
			}
												
			#content #promoColumn{
				float:right;
				width:305px;	
				margin:6px 0 10px;			
			}
			
			#content #promoColumn form{
				width:270px;
				margin:0 auto;	
				padding: 0 0 5px 0;
			}
			
				#content #promoColumn form fieldset{
					background:#fff;
					padding:10px 0 5px 10px;
					margin: 0 0 10px 0;			
				}
				
					#content #promoColumn form fieldset input{
						width:110px;				
					}
				
				#content #promoColumn .simpleChoice{
					background: url('../../img/global/simpleChoiceBg.gif') repeat-y 0 0;
					
				}
				
					#content #promoColumn .simpleChoice .simpleChoiceTop{
						background: url('../../img/global/simpleChoiceTop.gif') no-repeat 0 0;
						height:10px;

					}
					
					#content #promoColumn .simpleChoice .simpleChoiceCopy{
						background: url('../../img/global/simpleChoiceBg.gif') no-repeat 0 0;
						padding:0 0 15px 0;
						overflow:auto;
						width:305px;
					}
					
					#content #promoColumn .simpleChoice .simpleChoiceCopy h1{
						text-align:center;
						font-size:2.8em;
						padding:0;
					}
					
						#content #promoColumn .simpleChoice .simpleChoiceCopy h1 em{
							color:#949494;
							font-weight:normal;
						}
					
						#content #promoColumn .simpleChoice .simpleChoiceCopy p{
							padding: 10px 15px 0 15px;
						}
						
							#content #promoColumn .simpleChoice .simpleChoiceCopy p img{
								float:right;
								margin:10px 6px;
						}
					
					#content #promoColumn .simpleChoice .simpleChoiceImage{
						outline:none;
						clear:both;
						padding:0 0 10px 17px;
					}
					
						#content #promoColumn .simpleChoice .simpleChoiceImage a{
							outline:none;
							clear:both;
						}
					
					#content #promoColumn .simpleChoice .simpleChoiceButton{
							display:block;
							
							
					}
					
					#content #promoColumn .simpleChoice .simpleChoiceBottom{
						background: #fff url('../../img/global/simpleChoiceBottom.gif') no-repeat 0 0;	
						height:10px;	
					}
					
				#content #promoColumn .calculator{
					margin:15px 0 0 0;
					min-height: 104px;
					height:auto !important;
					height:104px;

				}
				
				.calculatorTop{
					background: url('../../img/global/calcTop.gif') no-repeat 0 0;
					height:89px;
				}
				
					.calculatorTop a{
						float:right;
						margin: 48px 37px 0 0;
					}
				
				
				.trainingPromo{
					background: url('../../img/global/shilohTrainingTop.gif') no-repeat 0 0;
					height:89px;
				}
				
					.trainingPromo a{
						float:right;
						margin: 48px 21px 0 0;
					}								
				
				#content #promoColumn .ducks{
					margin:0;
					height:174px;
					background: url('../../img/global/ducksBottomRight.gif') no-repeat 0 0;
					
				}
				
				#content #promoColumn .sunflowers{
					margin:0;
					height:174px;
					background: url('../../img/global/sunflowersBottomRight.gif') no-repeat 0 0;
					
				}
				
				#content #promoColumn .taxis{
					margin:0;
					height:236px;
					background: url('../../img/global/taxisBottomRight.gif') no-repeat 0 0;
				}
				
				#content #promoColumn .lemon{
					margin:0;
					height:236px;
					background: url('../../img/global/lemonBottomRight.gif') no-repeat 0 0;
				}
				
				#content #promoColumn .goldfish{
					margin:0;
					height:236px;
					background: url('../../img/global/goldfishBottomRight.gif') no-repeat 0 0;
				}	
				
				#content #promoColumn .bananas{
					margin:00;
					height:236px;
					background: url('../../img/global/bananasBottomRight.gif') no-repeat 0 0;
				}	
								
				.formCalculator{
					background: url('../../img/global/calculatorBg.gif') repeat-y 0 0;
				}
				
				.formCalculator button{
					color:#fff;
					background:#EE1F63;
					border: none;
					float:right;
					padding:3px;
					cursor:pointer;
				}
			
			.telNumber{
				padding:15px 0 10px 0;	
			}
					
			.telNumber h2{
				float:left;
				font-size:1.4em;
				margin:5px 10px;
			}
				
			.telNumber img{
				float:left;
			}
		
		#competitionHolder{
			position:absolute;	
			top:350px;
			left:-390px;
			outline:none;
		}	
		
		
		.registerNewsWiiWinner{
			width:555px;
			padding:10px 0 0 0;
		}
		
		.registerNewsWiiWinner a.regNews{
			float:left;
			padding-left:10px;
		}
				
		.registerNewsWiiWinner a.wiiWin{
			float:right;
			
		}
			
			
		#footer{
			clear:both;
			padding:10px 0 35px 5px;
			margin:10px 0 0 0;
			border-top:1px solid #EE1F63;
			color:#222;
			height: 70px;
		}
		
		.infooter {
			width: 50%;
			float: left;
		}

		.infooter img {
			
		}
		
		#footer p, .infooter p{
			padding: 10px 0 0 0;
		}
		
		#footer ul, .infooter ul{
			padding:0;
			list-style:none;
		}
		
		li.sitemap{
			padding:0 10px 0 0;
		}
		
		#footer ul li, {
			float:left;
			margin: 0 2px 0 0;
		}
		
		.infooter ul li {
			float:left;
			margin: 1px 6px 0 0;
		}
		
		#footer ul li a, .infooter ul li a{
			color:#000;
		}				
				
		.shunt {
			padding-top: 10px;
		}