/* Start of CMSMS style sheet 'HIT_styles' */
/*
insert global colors for site here

-----------------------------------------------
Site Title
Author:   Jeff Williams
Version:  Date V1.0
----------------------------------------------- */

/*HTML SETUP*******************************************************************/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;

}

ul, dl, ol{
margin:0.25em 0.0em .25em 1.0em;
padding:0.25em 0.0em .25em 1.0em;
}

.searchhilite{
background-color:red;

}

/*you must compensate for the scroll bar for mozilla though because the margin and padding is removed*/
option{
	padding-right:.5em;
}

html, body{	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	line-height: 1.0em;	
	height:100%;
	width:100%;
	color:#2e2e2e;
}
body{
	background-repeat:repeat-x;
	background-color:#161718;
}

#top_slice_internal, #top_slice{
	background-position:center top;
	width:100%;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#top_slice{
	background-image:url(images/HIT_imgs/images/top_bg.gif);	
}
#top_slice_internal{
	background-image:url(images/HIT_imgs/images/top_bg_internal.gif);	
}



#radial_bg{
	background-image:url(images/HIT_imgs/images/radial_bg.jpg);
	background-position:center 143px;
	width:100%;
	background-repeat:no-repeat;
}


#radial_bg_internal{
	background-image:url(images/HIT_imgs/images/radial_bg_internal.jpg);
	background-position:center 143px;
	width:100%;
	background-repeat:no-repeat;

}

img{
	border:0px;
}
/* The wrapper clears the floating elements of the horizontal menu */
/* Fix for Opera 8 */
.clearb, #content_region .clearb{ 
	clear: both; 
	font-size:0px; 
	line-height:0px;
}


/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}


/*fix Disappearing List Background Bug */
ul, ol, dl { position: relative; }

.divider, hr{
	border:0px; 
	border-bottom:1px; 
	border-style: solid; 
	border-color: #f2f0d9;	
	position:relative;
	width:100%;
	margin-top:0px;
	margin-bottom:8px;	
	line-height:1.0em;
}

/*END HTML SETUP*******************************************************************/



/*START LAYOUT ELEMENTS************************************************************/
.centered_reg_section{
	position:relative;
	width: 980px;
	margin-right: auto;
    margin-left: auto;
}

#under_menu{
	z-index:1;
	display:none;

}

#HIT_header{
	height:143px;
	z-index:5;
}

#search_box{
	float:right;
	right:0px;
	top:30px;
	color:#fff;
	position:absolute;
	height: 52px;
}
#search_box .btn{
	margin-left:-5px;
}


#top_sub_nav{
	right:0px;
	float:right;
	top:0px;
}
#top_sub_nav li.last_item{
	padding-right:0px;
}

#top_sub_nav a{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}

#flash_banner{
	width:980px;
	height:284px;	
}
#flash_banner_internal{
	width:980px;
	height:101px;
	margin-bottom:47px;	
	padding-top:10px;
	position:relative;
	
}
#flash_banner_internal h1{
	color:#FFFFFF;
	font-size:40px;
	top:20px;
	position:absolute;	
}

#content_region{
	min-height: 300px;
	padding-bottom:40px;	
}
#content_region div{
	font-size:11px;
}

#cms_content_left{
	float:left;
	width:389px;	
}

#cms_content_right{
	float:left;
	width:538px;
	padding-left:30px;
	margin-top:30px;
	border-left:1px solid #d8d8d8;
	margin-left:22px;
}
#cms_content_right .inline-image{
	padding-bottom:22px;	
}
#cms_content_right .inline-image.bottom{
	padding-bottom:0px;	

}

#cms_content_right p{
line-height:1.75em;
}

#inner_left_col{
	width:600px; 
	float:left; 
	display:inline;
}
#inner_wide{

}


#internal_menu_block{
	width:255px; 
	float:right;
	display:inline;
}


#internal_menu_block h4{
	display:block;
	background-color:#d1d7de;
	color:#4a4d4e;
	padding:10px;
	background-image:url(images/HIT_imgs/images/hand_icon.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:45px;
	font-size:17px;
	font-weight:normal;
} 
#internal_menu_block ul{
	margin:0px;
	padding:0px;
	background-image:url(images/HIT_imgs/images/menu_bg.jpg);
	background-repeat:no-repeat;
}

