/*----------------------------------------------------------
	THIS IS THE MAIN STYLESHEET FOR STUCTURAL AND LAYOUT CHANGES
	
	What this stylesheet **IS** for:
	
	1) The main styles relating to the major sections of the site for example the header div or the primary navigation. 
	2)If you are setting the default styles for  section for example #header a or #column_1 p then it would go in here
	
	What this stylesheet is **NOT** for:
	1) If you were adding styles to p or a tags that were outside these section default styles then they would go in the style_type.css file for example

-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*CHANGE LOG - Anytime this stylesheet is changed please add in a descriptive comment here together with the date*/






/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------
[TABLE OF CONTENT]

(**PLEASE NOTE the although sometimes the order of the HTML element in a page may be in the same  as the TOC below a lot of times it may differ for example #image_container and primary naviagtion usually go within the header structrually within the HTML but dont have to depending on the structure of the site)

0.0 IMPORTS
	0.1 Reset
	0.2 type
	0.3 style
	0.4 forms


1.0 BODY
	1.1. Wrapper / #wrapper
	1.2. Container / #container


2.0 HEADER / #header 
	2.1 Container for the main page image / #image_container
	2.2 Primary Navigation / #navigation_primary
	2.3 Secondary Navigation / #navigation_secondary
	2.4 Local Navigation / #navigation_local

3.0 CONTENTS/ #content
	3.1. Column 1 / #column_1
	3.2. Column 2 / #column_2
	3.3. Column 3 / #column_3
	3.4. Sidebar / #sidebar


4.0 FOOTER/ #footer


5.0 MISCELLANEOUS (Please update this )
	5.1 - Miscellaneous - Sidebox
	5.2 - Miscellaneous - Header Info Box
	5.3 - Miscellaneous - The styles for the wizard/steps
	
	
6.0 TABLES (Default styles and any others you want to add)


7.0 RECYCLE BIN (old CSS or disable CSS for testing)

 -------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* 0.0 - IMPORTS*/

	@import url("reset.css");
	
	@import url("style_type.css");
	@import url("style_tools.css");
	
	@import url("960.css");
	
	/*	
	@import url("layout_xxxx.css");
	@import url("layout_xxxx.css");
	*/
	

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1.0 - BODY
------------------------------------------------------------*/
	
	body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 20px;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#AF1215;
	margin:0px;
	padding:0px;
	 }

/* 1.1 - Body / Wrapper
------------------------------------------------------------*/

	#wrapper {  }

/* 1.2 - Body / Container
------------------------------------------------------------*/

	#container {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	position: relative;
	background-image: url(../images/1px_shadowelement.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	 }
#container_inner {
	background-image: url(../images/top_shadow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 1000px;
	position: relative;
}
	 
	 
	 
	 
	 
	 
	 
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* 2.0 - HEADER
------------------------------------------------------------*/
	
#header {
	margin-top: 0px;
	margin-left:68px;
	margin-right:68px;
	width: 864px;
	margin-bottom: 30px;
	position: relative;
}



#logo {
	background-image:url(../images/logo.jpg);
	height: 86px;
	width: 271px;
	margin-bottom: 20px;
	margin-top: 20px;
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#toptext {
	color:#e32b37;
	float:left;
	text-align:right;
	font-size:22px;
	width:593px;
	margin-top:20px;
	font-family:Helvetica, Arial, sans-serif;
	line-height: 26px;
	height: 63px;
	margin-bottom: 20px;
	padding-top: 23px;
	}
	
#toptext a {
	color:#e32b37;
	font-weight:bold;
	text-decoration:none;
}
	


/* 2.1 - Header / Primary Navigation
------------------------------------------------------------*/

#navigation_primary {
	display: block;
	background-color: #ababab;
	height: 29px;
	font-family: Helvetica, Arial, sans-serif;
	list-style-type: none;
	width: 867px;
	float: left;
	text-align: center;
}
#navigation_primary li{
	float: left;
}
.home a {
	width: 67px;
	float: left;
	display: block;
	
}

#nav01 .home a {
	width: 67px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.home a:hover {
	color: #CCCCCC;		
}
.aboutus a {
	width: 86px;
	float: left;
	display: block;
}

#nav02 .aboutus a {
	width: 86px;
	float: left;
	display: block;
	background-color: #CCCCCC;
}

.aboutus a:hover {
	color: #CCCCCC;		
}

.hays_services a {
	width: 83px;
	float: left;
	display: block;
}

#nav03 .hays_services a {
	width: 83px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.hays_services a:hover {
	color: #CCCCCC;		
}

.hays_casestudies a {
	width: 110px;
	float: left;
	display: block;
}

#nav04 .hays_casestudies a {
	width: 110px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.hays_casestudies a:hover {
	color: #CCCCCC;		
}

