body {
	text-align: center; /* for IE */
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: gray;
	width: 100%;
}
li {
	list-style: circle outside;

}
ul {
	margin-left: 0px;
}
div.bodydivcontainer{
	width: 1020px;
	
}
div.bodydivcontainer2{
	width: 1020px;
	
}
div.verticalsplit
{
	width: 20px;
	height: 20px;
	float: left;
}
div.topheadercontainer {

	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; height: 10px; width: 1020px;
	font-size: 6px;
}

div.logoheadercontainer {
	background-color: #ffffff;
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 10px; text-align: center; width: 1000px; 	height: 88px;
	font-size: 6px;
	font-family: futura, verdana;
	color: Navy;
}
div.articleheadercontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 200px; height: 10px; font-size: 6px;
}
div.middlepanelheader{
	height: 10px;
	width: 180px;
	float: left;
}
div.middlepanelcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;/**/
	padding: 0; text-align: center; width: 200px; height: 110px; font-size: 6px;
}
div.middlepanelsideleft{
	background-color: #ffffff;
	width: 10px;
	height: 110px;
	border: none; float:left; margin: 0; padding: 0; 
	font-size: 6px;
}
div.middlepanelsideright{
	background-color: #ffffff;
	width: 10px;
	height: 110px;
	border: none; float: left; margin: 0; padding: 0; 
	font-size: 6px;
}
div.middlepanel{
	font-family: futura, verdana;
	text-align: center;
	width: 200px;
	/*padding: 10px;*/
	color: Navy;
	background-color: gray;
	float: left;
	font-size: 12px;
}
div.middlepanelarticle{
	background-color: #ffffff;
	font-family: futura, verdana;
	text-align: left;
	color : Navy;
	width : 180px;
	height: 60px;
	font-size: 10px;
	float: left;
}
div.middlepanelarticledivider{
	background-color: gray;
	width : 200px;
	height: 10px;
	font-size: 6px;
}
div.bottomheadercontainer {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 1020px;
	height: 10px;
	background-color: white;
	font-size: 6px;
}
div.headerdividercontainer {
	background-image:url('servertilesmall.jpg');
	height: 46px;
	width: 1020px;
}
div.graydividercontainer {
	background-color: gray;
	height: 20px;
	width: 1020px;
	font-size: 0px;

}
div.whitedividercontainer {
	background-color: white;
	width: 1020px;
	text-align: right;	
	height: 80%;
}
div.middlepanelcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 200px;
	font-size: 6px;
}

div.leftarticleheadercontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: left; width: 390px; height: 10px;
	font-size: 6px;
}
div.leftwidearticleheadercontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 600px; height: 10px;
	font-size: 6px;
}
div.leftpanelheader{
	background-color: #ffffff;
	height: 10px;
	width: 370px;
	float: left;
}
div.leftwidepanelheader{
	background-color: #ffffff;
	height: 10px;
	width: 580px;
	float: left;
}
div.leftpanelcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: left; width: 390px;
	font-size: 6px;
	float: left;
}
div.leftwidepanelcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 580px;
	font-size: 6px;
	float: left;
}
div.leftpanelcentralcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 390px;
	font-size: 6px;

}
div.leftwidepanelcentralcontainer {
	background: none #ffffff; 
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 600px;
	font-size: 6px;

}

div.grayarticlebody
{	float: left;
	/*padding: 10px;*/
	height: 400px;
	font-family: futura, verdana;
	text-align:left;
	width: 370px;
	color: Navy;
	font-size: 12px;
}

div.grayarticlebody2
{	float: left;
	/*padding: 10px;*/
	height: 600px;
	font-family: futura, verdana;
	text-align:left;
	width: 370px;
	color: Navy;
	font-size: 12px;
}

div.grayarticlebody3
{	float: left;
	/*padding: 10px;*/
	height: 400px;
	font-family: futura, verdana;
	text-align:center;
	width: 370px;
	color: Navy;
	font-size: 12px;
	vertical-align: bottom; 
}

