@CHARSET "ISO-8859-1";

<style type="text/css">

#empty { }
/**** global styles ****/
a {
	font-weight: bold;
	text-decoration: none;
	color: darkblue;
}

b {
	font-style: bold;
	font-family: arial, helvetica, sans-serif;
	color: darkred;
}
h2 {
	font: bold 20pt arial, helvetica, sans-serif;
	color: darkred;
}
body {
	color: darkblue;
}

#container {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
}

/*** Logo Positioning and styles ***/
#footer {
	position: absolute;
	top: 490px;
	height: 10px;
	width: 883px;
	border: solid 1px darkred;
	padding: 1px;
	font: bold 6pt arial, helvetica, sans-serif;
	color: darkblue;
	text-align: center;
	visibility: hidden;
}


#logo_1 {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 105px;
	height: 22px;
	border: solid 2px darkblue;
	font: bold 14pt arial, helvetica, sans-serif;
	color: darkred;
	padding-left: 7px;
}
#logo_2 {
	position: absolute;
	top: 6px;
	left: 170px;
	width: 83px;
	height: 71px;
	padding-left: 5px;
	border: solid 2px darkblue;
	font: 10pt arial, helvetica, sans-serif;
	color: darkblue;
}

#logo_2 em {
	font: bold 11pt arial, helvetic, sans-serif;
	color: darkred;
}

/**** Static Lines for connections between static boxes ****/

/* Connector Line between the two logo panels */
#sline_1 {
	position: absolute;
	left: 135px;
	top: 41px;
	height: 2px;
	width: 35px;
	border-bottom: solid 2px darkred;
}
/* Connector Line from logo2 for menu button connectors */
#sline_2 {
	position: absolute;
	top: 41px;
	left: 261px;
	width: 593px;
	height: 2px;
	border-top: solid 2px darkblue;
}

/* Connector Line from Logo1 to image 1 */
#sline_3 {
	position: absolute;
	top: 56px;
	left: 74px;
	height: 25px;
	width: 2px;
	border-right: solid 2px darkred;
}

/* Connector Line between image_1 and image_2 */
#sline_4 {
	position: absolute;
	top: 353px;
	left: 74px;
	height: 25px;
	width: 2px;
	border-right: solid 2px darkred;
}

/* Connector Line from logo_2 to menubox_4 */
#sline_5 {
	position: absolute;
	top: 80px;
	left: 210px;
	width: 2px;
	height: 25px;
	border-right: solid 2px darkblue;
}

/* Connector Line between Discover IT and Map IT */
#sline_6 {
	position: absolute;
	top: 125px;
	left: 210px;
	width: 2px;
	height: 25px;
	border-right: solid 2px darkblue;
}

/* Connector Line between Map IT and Monitor IT */
#sline_7 {
	position: absolute;
	top: 170px;
	left: 210px;
	width: 2px;
	height: 25px;
	border-right: solid 2px darkblue;
}

/* Connector Line between Monitor IT and Manage IT */
#sline_8 {
	position: absolute;
	top: 215px;
	left: 210px;
	width: 2px;
	height: 25px;
	border-right: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_5 */
#sline_9 {
	position: absolute;
	top: 42px;
	left: 333px;
	width: 2px;
	height: 20px;
	border-left: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_6 */
#sline_10 {
	position: absolute;
	top: 42px;
	left: 436px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_7 */
#sline_11 {
	position: absolute;
	top: 42px;
	left: 540px;
	width: 2px;
	height: 20px;
	border-left: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_8 */
#sline_12 {
	position: absolute;
	top: 42px;
	left: 644px;
	width: 2px;
	height: 20px;
	border-left: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_9 */
#sline_13 {
	position: absolute;
	top: 42px;
	left: 748px;
	width: 2px;
	height: 20px;
	border-left: solid 2px darkblue;
}

/* connector line between sline_2 and top menubox_10 */
#sline_14 {
	position: absolute;
	top: 42px;
	left: 852px;
	width: 2px;
	height: 20px;
	border-left: solid 2px darkblue;
}


/**** Dynamic Lines for connections that are context dependent ****/

/* connector from menubox_1 to body-message container */
#dline_1 {
	position: absolute;
	top: 247px;
	left: 257px;
	height: 2px;
	width: 33px;
	border-bottom: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_2 to body-message container */
