@charset "UTF-8";
/* CSS Document */

/*colors
Epic Green = #00807A
*/
/*------------------------------------------------------------------------------------------------------------*/
/* clean tags*/

body 												{ font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;
													background:#959ca1; overflow-x:hidden; }
ul, h1, h2, h3, h4, h5, h6, li, ol, p 				{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; }
hr													{padding:0; margin:0 auto; line-height:0px;}
a 													{color:#666; text-decoration:none;margin:0;padding:0;}
a:hover 											{color:#000; text-decoration:none;}
img 												{ padding:0; margin:0; border:none;}
h1													{font-size:1.8em;}
p 													{padding:5px 0;}
caption												{margin:0 auto 15px auto;}
div													{margin:0; padding:0;}

ul {list-style:outside; margin:0 0 0 20px;}
li {padding:5px 0 0 0;}

/*------------------------------------------------------------------------------------------------------------*/
/* float classes */
.clrflt	{clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrrt	{clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrlft	{ clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }

.fltrt	{float:right;  margin:0; padding:0; }
.fltlft	{float:right;  margin:0; padding:0; }

/*------------------------------------------------------------------------------------------------------------*/
/* other classes */
.goGreen	{color:#00807A; font-weight:bold; font-size:1.2em;}
.stress	{color:#00807A;  }
.goLightly	{font-size:.8em; font-style:italic; font-weight:normal; line-height:1em;}




/*------------------------------------------------------------------------------------------------------------*/
/* Header CSS*/
.Header	  						{ width:800px; margin:0 auto; background:#fff url(../images/common/header.jpg) no-repeat left top;
								padding:0; height:193px; overflow:visible; position:relative; zoom:1; }
.Header	img#epicLogo			{float:left; margin:40px;}
.Header	img#dellPartner			{float:right; margin: 20px 40px 5px 0;}
.Header	img#microsoftPartner	{float:right; margin: 0 40px;}

/*------------------------------------------------------------------------------------------------------------*/
/* Main navigation */
	ul#mainNav		{text-align:right;font-size:1em; position:absolute; right:50px; bottom:1px; font-weight:bold;}
	ul#mainNav li	{font-weight:normal;display:inline;padding:0; color:#fff; margin:0; font-weight:bold;}
	ul#mainNav a	{text-decoration: none;color: #fff;padding:5px; margin:0;  letter-spacing:.1em; }
	ul#mainNav a:hover	{text-decoration: none;color: #99CCCC; }
	
/*------------------------------------------------------------------------------------------------------------*/
/* Main Body CSS */
.MainBody 							{width:800px; margin:0 auto; background:#fff url(../images/common/backgroundTech.jpg) no-repeat left bottom;
									position:relative; padding:0; overflow-x:hidden; zoom: 1;}

.MainBody div#leftcolumn			{float:left; width:300px; margin:0; padding:0; background: url(../images/common/titleBar.gif) left top no-repeat; }
.MainBody div#leftcolumn h2			{color:#fff; margin:5px 30px; font-weight:normal;}
.MainBody div#leftcolumn img		{margin:5px 0 5px 0; padding:0;}
.MainBody div#leftcolumn div#address{margin:5px 0 5px 30px; padding:0; line-height:1.5em;}


			/*------------------------------------------------------------------------------------------------------------*/
			/* better titles */
			div#qTip 		{width:20em; padding:0px; color:#000; text-align:left; position:absolute; z-index:1000; float:left; font-size:.9em;
							}
							
							
			
			div#qTip img#pointer{position:absolute; left:0px; top:-20px; z-index:1; }
			
			div#qTip div		{position:absolute; left:40px; top:-60px; margin:0; padding:0;width:20em;
								-moz-border-radius:12px 12px 12px 12px;border-radius: 12px; margin:0 0 38px 0px; padding:10px;
								background-color:#959ca1; border:1px solid #4D4D4D; color:#fff; font-weight:bold;}
			.servers 			{float:right; margin:5px; z-index:1; }
			
			div#qTip div ul li	{font-size:.9em; color:#000; font-weight:normal;}
			/*------------------------------------------------------------------------------------------------------------*/
			
.MainBody div#rightColumn		{float:right; width:390px; margin:0 50px 0 0; padding:30px 0 0 0; }
.MainBody div#rightColumn img	{float:right; margin:20px -30px 0px 0; }
.MainBody div#rightColumn img#LANwiring	{float:right; margin:0 -30px -10px 0; }						

/*------------------------------------------------------------------------------------------------------------*/
/* Footer CSS */
.Footer 			{ width:800px; margin:0 auto; background: url(../images/common/floor.gif) no-repeat left bottom;
					padding:0; height:36px; overflow:visible; position:relative;}
.Footer img			{margin:0; padding:0; position:absolute; left:0; bottom:0;}

/*------------------------------------------------------------------------------------------------------------*/
/* copyrightInfo CSS */
.copyrightInfo { width:800px; margin:20px auto; padding:0; font-size:.8em; text-align:center;}
.copyrightInfo h1{ margin:0; padding:0; font-size:1em;}
.copyrightInfo p{ margin:0; padding:0; font-size:1em;}

/*------------------------------------------------------------------------------------------------------------*/
	/*form look and feel*/	
	form		{ width:340px; font-size:.8em; margin-left:30px; padding:0 20px;   }
				
	textarea	{float:right;  vertical-align: middle;}
	input		{float:right;  vertical-align: middle;}
	select		{float:right; vertical-align: middle;}
	.subme		{ text-align:right;  font-size:11px;  }
	.subme input{ float:none; }
	label		{ float:left; padding:0 0 10px 0; width:100%;}
	
	#expla		{width:6em; font-size:.8em; float:left; font-weight:bold; display:inline; margin-top:10px;}