#internal_menu_block li{
	list-style:none;
	display:block;
	background-image:url(images/HIT_imgs/images/grey_dot_large.gif);
	background-repeat:no-repeat;
	background-position:10px 11px;
	text-transform:capitalize;
	color:#6e7172;
	width:255px;
	height:auto;
	margin:0px;
	border-bottom:1px solid #e8e9ea;
	font-size:0px;
}
#internal_menu_block li:hover, #internal_menu_block li.menuh{
	background-color:#dfe3e8;
}

#internal_menu_block li a{
	color:#6e7172;
	display:block;
	padding:8px 5px 8px 28px;	
	min-height:1em;
	font-size:12px;
}

#internal_menu_block li a:hover{
	text-decoration:none;
}

#internal_menu_block li.currentpage{
	background-image:url(images/HIT_imgs/images/green_dot_large.gif);
	background-color:#b2b2b2;	
	
}
#internal_menu_block li.currentpage h3{
	color:#fff;
	font-weight:normal;
	padding:10px 5px 10px 28px;
	min-height:1em;	
}

#footer_bg, #footer_bg_internal{	
	background-repeat:repeat-x;
	background-color:#fff;
	background-position:center top;
	width:100%;	
	position:relative;
	z-index:1;	
}

#footer_bg{
	background-image:url(images/HIT_imgs/images/bot_bg.gif);
	height:204px;
}
#footer_bg_internal{
	background-image:url(images/HIT_imgs/images/bot_bg_internal.gif);
	height:83px;
}

#HIT_footer{
	padding-top:22px;
}
#HIT_footer_internal{
	padding-top:5px;
}

.HIT_footer{
	color:#fff;	
}
.HIT_footer .horizontal-list{
	clear:both;
	width:780px;
	font-size:10px;
	margin-left:0px;
	padding-left:0px;
}
.HIT_footer #content_list.horizontal-list{
	width:900px;
	padding-bottom: 15px;
}
.HIT_footer #content_list.horizontal-list li{	
	background-repeat:no-repeat;
	background-position:left 3px;
	list-style:none;
	padding:3px 0px 8px 30px;
	margin:0px;
	margin-right:30px;
}
.HIT_footer #content_list.horizontal-list li a{	
	color:#c6cacf;
	text-transform:none;
}


.HIT_footer li{
	font-size:10px;
}
.HIT_footer .horizontal-list a{
	color:#fff;
	text-transform:uppercase;
}


#friday{
	text-align:right;
	font-size:10px;
	float:right;
	margin-top:-21px;
	text-transform:uppercase;		
}
#friday a{
	color:#f40850;
}

.footer_box{
	width:241px;
	float:left;
	background-image:url(images/HIT_imgs/images/footer_spacer.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:39px;
	padding-right:43px;
}

#our_clients.footer_box{
	background-image:none;
	padding-left:0px;
}
#case_studies{
	width:290px;
}
#case_studies img{
	padding-bottom:50px;	
}
#contact_us{
	width:240px;
}

#contact_us ul{
	margin:0px;
	padding:0px;
	font-size:11px;
}
#contact_us li{
	background-repeat:no-repeat;
	background-position:left 3px;
	list-style:none;
	padding-left:30px;
	padding-bottom:8px;
	margin:0px;
	
}
li#footer_home{
	background-image:url(images/HIT_imgs/images/home_icon.gif);
}

li#footer_mail{
	background-image:url(images/HIT_imgs/images/mail_icon.gif);
}



li#footer_contact{
	background-image:url(images/HIT_imgs/images/phone_icon.gif);
}


.contactDetails  {
	float: left;
	width: 250px;
}

.enquiryForm {
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
}

.googleMap {
	float: left;
	width: 350px;
}

/*END LAYOUT ELEMENTS************************************************************/


/*START LIST ELEMENTS************************************************************/

.horizontal-list li.first_item, #content_region .horizontal-list li.first_item{
	padding-left:0px;
	background-image:none;
}
.nomargin{
	margin:0px;
	padding:0px;
}