.hays_client a {
	width: 86px;
	float: left;
	display: block;
}

#nav05 .hays_client a {
	width: 86px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.hays_client a:hover {
	color: #CCCCCC;		
}

.hays_test a {
	width: 105px;
	float: left;
	display: block;	
}

#nav06 .hays_test a {
	width: 105px;
	float: left;
	display: block;
	background-color: #CCCCCC;		
}

.hays_test a:hover {
	color: #CCCCCC;		
}

.hays_vacen a {
	width: 93px;
	float: left;
	display: block;
}

#nav07 .hays_vacen a {
	width: 93px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.hays_vacen a:hover {
	color: #CCCCCC;		
}

.hays_comm a {
	width: 139px;
	float: left;
	display: block;
}

#nav08 .hays_comm a {
	width: 139px;
	float: left;
	display: block;
	background-color: #CCCCCC;	
}

.hays_comm a:hover {
	color: #CCCCCC;		
}

.hays_contact a {
	width: 98px;
	float: left;
	display: block;
	
}

#nav09 .hays_contact a {
	width: 98px;
	float: left;
	display: block;
	background-color: #CCCCCC;
	
}

.hays_contact a:hover {
	color: #CCCCCC;		
}

#navigation_primary li a{
	line-height: 29px;
	text-decoration: none;
	color: #FFF;
	float: left;
	text-align: center;
	font-size: 14px;
	display: block;
}
#navigation_primary li a:hover{
	color: #FFF;
	background-color: #CCCCCC;
}
#navigation_primary .current{ color: #FFFFFF; background-repeat: no-repeat; background-position: right; font-weight: bold; width: 205px; }
#navigation_primary a.current:hover { color: #FFFFFF;}
	
	
	
	
	
/* 2.2 - Header / Secondary Navigation
------------------------------------------------------------*/
	
#navigation_secondary {
	list-style-type: none;
	display: block;
	padding: 0px;
	float: right;
	width: 400px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation_secondary li{
	float: right;
}
#navigation_secondary li a{
	display: block;
	text-decoration: none;
	color: #233C5B;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	clear: none;
	margin-right: 12px;
}
	
/* 2.3 - Header / Local Navigation (local to the section within the website)
------------------------------------------------------------*/
	
#navigation_local {
	list-style-type: none;
	display: block;
	padding: 0px;
	float: right;
	width: 400px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation_local li{
	float: right;
}
#navigation_local li a{
	display: block;
	text-decoration: none;
	color: #233C5B;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	clear: none;
	margin-right: 12px;
}
	
	

/* 2.4 - Header / Image Container
------------------------------------------------------------*/

	#image_container {
	height: 241px;
	width: 868px;
	float: left;
	}

	#banner {
	width:868px;
	height:241px;
	color:#FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	#banner h2{
	color:#FFF;
	font-size:28px;
	line-height: 32px;
	}
.img_pad {
	margin-bottom: 20px;
}
#toptext   p   span {
	color: #333333;
}
#banner  a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
#banner   a:hover {
	font-weight:bold;
	color:ababab;
	text-decoration:underline;
	}
#banner_text {
	float: left;
	width: 345px;
	padding-left: 465px;
	padding-top: 20px;
}

    .one {
	background-image:url(../images/banner01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }
 
     .services {
	background-image:url(../images/services-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }

   .case {
	background-image: url(../images/case-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }


  .client {
	background-image: url(../images/clients-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }

 .test {
	background-image: url(../images/test-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }

 .vacancies {
	background-image: url(../images/vacancies-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }
 
 .comm {
	background-image: url(../images/comm-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }

.contact {
	background-image: url(../images/contact-mainimage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }

.about {
	background-image:;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 241px;
	width: 868px;
 }




















/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* 3.0 - CONTENT
------------------------------------------------------------*/

#content {
	margin-right: 46px;
	margin-left: 66px;
	position: relative;
	clear: both;
}




/* 3.1 - Content / Column 1
------------------------------------------------------------*/



#column_1 {
	float: left;
	width:262px;
	padding-right:20px;	/*background-color: #CCCCCC;*/
}




/* 3.2 - Content / Column 2
------------------------------------------------------------*/
#column_2 {
	float: left;
	width:262px;
	padding-right:20px;
	padding-left:20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ababab;
	border-left-color: #ababab;/*	background-color: #CCCCCC;*/
 }


/* 3.3 - Content / Column 3
------------------------------------------------------------*/
#column_3 {

	float: left;
	width:262px;
	padding-left:20px;

/*	background-color: #CCCCCC;
*/	}

/* 3.4 - Content / Column 4
------------------------------------------------------------*/





/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* 4.0 - FOOTER
------------------------------------------------------------*/

#footer {
	position: relative;
	padding-right: 0;
	padding-left: 0;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ababab;
}

#footer .small{
	font-size:12px;
	color: #eb1a22;
}

#footer_left {
	float: left;
	width:462px;
}

#footer_left img{
	margin-right:15px;
	}

