body {
margin: 0px;
/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D8ECFF), color-stop(0.8, #fff));  */
/* background-image: url("../images/pattern04.png"); */
background: white;
}

#logo {
width: 800px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
text-align: center;
}

#shell {
background-color: white;
width: 800px;
height: 399px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
-webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000;
-moz-border-radius: 6px; -webkit-border-radius: 7px;
border: 2px #008AE2 solid;
}

#menucontainer {
width: 800px;
height: 25px;
background-image: url("../images/gradients/gradient06.png");
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
position: relative;
border-bottom: black 1px solid;
}

#menu {
color: white;
font-family: Verdana;
font-size: 11px;
padding-left: 10px;
}

#menu a {
color: white;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}

#menu a:hover {
color: blue;
cursor: pointer;
}

	#menu tr > td {
	padding: 3px;
	text-align: left;
	}
	
	#homecell {
	width: 55px;
	}
	
	#homecell:hover {
	color: blue;
	cursor: pointer;
	}
	
	#productscell {
	width: 90px;
	}
	
	#productscell:hover {
	color: blue;
	cursor: pointer;
	}
	
	#servicescell {
	width: 90px;
	}
	
	#servicescell:hover {
	color: blue;
	cursor: pointer;
	}
	
	#aboutcell {
	width: 75px;
	}
	
	#aboutcell:hover {
	color: blue;
	cursor: pointer;
	}

	#contactcell {
	width: 100px;
	}
	
	#contactcell:hover {
	color: blue;
	cursor: pointer;
	}

#feature {
width: 800px;
height: 250px;
position: relative;
/* border-top: solid 1px #333; */
border-bottom: solid 1px #333;
/* -webkit-box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 7px #999; */
}

	#feature img {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:8;
	    opacity:0.0;
	}
	
	#feature img.active {
	    z-index:10;
	    opacity:1.0;
	}
	
	#feature img.last-active {
	    z-index:9;
	}
	
#text {
font-family: Helvetica;
font-size: 48px;
color: black;
float: right;
width: 400px;
}

#content {
font-size: 10px;
font-family: Verdana;
width: 800px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
float: left;
background-image: url("../images/gradients/gradient_120_02.png");
/* background-color: #008AE2; */
}

#leftcontent {
width: 383px;
height: 100px;
margin-left: 10px;
float: left;
border: 1px solid #94DEFF;
}

#leftcontent a img {border: none; }

#rightcontent {
width: 383px;
height: 100px;
margin-left: 10px;
float: left;
border: 1px solid #94DEFF;
}

#rightcontent a img {border: none; }

#footer {
font-family: Verdana;
font-size: 10px;
color: #000;
text-align: center;
margin-top: 10px;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.bolded {
font-weight: bold;
}

#digiwidge {
color: gray;
}

/* loadinggif */

#loading {
width: 35px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 115px;
}

/* productsCSS */

#products {
width: 800px;
font-size: 10px;
font-family: Verdana;
}

.bubbleInfo {
    position: relative;
}

.trigger:hover {
-webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.popup {
    position: absolute;
	background-image: url("../images/tooltip2.png");
	background-repeat: no-repeat;
	width: 170px;
	height: 90px;
	padding-left: 15px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
    display: none; /* keeps the popup hidden if no JS available */
}