body { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-repeat: repeat; margin: 0      }
h2 {font-size: 15px}
h3 {font-size: 12px}
h4 {font-size: 11px}




* {padding: 0px; margin: 0px;}

#menu a:hover {text-align: left; padding: 0; margin: 0; -moz-outline-style:none; outline:none;}
#menu a:active {text-align: left; padding: 0; margin: 0; -moz-outline-style:none; outline:none;}

body {
	background-image: url(/images/bk.gif);
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	vertical-align: top;
}

a:link {color: #00a1e3;; text-decoration: none;}     /* unvisited link */
a:visited {color: #00a1e3; text-decoration: none;}  /* visited link */
a:hover {color: #666666; text-decoration: none;}   /* mouse over link */
a:active {color: #00a1e3; text-decoration: none;}   /* selected link */
.content {
	font-family: Verdana, sans-serif;;
	font-size: 10px;
	line-height: 1.5em;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	color: #666666;
}
.content A:link{
	font-family: Verdana, sans-serif;;
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
	color: #00a1e3;
}
.content A:active{
	font-family: Verdana, sans-serif;;
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
	color: #00a1e3;
}
.content A:visited{
	font-family: Verdana, sans-serif;;
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
	color: #00a1e3;
}
.content A:hover{
	font-family: Verdana, sans-serif;;
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
	color: #666666;
}

iframe {  }

#container
	{text-align: left; width: 792px; height: 548px; margin-left: auto;
	margin-right: auto; position: relative; margin-top: 20px; background-color:#FFFFFF}


#header
	{ background-image: url(/images/topbar.png); background-repeat: no-repeat; background-position: 165px 0; position: absolute; width: 792px; height: 104px; z-index: 1999; float: left;  }

	#headerlogo
		{background: url(/images/eegologo.png) no-repeat left top; 
		height: 106px; width: 165px; float: left; position:relative;}

	#headertop
		{background: url(/images/topbar.png) no-repeat left top; 
		height: 77px; width: 627px; float: left; text-align:left; 
		text-indent: -15000px;}
		
	#support
		{width:130px; height:36px; float:right}


	#menudiv
		{ background: #fafbf9 url(/images/menu2.png) no-repeat; z-index: 2007; position: absolute; top:77px; left: 165px; }

html>/**/body #menudiv
		{ background: url(/images/menu2.png) no-repeat left top; position: absolute; top: 77px; left: 165px; height: 29px; width: 627px; float: right; }


#menu { height: 29px; width: 627px;}
	
		
	html>/**/body #menu
		{ height: 29px; width: 627px; float: left; position: relative;}	
	
		#menu li { position: absolute; list-style: none; }
	  	#menu li, #menu a {height: 29px; display: block;}

		#menuhome {left: 55px; width: 50px; height: 29px; overflow: hidden}
		#menuhome a:hover {background: transparent url(/images/menu2.png) -55px -29px no-repeat;}
	
	  	#menuportfolio {left: 109px; width: 68px;height: 29px; overflow: hidden}
		#menuportfolio a:hover {background: transparent url(/images/menu2.png) -109px -29px no-repeat;}
		
	  	#menuinfo { position: absolute; left: 184px; width: 43px; z-index: 2001; }
		#menuinfo a:hover {background: transparent url(/images/menu2.png) -184px -29px no-repeat;}

		#menudesign {left:233px; width:70px;height: 29px; overflow: hidden}
		#menudesign a:hover {background: transparent url(/images/menu2.png) -233px -29px no-repeat;}

	  	#menuhosting {left: 301px; width: 70px;height: 29px; overflow: hidden}
		#menuhosting a:hover {background: transparent url(/images/menu2.png) -301px -29px no-repeat;}

	  	#menuconsultancy {left: 375px; width: 90px;height: 29px; overflow: hidden}
		#menuconsultancy a:hover {background: transparent url(/images/menu2.png) -375px -29px no-repeat;}

	  	#menumarketing {left: 465px; width: 120px;height: 29px; overflow: hidden}
		#menumarketing a:hover {background: transparent url(/images/menu2.png) -465px -29px no-repeat;}
		#designportfolio { width: 226px; height: 192px; cursor: pointer; }
		#marketingportfolio { width: 226px; height: 192px; cursor: pointer; }
	
		
	
#menu li li {margin-top: 5px}		
#menu li li a {background-color: #84cb16; width: 111px; height: 15px; text-align: left; padding: 0; margin: 0;  outline:none; padding: 2px; font-weight: bold}

#menu li li a:hover {color: #fff; background-color: #84cb16; background-image: none; width: 111px; height: 15px;  text-align: left; padding: 0; margin: 0; outline:none; padding: 2px; font-weight: bold}



li { float: left; position: relative; list-style-position: inside; }


li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}


li:hover ul, li.over ul { background-image: none; display: block; color: #dedede}
ul #submenu_info  { position: absolute; top: 20px; z-index: 2005}
ul #submenu a { background-image: none;  display: block;}
ul #submenu a:hover { }
a.submenu {color: #ffffff}
.submenu a:hover {color: #dedede}

div#masthead { position: absolute; top: 30px; right: 38px; width: 220px; height: 55px; z-index: 2008; float: right; }
div#masthead_contact { border-right: 1px solid gray; width: 85px; height: 30px; float: left; }
div#masthead_details { float: right; }
div#masthead h4 { color: #333; font-size: 101%; margin: 0; padding: 0; }

#main {height: 442px; width: 792px; margin: 0px; padding: 0px; position: absolute; top: 104px; z-index: 1800}

html>/**/body #main {height: 442px; width: 792px; margin: 0px; padding: 0px; position: absolute; top: 104px}

#indeximage
	{background: url(/images/home.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#indexcontent
	{float: right; height: 400px; width: 270px;}
#marketingimage
	{background: url(/images/main_white.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#marketingcontent_left
	{float: left; height: 400px; width: 470px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
#marketingcontent_right {width: 270px; float: right; text-align: center}
#designimage
	{background: url(/images/main_white.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#designcontent_left
	{float: left; height: 400px; width: 470px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
#designcontent_right {width: 260px; float: right; text-align: center}
#infocontent_left
	{float: left; height: 400px; width:745px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
img.homenews {position: relative; margin-left: 10px; top:5px}

#hostingimage
	{background: url(/images/main_white.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#hostingcontent_left
	{float: left; height: 400px; width: 470px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
#hostingcontent_right {width: 260px; float: right; text-align: left}

#consultancyimage
	{background: url(/images/main_full.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#consultancycontent_left
	{float: left; height: 400px; width: 740px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
#websitesimage
	{background: url(/images/main_white.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#websitescontent_left
	{float: left; height: 400px; width: 470px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}
#portfolioimage
	{background: url(/images/bg_portfolio.jpg ) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#portfoliocontent_left
	{float: left; height: 400px; width: 300px; text-align: left; vertical-align: top; margin-top: 20px; padding-left: 8px}	
#portfoliocontent_right { position: absolute; top:-200px  }
#portfolio_thumb {width: 265px; height: 415px; overflow: auto}	
iframe { border: solid 0 #fff; height: 438px; width: 489px; position: absolute; top:-100px; overflow: visible; margin-left: 5px; }

#footer { border: solid 1px #d6d6d6; background-color: #ffffff; bottom: 0; width: 781px; height: 35px; z-index: 2007; padding: 5px    }

img.spacer {padding: 5px}
div#news_content {height:435px; width:783px; overflow:scroll;}