.maintable { 	position: relative;
				text-align: left;
				margin-left: auto; 
				margin-right: auto;
				border: 0px solid #53768C;
				background-color: #010101;
				width: 800px;
}

.header		{	position: absolute;
				left: 0px;
				top: 0px;
}



/* MENUS */

.menu		{	position: absolute;
				left: 2px;
				top: 110px;
				z-index: 500;
}

ul {		list-style: none;
		padding: 0;
		margin: 0;
		font-weight: normal;
		z-index: 500;
}

.topmenuul{	list-style-type:none;
		margin:0;
		padding:0;
}

.topmenuli{	list-style-type:none;
		float: left;
}

.topmenutitle{	display:block;
		width:193px;
}

.submenuul{	list-style-type:none;
		position: absolute;
		margin: 0;
		padding:0;
		display:none;
}

.submenuli a{	display:block;
		width:180px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
		display: block;
}

#dmenu li>ul { 	top: auto;
		left: auto;
}

#content {	clear: left;

}

/* menu design */

#dmenu {	font-family: Arial, Helvetica, Sans-Serif;
			font-size:12px;
			letter-spacing:1px;
}

.topmenuul {	
}

.topmenutitle {	text-indent:15px; 	/*title bar*/
		color: white;
		background-color:#3F6278;
		text-decoration: none;
		border:1px solid #53768C;
		padding:2px;
		line-height:14px;
}

.submenuul {	margin-top: -1px; 	/*drop down pain*/
		margin-bottom: 5px;			/*Transparency*/
		opacity: 0.9;
		-moz-opacity: 0.9;
		filter: alpha(opacity=90);
		background-color: #3F6278;
		background-position: top left;
		background-repeat: repeat-x;
		border-top:0px solid #000000;
		border-bottom:1px solid #6F8EA1;
		border-right:1px solid #31586C;
		border-left:1px solid #849DB8;
}

.submenuli a{	padding: 3px;
		text-decoration: none;
		color: white;
}

.submenuli a:hover{	text-decoration: none;
			background: #8C725C;
			color: #FFFFFF;
}






/* TEXT */

body {	color: white; 
		background-color: #333333;
		font-family: arial, helvetica, sans-serif;
		font-size: 15px;
}


.introtext { width: 320px; 	
		font-family: arial, helvetica, sans-serif;
		text-align: left;
		font-size: 16px;
		position: absolute;
		top: 240px;
		margin-left: 40px;
		margin-right: 40px;
}

.indented1 { 	position: relative;
		left: 35px;
}

.indented2 { 	position: relative;
		left: 70px;
}
.small_text { 	font-size: 10px;
		position: relative;
		left: 400px;
}

.small_text1 { 	font-size: 10px;
}

.feature_text { position: relative;
		font-size: 12px;
		left: 20px;
		bottom: 2px;
}

.packs {	position: relative;
		color: white;
		top: 0px;
		left: 15px;	
		font-size: 14px;
}

.hours_text {	position: relative;
		left: 20px;
}

.voip_phone_1 {	float: left;
		margin-left: 20px;
		font-size: 12px;
}

.voip_phone_2 {	float: left;
		margin-left: 20px;
		margin-top: 25px;
		font-size: 12px;
}


/* IMAGES */

		/* Index.html */

img	{border-style:none;
}				

.homeg { 	position: absolute;
		top: 150px;
		left: 380px;
		padding-right: 0px;
		padding-left: 20px;
		border-stye: none;
}

.welcome { 	position: absolute;
		top: 190px;
		left: 10px;
}

.tour { 	position: absolute;
		left: 230px;
		top: 570px;
} 

.cm { 		position: absolute;
		left: 5px;
		bottom: 5px;
}

.setup { 	position: absolute;
		left: 690px;
		bottom: 5px;
}
		
		/* Tour Pages */

/*functionality*/

.flexibility { 		float: right;
					clear: right;
}

.management_tools 		{ 	float: right;
}

.management_tools1 		{ 	float: left;
}

