@charset "utf-8";
/* Top navigation Horizontal*/
#menu {
			height:57px;
			background-image:url(../images/menu-bg.gif);
			background-repeat:repeat-x;
			background-color:#d9f0fc;
		}

ul#navmenu {
	width:840px;
			margin:0px auto;
			list-style-type:none;

	
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
}


ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 175px;
  list-style: none;
  display: none;
  position: absolute;
  top: 52px;
  left: -30px;
 }
ul#navmenu ul li ul {width:130px}
ul#navmenu ul li {
	float: none; /*For Gecko*/
	display: block !important;
	display: inline;padding:5px 0 0 0
	
}
/* Root Menu */
ul#navmenu li a {

	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display:block;
			height:57px;
			font-size:130%;
			background-position:0px -57px;
			text-decoration:none;
			padding:0px 15px 0 15px;
			margin:0 5px 0 0;
			text-align:center;
			text-indent:-999999px;
			color:#266B5D 
			
}

/* Root Menu Hover Persistence */
ul#navmenu li a:hover {background-position:0px 0px;
			display:block}
a.home {background:url(../images/but-home.gif) no-repeat; width:45px}
		a.services{background:url(../images/but-services.gif) no-repeat; width:64px}
		a.shop{background:url(../images/but-sho.gif) no-repeat; width:85px}
		a.hosting{background:url(../images/but-hosting.gif) no-repeat; width:58px}
		a.portfolio{background:url(../images/but-portfolio.gif) no-repeat; width:69px}
		a.blog{background:url(../images/but-blog.gif) no-repeat; width:35px}
		a.about{background:url(../images/but-about.gif) no-repeat; width:69px}
		a.contact{background:url(../images/but-contact.gif) no-repeat; width:58px}




ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #266B5D;

	text-decoration:none;

}

/* 2nd Menu */
ul#navmenu li:hover ul li a,
ul#navmenu li.iehover ul li a {
	float: none;
	color: #557aab;
	border:#8fb9d0 1px solid;
	text-decoration:none;
	text-indent:0px;
	height:25px;
	background-color:#e7f5fd;
	font-size:12px;
	text-align:left;
	padding:5px 0 0 5px
	
	
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #E9316B;
	background-color: #f7fbfd;
	text-decoration:none;
}
ul#navmenu li:hover li a.arrowclass:hover,
ul#navmenu li:hover li:hover a.arrowclass,
ul#navmenu li.iehover li a.arrowclass:hover,
ul#navmenu li.iehover li.iehover a.arrowclass {
	color: #E9316B;

	text-decoration:none;
	background: #f7fbfd url(../images/but-dropdown.gif) right no-repeat
	
}
 
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	color: #557aab;
	border:#d8d8d8 1px solid;
	text-decoration:none;
	text-indent:0px;
	height:25px;
	background-color:#e5f5fd;
	font-size:11px;
	text-align:left;
	padding:5px 0 0 5px;
	margin: 0 0 0 10px
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
color: #E9316B;
	background-color: #f7fbfd;
	text-decoration:none;
}

.currenttab {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
.currenttab1 {
	color: #557aab;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color:#ffffff;
	
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #333333;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}



/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*-----dropdowns for FAQ--------*/
.headers {margin: 2px 0 10px 20px}
.headers a:link,.headers a:active,.headers a:visited {color:#FF0084 ; font-size:14px;
font-weight:normal;
text-decoration:none;
border-bottom:1px dashed #1AAFD9}
.headers a:hover {color:#1AAFD9; font-size:14px;
font-weight:normal;
text-decoration:none;
border-bottom:1px dashed #FF0084}
div.eg-bar{
	width: 90%;
	margin-left:20px;
	height:45px;

}
.iconspan{
	float: left;
	margin: 20px 0 20px 0;
	
	cursor:pointer;
	font-weight: bold;
	width:100%;
	font-size:16px;
	border-bottom:1px dashed #ff0084;
	line-height:25px;
	color:#1AAFD9


}
.iconspan img {padding:0px 5px 0 0 }
.icongroup1{
	margin:30px 80px 5px 20px;
	color:#004c66;
	font-size:11px;
	line-height:20px;
	font-size:110%;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
.icongroup1 p{
margin:0;
padding:0 0 0 40px;
color:#004c66;

line-height:20px;
width:450px
}
.icongroup ul, .icongroup ol {margin:0 40px 0 0;
padding:0;
list-style:none}
.icongroup ul li {
margin:0;
padding:0;
color:#004c66;
font-size:11px;
line-height:20px;
width:400px;
list-style:none

}