div.widegrayarticlebody
{	float: left;
	/*padding: 10px;*/
	height: 400px;
	font-family: futura, verdana;
	text-align:left;
	width: 580px;
	color: Navy;
	font-size: 12px;
}
div.widegrayarticlebody3
{	float: left;
	/*padding: 10px;*/
	height: 400px;
	font-family: futura, verdana;
	text-align:left;
	width: 580px;
	color: Navy;
	font-size: 12px;
}
div.centralarticlebody
{	float: left;
	padding: 10px;
	height: 400px;
	font-family: futura, verdana;
	text-align: left;
	width: 200px;
	color: Navy;
	font-size: 12px;
}
div.rightpanelcontainer {
	background: none #ffffcc;  
	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
	padding: 0; text-align: center; width: 200px;
	height: 400px;
	font-size: 6px;
	float: left;
}

div.helpdesktable
{	
	height: 400px;
	font-family: futura, verdana;
	text-align:left;
	width: 300px;
	color :Navy;
	font-size: 12px;
}
div.footerdividercontainer {
	background-image:url('msa60.JPG');
	height: 46px;
	width: 1020px;
}
#imgheaderlogo{
	background-image:url('logo.gif');
	margin-left: 10px;
	height: 68px;
	width: 202px;
	border: none; float: left; margin: 0; padding: 0; 
	font-size: 6px;
	vertical-align: bottom; 

}
#imgphone
{
	background-image:url('phone.JPG');
	margin-right:50px;
	height: 120px;
	width: 181px;
	border: none; float: right; margin: 0; padding: 0; 
	font-size: 6px;

}
#imgcentralhome
{
	background-image:url('womanrunning.jpg');
	border: none; margin: 0; padding: 0; 
	text-align: center;
	height: 400px; width: 367px;

}
#imgcentralsoftware
{
	background-image:url('software.jpg');
	border: none; margin: 0; padding: 0; 
	text-align: center;
	width: 365px;
	height: 280px;

}
#imgcentralconsultancy
{
	background-image:url('consultancy.jpg');
	border: none; margin: auto 0; padding: 0; 
	text-align: center;
	width: 281px;
	height: 261px;

}
#imgcentralhardware
{
	background-image:url('serverRoom.jpg');
	border: none; margin: 0; padding: 0; 
	text-align: center;
	width: 363px;
	height: 369px;

}
#imgcentralweb
{
	background-image:url('www.jpg');
	border: none; margin: 0; padding: 0; 
	text-align: center;
	width: 370px;
	height: 299px;

}
div.tlcorner{

	background-image:url('tlcorner.PNG');
	height: 10px;
	width: 10px;
	background-color: #fff;
	
	border: none;  float: left;  margin: 0; padding: 0; 
	font-size: 6px;
}
div.trcorner{

	background-image:url('trcorner.PNG');
	height: 10px;
	width: 10px;
	background-color: #fff;
	border: none; float: right; margin: 0; padding: 0; 
	font-size: 6px;

}
div.blcorner{

	background-image:url('blcorner.PNG');
	height: 10px;
	width: 10px;
	background-color: #fff;
	border: none;  float: left;  margin: 0; padding: 0; 
	font-size: 6px;
}
div.brcorner{

	background-image:url('brcorner.PNG');
	height: 10px;
	width: 10px;
	background-color: #fff;
	border: none; float: right; margin: 0; padding: 0; 
	font-size: 6px;

}


div.bottomimgheaderlogo{
	text-align: right;
	margin-right: 10px;
}

