/* CSS Document */

	
	/* the box that holds the 3 buttons */
	#navMini {
	position:absolute;
	top:5px;
	width: 457px;
	height: 95px;
	left:20;
	background-image:url(images/buttons-call2action.gif); background-repeat:no-repeat;
	}
	
	#menu1 a:hover .text {
	display:block;
	position:absolute;
	top:50px;
	left:2px;
	color:#000000;
	width:135px;
	font-size:11px;
	text-decoration:none;
	}
	
	#menu1 a .text {
	display:none;
	left:0;
	vertical-align:middle;
	visibility:visible;
	}
	
	#navMini li a span {
	display:block;
	top:50px;
	width:440px;
	height:42px;
	color:#000000;
	font-family:Arial, Verdana, sans-serif; font-size:10px;
	background-color:#CCCCFF;
	padding:3px;
	text-align:center;
	}
	
	#navMini li {
	position:absolute;
	top:0px;
	display:block;
	text-decoration:none;
	
	}
	
	#navMini a {height: 95px; display:block; text-decoration:none;}
	#navMini li a:hover .text {visibility:visible; top:45px; text-decoration:none; display:block; left:5px;}

	/* sliders for 3 buttons */
	#afterhours {left: 0px; width: 150px;}
  	#solutions {left:150px; width: 150px;}
	#consultation {left: 304px; width: 150px;}
	
	#afterhours a:hover {background:transparent url(images/buttons-call2action.gif) 0 -95px no-repeat;}
  	#solutions a:hover {background:url(images/buttons-call2action.gif) -150px -95px no-repeat;}
	#consultation a:hover {background:url(images/buttons-call2action.gif) -304px -95px no-repeat;}
	
	/*the box that holds the rollover stuff in the middle*/
	#callActionBox {
	width:730px;
	margin-right:auto;
	margin-left:auto;
	height:150px;
	position:relative;
	padding-top:10px;
	top:5px;
	left:10px;
	background-image:url(images/phone-hand.jpg);
	background-position:515px 0;
	background-repeat:no-repeat;
	}
	
	/*the big outside box*/
	#container {
	margin-left:auto; margin-right:auto;
	background-image:url(images/vitallogo2.gif) ;
	background-repeat:no-repeat; background-position:30px 30px;
	position:relative;
	background-color:#ffffff; 
	height:auto; width:800px; 
	border:1px solid black;
	overflow:visible;
	}
	
	#footer {
	margin-left:auto; margin-right:auto;
	position:relative;
	height:100%; width:400px; 
	margin-top:20px;
	padding-bottom:10px;
	font-family:Arial, Verdana, sans-serif;
	font-size:11pt;
	}
	
	/*the top navigation bar*/
	#buttonBox {
	margin-left:auto; margin-right:auto;
	margin-bottom:7px;
	width:750px;
	height:30px;
	border-top:1px solid gray;
	}
	

	#navigation {width: 515px; height: 30px; background:url(images/buttons.gif) no-repeat; margin: 2px auto; padding: 0; position: relative;}
	#navigation li {margin-left:auto;list-style: none;position: absolute;top: 0px;display: block;height: 30px;}
	#navigation a {height: 30px; display: block;}
	
	#home {left: 0px; width: 108px;}
  	#services {left: 109px; width: 99px;}
	#overhead {left: 209px; width: 99px;}
	#about {left: 308px; width: 100px;}
	#contact {left: 409px; width: 103px;}
	
	#home a:hover {background:transparent url(images/buttons.gif) 0px -30px no-repeat;}
  	#services a:hover {background:url(images/buttons.gif) -109px -30px no-repeat;}
	#overhead a:hover {background:url(images/buttons.gif) -209px -30px no-repeat;}
	#about a:hover {background:url(images/buttons.gif) -308px -30px no-repeat;}
	#contact a:hover {background:url(images/buttons.gif) -409px -30px no-repeat;}
	
	#boxOne {
	margin-left:auto; margin-right:auto;
	position:relative;
	background-color:#ffffff; 
	height:auto; width:750px; 
	font-family:Arial, Verdana, sans-serif; font-size:16px;
	border:1px solid black; 
	}
	
	#boxTwo {
	margin-top:10px; margin-left:25px;
	position:relative;
	background-color:#e3e3f0; 
	height:150px; width:750px; 
	border:1px solid black; 
	}
	
	#graphicsBox {
	position:relative;
	padding-top:10px;
	margin-left:auto; margin-right:auto;
	width:750px;
	}
	
	#featuresBox {
	position:absolute; 
	margin-left:0;
	top:55px;
	width:150px;
	height:55px;
	font-family:Arial, Verdana, sans-serif; font-size:13px;
	
	}
	
	#phoneBox {
	position:absolute; 
	left:10;
	top:110px;
	width:460px;
	height:30px;
	background-image:url(images/learnmore.gif); background-repeat:no-repeat;
	}
	
	#startupBox {
	width:750px;
	height:160px;
	background-color: #e3e3f0;
	background-image:url(images/startup.gif); background-repeat:no-repeat; background-position:10px 5px;
	position:relative;
	margin-left:auto; margin-right:auto;
	font-family:Arial, Verdana, sans-serif; font-size:14px;
	overflow:visible;
	}
	
	#roundBoxCell {
	width:750px;
	background-color: #e3e3f0;
	position:relative;
	margin-left:auto; margin-right:auto;
	font-family:Arial, Verdana, sans-serif; font-size:14px;
	overflow:visible;
	
	}
	
	#textBox {
	width:auto;
	padding-left:7px; padding-right:7px;padding-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	}

	#roundBox2Cell {
	width:750px;
	background-color: #e3e3f0;
	position:relative;
	margin-left:auto; margin-right:auto;

}


.roundcont p {
	margin: 0 10px;

}

.roundtop { 
	background:url(images/topright.gif) no-repeat top right; 
}

.roundbottom {
	background:url(images/botright.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}
	
.table {
font-family:Arial, Verdana, sans-serif;
width:745px;
}

.table2 {
font-family:Arial, Verdana, sans-serif; font-size:10pt;
width:730px;
}