#dline_2 {
	position: absolute;
	top: 203px;
	left: 257px;
	height: 2px;
	width: 33px;
	border-bottom: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_3 to body-message container */
#dline_3 {
	position: absolute;
	top: 157px;
	left: 257px;
	height: 2px;
	width: 33px;
	border-bottom: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_3 to body-message container */
#dline_4 {
	position: absolute;
	top: 113px;
	left: 257px;
	height: 2px;
	width: 33px;
	border-bottom: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_5 to body-message */
#dline_5 {
	position: absolute;
	top: 80px;
	left: 333px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: visible;
}

/* connector from menubox_6 to body-message */
#dline_6 {
	position: absolute;
	top: 80px;
	left: 436px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_7 to body-message */
#dline_7 {
	position: absolute;
	top: 80px;
	left: 540px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_8 to body-message */
#dline_8 {
	position: absolute;
	top: 80px;
	left: 644px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_9 to body-message */
#dline_9 {
	position: absolute;
	top: 80px;
	left: 748px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

/* connector from menubox_10 to body-message */
#dline_10 {
	position: absolute;
	top: 80px;
	left: 852px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

#dline_11 {
	position: absolute;
	top: 80px;
	left: 852px;
	width: 2px;
	height: 25px;
	border-left: solid 2px darkred;
	visibility: hidden;
}

/**** Menu button boxes 1-10 1 starts at the bottom and goes clockwise ****/

/* Manage IT box */
#menubox_1 {
	position: absolute;
	top: 240px;
	left: 170px;
	width: 84px;
	height: 16px;
	border: solid 2px darkred;
	text-align: center;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* Monitor IT box */
#menubox_2 {
	position: absolute;
	top: 195px;
	left: 170px;
	width: 84px;
	height: 16px;
	border: solid 2px darkred;
	text-align: center;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* Map IT box */
#menubox_3 {
	position: absolute;
	top: 150px;
	left: 170px;
	width: 84px;
	height: 16px;
	border: solid 2px darkred;
	text-align: center;
	font:  bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* Discover IT box */
#menubox_4 {
	position: absolute;
	top: 105px;
	left: 170px;
	width: 84px;
	height: 16px;
	border: solid 2px darkred;
	text-align: center;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* Home box */
#menubox_5 {
	position: absolute;
	top: 61px;
	left: 292px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: yellow;
}

/* Inquiries/Customers menu box */
#menubox_6 {
	position: absolute;
	top: 61px;
	left: 396px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* services menu box */
#menubox_7 {
	position: absolute;
	top: 61px;
	left: 500px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* partners menu box */
#menubox_8 {
	position: absolute;
	top: 61px;
	left: 604px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* about us menu box */
#menubox_9 {
	position: absolute;
	top: 61px;
	left: 708px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/* contact us menu box */
#menubox_10 {
	position: absolute;
	top: 61px;
	left: 812px;
	height: 16px;
	width: 80px;
	text-align: center;
	border: solid 2px darkred;
	font: bold 10pt arial, helvetica, sans-serif;
	color: darkblue;
	background-color: white;
}

/**** Image containers ****/

/* DC2 Image */
#image_1 {
	position: absolute;
	top: 79px;
	left: 12px;
	width: 124px;
	height: 272px;
	border: solid 1px darkred;
	padding: 0px;
}

/* DC4 Image */
#image_2 {
	position: absolute;
	top: 378px;
	left: 12px;
	width: 124px;
	height: 218px;
	border: solid 1px darkred;
}

/**** Text - Message Boxes ****/

/* Main Message Container - Will have inner containers */
#body-message {
	position: absolute;
	top: 104px;
	left: 290px;
	width: 596px;
	height: 580px;
	background-color: white;
	padding: 5px;
}

#message_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_5 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: visible;
}

#message_6 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_7 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_8 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_9 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 5px;
	border: solid 1px darkblue;
	visibility: hidden;
}

#message_10 {
	position: absolute;
	top: 0px;
	left: 281px;
	width: auto;
	height: auto;
	background-color: white;
	padding: 15px;
	border: solid 1px darkblue;
	visibility: hidden;
}
#message_11 {
	position: absolute;
	top: 0px;
	left: auto;
	width: auto;
	height: auto;
	background-color: white;
	padding: 15px;
	border: solid 1px darkblue;
	visibility: hidden;
}

</style>