#footer_right {
	float:left;
	text-align:right;
	color:#e32b37;
	width:406px;
	font-family:Helvetica, Arial, sans-serif;
}
#footer_right p {
	font-size: 20px;
	line-height: 26px;
}

#footer_right a {
		color:#e32b37;
		text-decoration:none;
		font-weight:bold;
}



	
	
	
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
	

/* 5.0 - MISCELLANEOUS
------------------------------------------------------------*/

/* 5.1 - Miscellaneous - Sidebox
------------------------------------------------------------*/

/*.sidebox {
	border: 1px solid #45A7EE;
	background-color: #FFFFFF;
	margin-bottom: 18px;
	line-height: 20px;
	
}

.quote {
	height:172px;
	background-image:url(../images/quote.jpg);
	width:260px;
	margin-bottom:23px;
}

.testimonial {
	height:167px;
	background-image:url(../images/testimonial.jpg);
	width:261px;
}

.testimonial:hover {
	background-position: 0 167px;
}

#aspnetForm { position: relative; width: 100%; display: block; margin: 0 0 20px 0; }
#aspnetForm li { border: 1px solid #fff; margin: 15px 0 15px 0; height: 45px;}
#aspnetForm .formTxtBox, #aspnetForm .formDdBox { width: 95%; height: 25px; display: block; float: left; }
#aspnetForm .formTxtBoxMulti { width: 95%; }

#aspnetForm ul { margin-left:10%; margin-right: 10%; width: 80%; }
#aspnetForm .formButton { float: right; margin-right: 13%; margin-top: 30px; margin-bottom: 20px; }

#aspnetForm li span span { width: 2%; }

#aspnetForm .validationsummary_holder div { margin: 0 10% 0 10%; width:80%; }
#aspnetForm .validationsummary_holder ul {}
#aspnetForm .validationsummary_holder li { margin: 0; height: 20px;}


#sent { border: 3px dashed green; padding: 20px; background: rgb(204,255,153); }*/
	
/*.sidebox_inner { border: 5px solid #CBE6FA; padding: 10px; }*/

/* 6.0 - ASPNET FORM
------------------------------------------------------------*/

/*#content #column_1 #aspnetForm div, 
#content #column_1 #aspnetForm ul,
#content #column_1 #aspnetForm li,
#content #column_1 #aspnetForm span,
#content #column_1 #aspnetForm label,
#content #column_1 #aspnetForm input,
#content #column_1 #aspnetForm select,
#content #column_1 #aspnetForm textarea { margin: 0; padding: 0;}
#content #column_1 #aspnetForm span { display: block; }

#content #column_1 #aspnetForm {
	display: inline-table;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 543px;
	margin-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #ababab;
}
#content #column_1 #aspnetForm label {
	width: 150px;
	color: #333333;
}
#content #column_1 #aspnetForm input {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	padding:4px;
	width:300px;
	border: 1px solid #ababab;
	font-size: 12px;
	background-color: #f6f6f6;
}
#content #column_1 #aspnetForm input:hover, #column-1 #aspnetForm textarea:hover 
	 {background-color:#73C3DB; border: 1px solid #FFFFFF; margin-bottom:20px; }
	 
#column-1 #aspnetForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	padding:4px;
	width:300px;
	border: 1px solid #ababab;
	height: 150px;
	font-size: 12px;
	background-image: #f6f6f6;
}

#content #column_1 #aspnetForm input.formButton {
	background: Transparent url('../Assets/send.jpg') no-repeat left top;
	border: 0px solid #fff;
	width: 153px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	clear: both;
	display: block;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 146px;
}

.validationsummary_holder div {
	color: #000000!important;
	font-size: 12px;
	font-weight: bold;
	height: 140px;
}


.validationsummary_holder ul {
	color: #000000
	font-size: 12px!important;
	font-weight: normal;
	line-height: 20px;
	margin-top: 10px;
}

#sent p {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

#content #column_1 #aspnetForm h3 {
	color: #000;
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}*/


/* 6.0 - TABLES - Default table styles are set in the Reset.css, 
------------------------------------------------------------*/





/* 7.0 - RECYCLE BIN
------------------------------------------------------------*/

/*
Put old css in here:






*/
.quote {
	background-image: url(../images/quote.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 172px;
	width: 261px;
	margin-bottom: 20px;
	float: left;
}
.testimonial  {
	background-image: url(../images/testimonial.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 168px;
	width: 261px;
}
.testimonial:hover  {
	background-image: url(../images/testimonial.jpg);
	background-repeat: no-repeat;
	background-position: 0px -168px;
	float: left;
	height: 168px;
	width: 261px;
}