#content_region .horizontal-list li {
	background-image:url(images/HIT_imgs/images/green_dot.gif);
}

.horizontal-list li {
	display: inline;	
	padding: 0 5px 0 10px;
	background-image:url(images/HIT_imgs/images/dot.gif);
	background-position:0px .8em;
	background-repeat:no-repeat;
}

li{
	font-size:11px;
}


#inner_left_col li , #cms_content_left li, #inner_wide li{
	background-image:url(images/HIT_imgs/images/li_arrow.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding-left:10px;
	list-style:none;
	line-height:20px;

	
}



/*END LIST ELEMENTS************************************************************/


/*START FONT ELEMENTS************************************************************/

/*
by putting the font size (.75em) in the imediately outer div (usually content) 
we are enabling the default size of text to be .75em
because p tags font size are not set explicitly they will default to .75 
(eg. .75 of 1).
All other fonts h1, h2, h3, h4. will be .75 of the below sizes
DEFAULT FONT SIZE SHOULD BE SPECIFIED IN THE IMMEDIATELY OUTER DIV CONTAINER!
*/


h1{
	color:#5f8215;
	line-height:1.5em;	
	font-size:21px;
	font-weight:normal;
	display:inline;

}

h2{
	font-size:1.4em;
	color:#28495A; /*5f8215*/
/*	font-weight:normal;*/
	font-weight: bold;
	line-height: 1.2em; /* 42px */ 
	margin-top: 0.9545em; 

}

h3{	
	font-size:12px;	 
 	line-height: 1.05em; /* 21px */ 
	color:#5f8215;	
	font-weight:bold;
}
#HIT_footer h3{	
	font-size:18px;
	color:#979fa9;
	padding-bottom:12px;
	font-weight:normal;
}


h4{
	font-size:12px;
	line-height: 1.3125em; /* 21px */ 
	color:#28495a;
}

h5{
	font-size:18px;
	line-height: 1.5em; /* 21px */ 
	font-weight:lighter;
	margin:0px;
	color:#73a31b;
	font-weight:bold;
}
p{
	font-size:11px;
 	line-height: 1.6em; /* 21px */ 
	margin: 0 0 .875em 0; 
}


#HIT_footer p{
	font-size:10px;
	line-height:1.5em;
}

.footer_box h3 a{
	color:#979FA9;
	
}

.footer_box h3 a:hover{
	color: #FFFFFF;
	text-decoration: none;
	
}

.footer_box a{
	color:#fff;
	
}

.footer_box a:hover{
	color:#5f8215;
}

blockquote{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}

#internal_menu_block blockquote{
	background-color:transparent;
	background-image:url(images/HIT_imgs/images/blockquote.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:16px;
	padding:0 33px;
	
}


/*END FONT ELEMENTS************************************************************/


/*START HYPERLINK ELEMENTS*******************************************************/

a{
	color:#5f8215;
	text-decoration:none; 
}
a:hover{	
	text-decoration:underline;
}


/*END HYPERLINK ELEMENTS*******************************************************/




/*START WYSIWYG ELEMENTS*******************************************************/
/*All elements here will be viewable in the wysiwyg they should be copied into
Please note that all styles must also be in lower case.
*/


.inline-image {	 
	 clear:left;
	 float: left;	 
	 padding-right:22px;
}

.inline-image.plain {
	 background:none;
	 border: none;
}

.inline-image-right {	 
	 padding: 5px;
	 float: right;
	 margin: 3px 0 10px 20px;
}



.green{
	color:#5f8215;		
}



/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextsmall{
	font-size:9px;
	color:#000;	
}
.bodytextlarge{
	font-size:14px;
	font-weight:bold;

}
.bodytextreg{
	font-size:11px;
	font-weight:lighter;

	
}
/*END WYSIWYG ELEMENTS*******************************************************/


/*FAQ MODULE*/
.answer_block p, .answer_block{
	line-height:1.2em;
}
.answer_block{
	position:relative;
	margin-left:34px;
	margin-bottom:10px;
	font-size:12px;
}

.answer_block .answer{
	left:-20px;
	position:absolute;
}
/* End of 'HIT_styles' */