.integrated_networks 	{ 	float: right;
}

.next { 	float: right;
			margin: 0px 25px 0px 25px;
			border-style: none;	
}

.plans { 	float: right;
			padding-left: 20px;
}

.hl_map {	float: right;
}

.au_eclipse {	float: right;
}



/* PAGE HEADERS for top level links */

.ph_container_div {		position: absolute;
				top: 200px;
				width: 800px;
				margin-left: auto;
				margin-right: auto;				
}

.ph_functionality a { 		display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_functionality.jpg") 0 0 no-repeat;
				position: absolute;
				top: 0px;
				left: 30px;
}

.ph_functionality a:hover { 	background-position: 0 -60px;
}

.ph_functionality a:active { 	background-position: 0 -120px;
}

.ph_flexibility a { 		display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_flexibility.jpg") 0 0 no-repeat;
				position: absolute;
				left: 410px; 
}

.ph_flexibility a:hover { 	background-position: 0 -60px;
}

.ph_flexibility a:active { 	background-position: 0 -120px;
}

.ph_customer_service a { 	display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_customer_service.jpg") 0 0 no-repeat;
				position: absolute;
				left: 30px;
				top: 60px;
}

.ph_customer_service a:hover { 	background-position: 0 -60px;

}

.ph_customer_service a:active { background-position: 0 -120px;
}

.ph_management_tools a { 	display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_management_tools.jpg") 0 0 no-repeat;
				position: absolute;
				left: 410px;
				top: 60px;
}

.ph_management_tools a:hover { 	background-position: 0 -60px;
}

.ph_management_tools a:active { background-position: 0 -120px;
}

.ph_integrated_networks a { 	display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_integrated_networks.jpg") 0 0 no-repeat;
				position: absolute;
				left: 30px;
				top: 120px;
}

.ph_integrated_networks a:hover { 	background-position: 0 -60px;
}

.ph_integrated_networks a:active {	background-position: 0 -120px;
}




.service_packages a { 		display: block;
				width: 350px;
				padding: 30px 10px 30px 7px;
				background: url("images/ph_service_packages.jpg") 0 0 no-repeat;
				position: absolute;
				top: 0px;
				left: 30px;
}

.service_packages a:hover { 	background-position: 0 -60px;
}

.service_packages a:active { 	background-position: 0 -120px;
}


.phone_equipment a { 		display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_phone_equipment.jpg") 0 0 no-repeat;
				position: absolute;
				left: 410px; 
}

.phone_equipment a:hover { 	background-position: 0 -60px;
}

.phone_equipment a:active { 	background-position: 0 -120px;
}


.network_equipment a { 		display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_network_equipment.jpg") 0 0 no-repeat;
				position: absolute;
				left: 30px;
				top: 60px;
}

.network_equipment a:hover { 	background-position: 0 -60px;
}

.network_equipment a:active { 	background-position: 0 -120px;
}



.other a { 			display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_other_products.jpg") 0 0 no-repeat;
				position: absolute;
				left: 410px;
				top: 60px;}

.other a:hover { 	background-position: 0 -60px;
}

.other a:active { 	background-position: 0 -120px;
}

.ph_about_us a { 		display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_about_us.jpg") 0 0 no-repeat;
				position: absolute;
				top: 0px;
				left: 30px;
}

.ph_about_us a:hover { 		background-position: 0 -60px;
}

.ph_about_us a:active { 	background-position: 0 -120px;
}

.ph_hours_location a { 		display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_hours_location.jpg") 0 0 no-repeat;
				position: absolute;
				left: 410px; 
}

.ph_hours_location a:hover { 	background-position: 0 -60px;
}

.ph_hours_location a:active { 	background-position: 0 -120px;
}

.ph_e-mail a { 			display: block;
				width: 350px;
				padding: 0px 10px 60px 7px;
				background: url("images/ph_email.jpg") 0 0 no-repeat;
				position: absolute;
				left: 30px;
				top: 60px;
}

