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

	* {
		padding: 0;
		margin: 0;
	}

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

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

		p {
			padding: 0 0 12px;
		}

		h1 {
			font-size: 2.1em;
		}

		h2 {
			font-size: 1.3em;
			font-weight:normal;
			margin:0 0 10px 0;
		}

		h3 {
			font-size: 1.6em;
		}

		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 0 6px;
						}


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

					form .checkbox {
						margin: 0 0 6px;

					}

						form .checkbox input {
							float: left;
							margin-top: 0 !important;
							margin: -3px 6px 0 132px;
						}

							form .checkbox label {
								float: left;
								width: 212px;
							}

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

						form .terms {

						}

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

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

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

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

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

	.clear{
	    content: "."; 
	    display: block; 
	    height: auto; 
	    clear: both; 

	}

	.error {
		color: red;
	}
	
	.intro{
		font-weight:bold;
		font-size:1.2em
	}
/*--------------------------------------------------*/
/* Wrapper						                    */

#wrapper {
	font-size: 1.2em; /* sets all fonts to 12px */
	width:900px;
	margin:0 auto;
}

		
	#logo{
		padding:45px 0 0 0;
}
		
		#container{
			width:788px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			border:1px solid #231f20;
			background:#ffffff;
			padding-bottom:20px;
			overflow:auto;
		}				
		
		* html #container{
			padding-bottom:20px;
		}
		
			#container #promo{
				float:left;
				width:748px;
				background: #000 url('../../img/global/homeBg.jpg') 0 0 no-repeat;	
				min-height:374px;
				height:auto!important;
				height:374px;
				margin:20px 20px 0 20px;
				display:inline;

			}

			
			#container #promo #introText{
				float:right;
				width:445px;
				height:194px;
				overflow:auto;
				background:#fff;
				margin:20px 20px 10px 0;
				padding:10px;
				display:inline;
			}
			
			
			#container #services{
				width:768px;
				float:left;
				overflow:auto;	
				margin-top:20px;
				padding:0 0 0 20px;
				display:inline;
			}

					#container #services .hairdressing{
						float:left;
						width:180px;
						border:1px solid #231f20;					
						margin:0 6px 0 0;
					}
					
					#container #services .barber{
						float:left;
						width:180px;
						border:1px solid #231f20;					
						margin:0 6px 0 0;
										
					}
					
					#container #services .nailCare{
						float:left;
						width:180px;
						border:1px solid #231f20;						
					}
					
					
					#container #services .beautyCare{
						float:left;
						width:180px;
						border:1px solid #231f20;
						margin:0 6px 0 0;
											
					}
			
			.hairdressing .viewServices, .barber .viewServices, .beautyCare .viewServices, .nailCare .viewServices{
				margin:136px 10px 10px 10px;
				width:121px;
				padding:0;
			} 
			
			.viewServices a{
				background: url('../../img/global/buttonBg.gif') no-repeat 0 0;	
				color:#fff;
				text-decoration:none;
				padding:5px 0 7px 10px;
				width:111px;
				display:block;		
			}
			

			
     #navigation{
     	margin:20px 20px 0 20px;
     	border:1px solid #000;
   		background:#005f99;
     	color:#fff;
     	width:746px;
     }

     #navigation ul{
     	padding:5px 0 5px 0;
     	margin:0;
     	list-style:none;
     	overflow:auto;
     }
     	#navigation li{
     		float:left;
     		margin:0 20px 0 10px;
   	}

   	#navigation li a{
   		background: url('../../img/global/navigation.png') no-repeat 0 0;
   		display:block;
   		height:19px;
   		outline-style:none;
   		color:#fff;
   		text-decoration:none;
   	}

   		#navigation li.servicesNav a{
   			background-position:0 0;
   			width:130px;
   		}

   		#navigation li.servicesNav a:hover{
   			background-position:0 -20px;
   			width:130px;
   		}

   		#navigation li.testimonialNav a{
   			background-position:-145px 0;
   			width:127px;
   		}		

   		#navigation li.testimonialNav a:hover{
   			background-position:-145px -20px;
   			width:127px;
   		}

   		#navigation li.infoNav a{
   			background-position:-288px 0;
   			width:46px;
   		}		

   		#navigation li.infoNav a:hover{
   			background-position:-288px -20px;
   			width:46px;
   		}

		
		#footer{
			width:748px;
			margin:0 auto;
			background:#005f99 url('../../img/global/footerBg.gif') repeat-x 0 0;			
			border-left:1px solid #231f20;
			border-right:1px solid #231f20;
			border-bottom:1px solid #231f20;
			color:#fff;
			padding:20px 20px 0 20px;
		}
		
		#footer .columns{
			overflow:auto;	
			width:748px;
			min-height:160px;
			height:auto:!important;
			height:160px;

		}
		
			#footer .columns .col{
				float:left;
				width:157px;
				text-align:right;
				border-left:1px solid #fff;
				margin:0 auto;
				padding:0 25px 0 0;
				min-height:117px;
				height:auto:!important;
				height:117px;

			}
			
			#footer .columns .col a{
				color:#fff;
				text-decoration:underline;
				display:block;
				margin:0 0 5px 0;
			}
			
			#footer .columns .col a:hover{
				text-decoration:none;
			}
			
			#footer .columns .addressCol{
				border-left:none;
				
			}
			#footer .columns .addressCol img{
				float:right;
			}
			
			#footer .columns .addressCol p{
				clear:both;
				padding-bottom:3px;
			}
			
			#footer .columns .col a.twitter{
				background: url('../../img/global/twitter.png') no-repeat 100% 50%;
				padding:0 35px 10px 0;
				outline-style:none;
			}
			
			#footer .columns .col a.linkedIn{
				background: url('../../img/global/linkedIn.png') no-repeat 100% 50%;
				padding:0 35px 10px 0;
				outline-style:none;
				
			}
			
			#footer .columns .col a.facebook{
				background: url('../../img/global/facebook.png') no-repeat 100% 50%;
				padding:0 35px 10px 0;
				outline-style:none;
				
			}
			
		#footer .copyright{
			clear:both;
		}