div.goldbar{
	width: 40px; height: 10px; background-color: #FFCC33; font-size:6px;
}
div.silverbar{
	width: 40px; height: 10px; background-color: #CCCCCC; font-size:6px;
}
div.bronzebar{
	width: 40px; height: 10px; background-color: #CC9900; font-size:6px;
}
div.longgoldbar{
	width: 110px; height: 10px; background-color: #FFCC33; font-size:6px;
}
div.longsilverbar{
	width: 110px; height: 10px; background-color: #CCCCCC; font-size:6px;
}
div.longbronzebar{
	width: 110px; height: 10px; background-color: #CC9900; font-size:6px;
}
div.packagetext{
	width: 110px; height: 50px;
}
div.packagelongbar{
	width: 110px; height: 10px; font-size:6px;
}
div.packagecontainer{
	width: 10px; height: 110px; float: left;
}
div.packagecontainerleft{
	width: 110px; height: 110px; float: left;
}
div.packagecontainerright{
	width: 40px; height: 110px; float: left;
}
div.packagevstrip{
	width: 10px; height: 110px; float: left;
}
div.packagevstrip2{
	width: 10px; height: 50px;
}
div.packagevstrip3{
	width: 10px; height: 60px;
}
div.packagetitle{
	width: 110px; height: 40px;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle; 
}
div.packagerighttitle{
	width: 40px; height: 40px;
}
div.goldpackagevstrip{
	width: 10px; height: 40px; background-color: #FFCC33;
}
div.silverpackagevstrip{
	width: 10px; height: 40px; background-color: #CCCCCC;
}

div.bronzepackagevstrip{
	width: 10px; height: 40px; background-color: #CC9900;
}
div.packagesmallvstrip{
	width: 10px; height: 40px;
}
div.goldsquare{
	width: 10px; height: 10px; background-color: #FFCC33; font-size:6px;
}
div.bronzesquare{
	width: 10px; height: 10px; background-color: #CC9900; font-size:6px;
}
div.silversquare{
	width: 10px; height: 10px; background-color: #CCCCCC; font-size:6px;
}
div.goldprice{
	width: 40px; height: 40px; background-color: #FFCC33;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: white;
	vertical-align: middle; 
}
div.silverprice{
	width: 40px; height: 40px; background-color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: white;
	vertical-align: middle; 
}
div.bronzeprice{
	width: 40px; height: 40px; background-color: #CC9900;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: white;
	vertical-align: middle; 

}
#goldblcorner{
	background-image:url('goldblcorner.PNG');
}
#goldtrcorner{
	background-image:url('goldtrcorner.PNG');
}
#goldbrcorner{
	background-image:url('goldbrcorner.PNG');
}
#whitegoldtrcorner{
	background-image:url('whitegoldtrcorner.PNG');
}
#whitegoldbrcorner{
	
}
#silverblcorner{
	background-image:url('silverblcorner.PNG');
}
#silvertrcorner{
	background-image:url('silvertrcorner.PNG');
}
#silverbrcorner{
	background-image:url('silverbrcorner.PNG');
}
#whitesilvertrcorner{
	background-image:url('whitesilvertrcorner.PNG');
}
#whitesilverbrcorner{
	
}
#bronzeblcorner{
	background-image:url('bronzeblcorner.PNG');
}
#bronzetrcorner{
	background-image:url('bronzetrcorner.PNG');
}
#bronzebrcorner{
	background-image:url('bronzebrcorner.PNG');
}
#whitebronzetrcorner{
	background-image:url('whitebronzetrcorner.PNG');
}
#whitebronzebrcorner{
	
}
td.bronzetableheader{
	background-color: #CC9900;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	vertical-align: middle; 
}
td.silvertableheader{
	background-color: #cccccc;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	vertical-align: middle; 
}
td.goldtableheader{
	background-color: #FFCC33;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	vertical-align: middle; 
}
form {
	font-weight: bold;
	font-family: futura, verdana;
/*font: bold 10px futura, verdana;*/
}


form td {
	font-size: 10px;
}

	input, textarea, select {
	font-size: 10px;
	color: black;
}

textarea {
	font-weight: bold;
}