.ph_e-mail a:hover { 	background-position: 0 -60px;

}

.ph_e-mail a:active { 	background-position: 0 -120px;
}








/* DIVS */
.whole {			width: 800px;
				position: absolute;
				top: 180px;
				margin-top: 25px;
				margin-left: auto;
				margin-right: auto;
}

.phone_features_div {		position: absolute;
				top:  30px;
				left: 5px;
				width: 170px;
				height: 85px;
				background-image: url(images/msp_phone_features_div.jpg);
				z-index: 10;		
}

.pbx_features_div {		position: absolute;
				top: 165px;
				left: 5px;
				width: 170px;
				height: 100px;
				background-image: url(images/msp_pbx_features_div.jpg);
				z-index: 11;
}

.advanced_features_div {	position: absolute;
				top: 315px;
				left: 5px;
				width: 170px;
				height: 185px;
				background-image: url(images/msp_copbx_features_div.jpg);
				z-index: 12;
}

.triple_pack {			width: 250px;
				height: 180px;
				position: absolute;
				top: 30px;
				left: 245px;
				bottom: 480px;
				background-image: url(images/msp_three_pack_div.jpg);
				z-index: 13;
}

.five_pack {			width: 250px;
				height: 180px;
				position: absolute;
				top: 30px;
				left: 545px;
				bottom: 675px;
				background-image: url(images/msp_five_pack_div.jpg);
				z-index: 14;
}

.ten_pack {			width: 250px;
				height: 180px;
				position: absolute;
				top: 310px;
				left: 245px;
				bottom: 610px;
				background-image: url(images/msp_ten_pack_div.jpg);
				z-index: 13;
}

.fifteen_pack {			width: 250px;
				height: 180px;
				position: absolute;
				top: 310px;
				left: 545px;
				bottom: 805px;
				background-image: url(images/msp_fifteen_pack_div.jpg);
				z-index: 14;
}

.phone_features_img {		position: absolute;
				top: -17px;
				left: 0px;
				z-index: 1;
}

.pbx_features_img {		position: absolute;
				top: 118px;
				z-index 2;
}

.advanced_features_img {	position: absolute;
				top: 268px;
				z-index: 3;
}

.triple_pack_img {		position: absolute;
				left: 235px;
				top: 0px;
				z-index: 4;
}				

.five_pack_img {		position: absolute;
				left: 535px;
				top: 0px;
				z-index: 5;
}

.ten_pack_img {			position: absolute;
				left: 235px;
				top: 280px;
				z-index: 6;
}		

.fifteen_pack_img {		position: absolute;
				left: 535px;
				top: 280px;
				z-index: 7;	
}	

.one_fifty {			position: absolute;
				left: 220px;
				top: 125px;
				z-index: 200;
}

.two_hundred {			position: absolute;
				left: 520px;
				top: 125px;
				z-index: 201;
}

.three_hundred {		position: absolute;
				left: 220px;
				top: 403px;
				z-index: 202;
}

.four_hundred {			position: absolute;
				left: 520px;
				top: 403px;
				z-index: 203;
}

.big_three {			position: absolute;
				left: 450px;
				top: -10px;
				z-index: 204;
}

.big_five {			position: absolute;
				left: 510px;
				top: 425px;
				z-index: 205;
}

.big_ten {			position: absolute;
				left: 440px;
				top: 270px;
				z-index: 206;
}

.big_fifteen {			position: absolute;
				left: 510px;
				top: 425px;
				z-index: 207;
}

.transparent	{	opacity: 0.9;
				-moz-opacity: 0.9;
				filter: alpha(opacity=90);
}

.next1			{	position:absolute;
					bottom:10px;
					right:10px;
}

.copydiv		{	position: relative;
					width: 802px;
					margin-left: auto;
					margin-right: auto;
					
}

.copytext		{	font-family: Verdana,arial,sans-serif;
					font-size: 11px;
					color: #666666;
					position: absolute;
					right: 0px;
}

.copylink		{	text-decoration: none;
					color: #53768C;
}
		