/* COLOUR REFERENCES  

ORANGE #FE7900

*/

/* LAYOUT DIV CONTAINERS */
body { margin:0; padding:0; width:100%;height:100%; background-color:#ffffff; font-size:100% }

#n4PageWrapper { width:100%; text-align:center;  border:0px solid red; clear:both; display:block; float:none; margin:auto; position:relative; font-size:1em;  }
#n4PageWrapper { text-align:-moz-center; }

#n4PageWrapperMid { width:100%; text-align:center;  border:0px solid red; clear:both;  display:block; float:none; margin:auto; position:relative; }
#n4PageWrapperMid { text-align:-moz-center; }

#n4PageWrapperBottom { width:100%; text-align:center;  border:0px solid red; clear:both;  display:block; float:none; margin:auto; position:relative; }
#n4PageWrapperBottom { text-align:-moz-center; }

#n4PageTop  { width: 780px; text-align:left;clear:both; display:block; float:none; margin:auto; position:relative; }
#n4PageTop  { text-align:-moz-left; }

#n4PageMid  { width: 780px; text-align:left; clear:both; display:block; float:none;margin:auto; position:relative; }
#n4PageMid  { text-align:-moz-left; }

#n4PageBottom  { width: 100%; text-align:center; clear:both; display:block; float:none;position:relative;  padding-top:0px;   }
#n4PageBottom  { text-align:-moz-center; }


#n4TopBar { width: 100%;  clear:both; display:block; text-align:center }
#n4TopBar { text-align:-moz-center }
#n4NoStyleCompanyName 		{ display:none; }
#n4TopBarContainer			{ margin:auto; position:relative; display:block; width:100%;  border:0px solid blue; background-image:url(/assets/images/interface/n4TopBarContainer-L.jpg); background-repeat:repeat-x; text-align:center; height:56px;}
#n4TopBarContainer			{ text-align:-moz-center; }
#n4ContentJump				{ display:none; }
#n4TopBarLinks 				{ white-space:nowrap; width:780px; float:none; margin:auto; position:relative; vertical-align: middle; display:block; border:0px solid blue; height:56px; padding-right:20px; }

#n4Logo { float:left; border:0px solid blue; width:257px; }
#n4LogoImage { border:0px solid blue;  float:left; width:501px; margin-left:7px; height:118px; display:block; background-image:url(/assets/images/EnablesIT_img-01.png); background-repeat:no-repeat; }

#n4Pane1s { clear:both; display:block; width:100%; height:320px;  }

.formButton {border:1px outset #999999; padding:5px;font-size:80%;background-color:#333333; color:#FFFFFF; font-weight:bold;}



#n4Pane1-1 { width:257px; margin-right:13px; float:left; border:0px solid blue; height:282px; }
#n4Pane1-2 { width:330px; margin-right:13px; float:left; border:0px solid blue; height:282px;  }
#n4Pane1-3 { width:152px; float:left; border:0px solid blue; height:282px; }

#n4OpenSign { border:0px solid blue; position:relative; height:155px; top:-43px; left:-62px; display:block; background-image:url(/assets/images/interface/WeAreOpen.jpg); background-repeat:no-repeat; }
#n4OpenSign object { padding:0; margin:0 }
#n4OpenSign embed { padding:0; margin:0 }

/* ROUNDED BOX CORNERS -- ORANGE */
.n4_rbroundbox_Orange { background: url(/assets/images/interface/boxes/orange/nt.gif) repeat; }
.n4_rbtop_Orange div { background: url(/assets/images/interface/boxes/orange/tl.gif) no-repeat top left; }
.n4_rbtop_Orange { background: url(/assets/images/interface/boxes/orange/tr.gif) no-repeat top right; }
.n4_rbbot_Orange div { background: url(/assets/images/interface/boxes/orange/bl.gif) no-repeat bottom left; }
.n4_rbbot_Orange { background: url(/assets/images/interface/boxes/orange/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.n4_rbtop_Orange div, .n4_rbtop_Orange, .n4_rbbot_Orange div, .n4_rbbot_Orange {
width: 100%;
height: 10px;
font-size: 1px;
}
.n4_rbcontent_Orange { margin:0; padding:0px;height:300px; }
.n4_rbroundbox_Orange { width: 100%;  margin:0; }


/* ROUNDED BOX CORNERS -- BLACK */
.n4_rbroundbox_Black { background: url(/assets/images/interface/boxes/black/nt.gif) repeat; }
.n4_rbtop_Black div { background: url(/assets/images/interface/boxes/black/tl.gif) no-repeat top left; }
.n4_rbtop_Black { background: url(/assets/images/interface/boxes/black/tr.gif) no-repeat top right; }
.n4_rbbot_Black div { background: url(/assets/images/interface/boxes/black/bl.gif) no-repeat bottom left; }
.n4_rbbot_Black { background: url(/assets/images/interface/boxes/black/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.n4_rbtop_Black div, .n4_rbtop_Black, .n4_rbbot_Black div, .n4_rbbot_Black {
width: 100%;
height: 10px;
font-size: 1px;
}
.n4_rbcontent_Black { margin:0; padding:10px; height:280px; text-align:center; }
.n4_rbcontent_Black { text-align:-moz-center; }
.n4_rbroundbox_Black { width: 100%;  margin:0; }


/* MISC */
#map_wrapper {  padding:4px; background-color:#FFFFFF; border: 1px solid #999999; dipsplay:block; }
#map_canvas { width: 242px; height: 300px;}
#n4AboutHomeNoStyle { display:none; }
#n4AboutHome { background-image:url(/assets/images/interface/WhatWeDoAndNumber.jpg); position:relative; top:-40px; background-repeat:no-repeat; margin:0px; padding:0px; width:214px; height:139px; display:block; margin-bottom:-40px; }

/* BUTTONS */

/* Orange */
#n4OrangeButtonContainer 	{ margin-top:0px; display:block; height:64px; width:100%; background-image:url(/assets/images/interface/buttons/n4-OrangeButton-L.jpg); background-repeat:no-repeat;
color:#FFFFFF;font-weight:bold; font-size:0.9em; line-height:38px; }
#n4OrangeButtonLink { width:90%;float:left;  text-align:center;   }
#n4OrangeButtonLink { text-align:-moz-center; }
#n4OrangeButtonLink	a		{ line-height:38px; font-size:90%; font-weight:bold;  color:#FFFFFF; text-decoration:none; margin-left:8px;}
#n4OrangeButtonRight			{ float:right; display:block; height:48px; width:8px; background-image:url(/assets/images/interface/buttons/n4-OrangeButton-R.jpg); background-repeat:no-repeat; }

/* Black */
#n4BlackButtonContainer 	{ white-space:nowrap; margin-top:0px; display:block; height:64px; width:100%; background-image:url(/assets/images/interface/buttons/n4-BlackButton-L.jpg); background-repeat:no-repeat; }
#n4BlackButtonLink { line-height:38px; font-size:90%; font-weight:bold; color:#FFFFFF; text-decoration:none; margin-left:8px; width:70%;float:left;  text-align:center; }
#n4BlackButtonLink { text-align:-moz-center; font-size:80%; font-weight:bold; color:#FFFFFF; }
#n4BlackButtonLink	a		{ line-height:38px;  font-weight:bold; color:#FFFFFF; text-decoration:none; margin-left:8px; }
#n4BlackButtonRight			{ float:right; display:block; height:48px; width:8px; background-image:url(/assets/images/interface/buttons/n4-BlackButton-R.jpg); background-repeat:no-repeat; }


/* TEXT AND LINK STYLES */

body {color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; }

	
	#n4Testimont { text-align:left; border:0; font-size:89.5% }


	.n4_rbcontent_Black .news 	{ 	font-size:60%; color:#FFFFFF; text-align:left; padding:10px;									}
	.n4_rbcontent_Black h3 		{ 	font-size:140%; color:#FFFFFF; text-align:left; padding:0px; margin:0; padding-bottom:5px;	}
	.n4_rbcontent_Black a 		{ 	color:#FFFFFF; font-size:120%;  text-decoration:none; text-align:right; font-weight:bold;		}
	.OrangeTitle  				{  	font-weight:bold; color:#FE7900; 															}
	.DarkTitle  				{  	font-weight:bold; 	}
	
	.quotes { font-weight:bold; color:#FE7900; font-family:Verdana, Arial, Helvetica, sans-serif; }														
	#n4GrayDiv		{ width:100%; background-color:#D6D6D7; padding:0px; height:2px; margin-top:15px; margin-bottom:15px; }
	#n4OrangeDiv		{ width:100%; background-color:#FFB370; padding:0px;  height:2px;  }
	
/* BESPOKE CONTENT DIV CSS */

		#n4ContentWrap { width:100%; clear:both; float:none; display:block; border:0px solid blue; }
		#n4ContentLeft  { width:257px; float:left; margin-right:13px;}
		#n4ContentRight  { width:497px; float:left; }
		#n4Content  { font-size:68.5%; padding-left:5px; }
		#n4Content h4 { font-size:120.5%; }
		
		#n4Content a { color:#FE7900; font-weight:bold; }
		
		
		.n4Content  { font-size:68.5%; padding-left:5px; }
		.n4Content h4 { font-size:120.5%; }
		
		.n4Content a { color:#FE7900; font-weight:bold; }
		

		
		
		
		
		/* CSS TABS NAVIGATION  */
		
		    #header {
       float:right; 

	  white-space:nowrap;
      background: url(/assets/images/interface/tabs/bg.gif) repeat-x bottom;  
      font-size:63.5%;
      line-height:normal;
	    text-align:right;
		height:56px;
		 margin-right:13px;
		 margin:auto; position:relative;
      }
	  
	  #header {
	  	    text-align:-moz-right;
      }
    #header ul {
      margin:0;
	 white-space:nowrap;
      padding:34px 0px 0 0px;
      list-style:none;
	
      }
    #header li {
	white-space:nowrap;
      float:left;
      background:url(/assets/images/interface/tabs/left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }

    #header a {
      float:left;
      display:block;
      background:url(/assets/images/interface/tabs/right.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFFFFF;
	  white-space:nowrap;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#FFFFFF;
      }
    #header #current {
      background-image:url(/assets/images/interface/tabs/left_on.gif);
      border-width:0;
      }
    #header #current a {
      background-image:url(/assets/images/interface/tabs/right_on.gif);
      color:#333;
      padding-bottom:5px;
      }
	  
	 #header #current:hover {
      background-image:url(/assets/images/interface/tabs/left_on.gif);
      border-width:0;
      }
    #header #current a:hover {
      background-image:url(/assets/images/interface/tabs/right_on.gif);
      color:#333;
      padding-bottom:5px;
      }


#n4PageImage { background-image:url(/assets/images/EIT_TIMES.jpg); background-repeat:no-repeat;
				display:block; width:232px; height:167px; }  
	  /* SUB NAVIGATION */
	  

#n4SubNavigation ul { list-style:none; margin:0; padding:0; background-color:#EFEFEF; padding-bottom:10px; }
#n4SubNavigation li { display:block; border:1px solid #EFEFEF; display:block; }

#n4SubNavigation ul ul li { background-color:#FFFFFF; margin-left:10px; margin-right:10px; margin-bottom:0px; }

#n4SubNavigation a { font-weight:normal; padding:5px; font-size:105%; color:#333333; text-decoration:none; display:block; }
#n4SubNavigation a:active { color:#333333; text-decoration:none;  }
#n4SubNavigation a:visited { color:#333333; text-decoration:none;  }
#n4SubNavigation a:hover { color:#ffffff; text-decoration:none; background-color:#FE7900;  }

#n4SubNavigation .heading  { font-weight:bold; padding-left: 10px; }
#n4SubNavigation #active  { color:#ffffff; background-color:#FE7900;  }







/* SUB NAVIGATION FOR EXPANDABLE MENUS */
.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
		width:100%
	}
	.menu {width:100%;}
	.menu li {
		display:block;
		margin:0;
		padding:0;
		margin-bottom:1px;
		text-align:right;
	}
	.menu a {
		display:block;
		padding:5px;
		color:#000;
		background:#EFEFEF;
		text-decoration:none;
	}
	
	
	.menu a:hover {background:#EFEFEF; color:#000000;}
	.menu a:active {background:#FE7900; color:#FFFFFF;}
	.menu ul li {padding-left:0px;}
	.menu ul a {background:#CCCCCC; color:#FFFFFF;} 
	.menu ul a:active {background:#FE7900; color:#FFFFFF;} 
	.hidden {display:none;}











	  
	  				/* icons need to be 48 wide and 45 tall or change these values */
				#SolutionSum { display:block; height:48px; padding-left:55px; line-height:48px; background-repeat:no-repeat; }
				#SolutionSum h4 { padding:0; margin:0; }
				
				.Solution1	{ background-image:url(/assets/images/Solution-Virtualisation.jpg);  }
				.Solution2	{ background-image:url(/assets/images/Solution_UnifiedComs.jpg);}
				.Solution3	{  background-image:url(/assets/images/Solution_Network.jpg); }
				.Solution4	{  background-image:url(/assets/images/Solution_HelpDesk.jpg); }
				.Solution5	{  background-image:url(/assets/images/Solution_RemoteDesktop.jpg); }
				.Solution6	{  background-image:url(/assets/images/Solution_Audit.jpg); }
				.Solution7	{  background-image:url(/assets/images/Solution_ServerNetwork.jpg); }
				
				/* Home Page Solutions Summaries */
				#SolutionSumHome { vertical-align : middle; display : table-cell; height:29px; padding-left:31px; background-repeat:no-repeat; }
				#SolutionSumHome h4 { padding:0; margin:0; font-size:85%}
				
				.SolutionHome1	{ background-image:url(/assets/images/Solution_sml_Virtualisation.jpg);  }
				.SolutionHome2	{ background-image:url(/assets/images/Solution_sml_UnifiedComs.jpg);}
				.SolutionHome3	{  background-image:url(/assets/images/Solution_sml_Network.jpg); }
				.SolutionHome4	{  background-image:url(/assets/images/Solution_sml_Support.jpg); }
				.SolutionHome5	{  background-image:url(/assets/images/Solution_sml_RemoteDesktop.jpg); }
				.SolutionHome6	{  background-image:url(/assets/images/Solution_sml_Audit.jpg); }
				.SolutionHome7	{  background-image:url(/assets/images/Solution_sml_ServerNetwork.jpg); }
				
					/* More Solutions Summaries */
				#SolutionSumMore { font-size:95%; display:block; padding-left:35px; background-repeat:no-repeat; }
				#SolutionSumMore a { padding:0; margin:0; }
				
				.SolutionMore1	{ background-image:url(/assets/images/Solution_sml_Virtualisation.jpg);  }
				.SolutionMore2	{ background-image:url(/assets/images/Solution_sml_UnifiedComs.jpg);}
				.SolutionMore3	{  background-image:url(/assets/images/Solution_sml_Network.jpg); }
				.SolutionMore4	{  background-image:url(/assets/images/Solution_sml_Support.jpg); }
				.SolutionMore5	{  background-image:url(/assets/images/Solution_sml_RemoteDesktop.jpg); }
				.SolutionMore6	{  background-image:url(/assets/images/Solution_sml_Audit.jpg); }
				.SolutionMore7	{  background-image:url(/assets/images/Solution_sml_ServerNetwork.jpg); }			
				
				
				
				.SolutionTxt { padding:7px; }
				
			#n4ContentRight2PaneContainer { clear:both; }
			#n4ContentRightPane1_1 {float:left; margin-right:13px; width:325px }
			#n4ContentRightPane1_2 {float:left; width:152px }
			
				#PartnersImage { display:block; height:274px; width:483px; background-image:url(/assets/images/partnersLarger.jpg); background-repeat:no-repeat; }
					#PartnersTxt { display:none; }
					
					
	#n4FooterTextWrapper {  background-color:#524F50; font-size:69.5%; height:10px; }
	#n4FooterText {  }
	
	#n4FooterLinksWrapper { padding:30px;background-color:#2C292B;  }
	#n4FooterLinks { width:780px; color:#FFFFFF; font-size:60%  }
	#n4FooterLinks a { width:780px; color:#FFFFFF; }
	
	
	
/* Login Buttons */

#RemoteSupportDetail 	{ background-image:url(/assets/images/remoteSupportButton.jpg); background-repeat:no-repeat;   
							height:111px; padding-left:144px; display:block; padding-top:5px;

						}

#HelpDeskSupportDetail  { background-image:url(/assets/images/helpdeskSupportButton.jpg); background-repeat:no-repeat;
							height:111px; padding-left:144px; display:block;  padding-top:5px;}
							
							object { margin:0px;padding:0px;}
							embed { margin:0;padding0;}