/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  May 11, 2010, 4:33 pm with psd2css Online version 1.77
 *
 */
 
 body {
	text-align: center;
	min-width: 835px;
	background-color:#8C8C8C;
	font-family: Calibri;
}

img
{  border-style: none;
}

DIV.centered 
{
	position:relative;
	text-align: left;
	width: 835px;
	height:735px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	left: 7px;
}

#PortalLogin
{
	position: absolute;
	left:60px;
	top:36px;
	width: 350px;
	height: 225px;
	
	}

#RemoteSupport
{
	position: absolute;
	left:510px;
	top:76px;
	width: 195px;
	height: 120px;

}

#case1
{
  position: absolute;
  background-repeat:no-repeat;
  left: -60px;
  top: 102px;
  width: 756px;
  height: 295px;
  z-index: 1;
}

#case2
{
  position: absolute;
  background-repeat:no-repeat;
  left: -60px;
  top: 62px;
  width: 756px;
  height: 395px;
  z-index: 1;
}

#case3
{
  position: absolute;
  background-repeat:no-repeat;
  left: -60px;
  top: 12px;
  width: 756px;
  height: 495px;
  z-index: 1;
}

#container1
{
	
	width: 756px;
	height: 295px;
	z-index: 1;
	
	}

#container2
{
	position:absolute;
	top: 40px;
	left: +100px;
	width: 356px;
	height: 315px;
	
}
#container3
{
	 position: absolute;
	 top: 45px;
	 left: +560px;
	width: 140px;
	height: 315px;
	z-index: 1;
	
	}

#container4
{
	position:absolute;
	top: 40px;
	left: +22px;
	width: 426px;
	height: 415px;
	
}
#container5
{
	 position: absolute;	 
	 top: 45px;
	 left: +490px;
	width: 232px;
	height: 365px;
	z-index: 1;
	
	}



/* You named this layer Footer */
#Layer-1 {
  position: absolute;
  left: +7px;
  top: +665px;
  width: 822px;
  height: 52px;
  z-index: 1;
}

/* You named this layer FooterContent */
#Layer-2 {
  position: absolute;
  left: 117px;
  top: 28px;
  width: 607px;
  height: 22px;
  z-index: 2;
}

/* You named this layer Center */
#Layer-3 {
  position: absolute;
  left: +7px;
  top: +134px;
  width: 822px;
  height: 531px;
  z-index: 3;
}

#pagecontent 
{
  position: absolute;
  left: +85px;
  top: +13px;
  width: 650px;
  height: 100px;
  z-index: 5;

	
}

/* You named this layer Header */
#Layer-4 {
  position: absolute;
  left: +7px;
  top: +12px;
  width: 822px;
  height: 122px;
  z-index: 4;
}

/*Menu*/
#Menu {
 position:absolute;
 left:+80px;
 top:+91px;
 width:500px;
 height:21px;
 z-index:4;
	
}
		/* Menu Buttons*/
		#Home 
		{
		
		 position:absolute;
		 left:+10px;
		 top:-4px;
		 width:56px;
		 height:21px;
		 z-index:4;
		 border-style:none;			
		}
		
		#WhyUs 
		{
		 position:absolute;
		 left:+75px;
		 top:-4px;
		 width:56px;
		 height:21px;
		 z-index:4;
		 border-style:none;	
		}
		
		#Services 
		{
		 position:absolute;
		 left:+260px;
		 top:-4px;
		 width:56px;
		 height:21px;
		 z-index:4;
		 border-style:none;	
		}
				
		#Contact 
		{
		 position:absolute;
		 left:+380px;
		 top:-4px;
		 width:56px;
		 height:21px;
		 z-index:4;
		 border-style:none;
		}
				
		#Portal 
		{
		 position:absolute;
		 left:+490px;
		 top:-4px;
		 width:56px;
		 height:21px;
		 z-index:4;
		 border-style:none;
		}





/* You named this layer Splash */
#Layer-5 {
  position: absolute;
  left: +32px;
  top: +391px;
  width: 756px;
  height: 295px;
  z-index: 5;
}

/* You named this layer Content3 */
#Layer-6 {
  position: absolute;
  left: 466px;
  top: 33px;
  width: 279px;
  height: 235px;
  z-index: 6;
}

/* You named this layer Content2 */
#Layer-7 {
  position: absolute;
  left: 311px;
  top: 33px;
  width: 149px;
  height: 235px;
  z-index: 7;
}

/* You named this layer Content1 */
#Layer-8 {
  position: absolute;
  left: 10px;
  top: 33px;
  width: 295px;
  height: 235px;
  z-index: 8;
}

/* You named this layer Disaster Recovery */
#Layer-9 {
  position: absolute;
  left: 547px;
  top: 12px;
  width: 110px;
  height: 13px;
  z-index: 9;
}

/* You named this layer Consulting */
#Layer-10 {
  position: absolute;
  left: 351px;
  top: 11px;
  width: 66px;
  height: 13px;
  z-index: 10;
}

/* You named this layer Management */
#Layer-11 {
  position: absolute;
  left: 109px;
  top: 15px;
  width: 78px;
  height: 12px;
  z-index: 11;
}

/* You named this layer Shape 1 */
#Layer-12 {
  position: absolute;
  left: 31px;
  top: 4px;
  width: 740px;
  height: 241px;
  z-index: 12;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}