h1, h2 { padding: 0px}
div { overflow: hidden }

body { margin: 0px auto; text-align: center; background: #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 100% }

a, a:hover, a:visited, a:active, a:link { color: #1AB391; text-decoration: none }

.left { float: left }
.right { float: right }

#wrap { width: 750px; background: #fff; text-align: left; padding: 0 15px 0 15px; background: url(images/wrap.gif); margin: 0 auto }

/* image sidebars */
#container { padding: 0px 30px; margin: 0 0 36px 0; min-height: 450px; clear: both }
#container.home { background: url(images/side_home.gif) no-repeat top right }
#container.about { background: url(images/side_stepswalk.jpg) no-repeat top right }
#container.gsa { background: url(images/side_blackmale.jpg) no-repeat top right }
#container.contact { background: url(images/side_alonelaptop.jpg) no-repeat top right }
#container.broadcast { background: url(images/side_broadcastmessaging.jpg) no-repeat top right }
#container.conferencing { background: url(images/side_conference.jpg) no-repeat top right }
#container.connectivity { background: url(images/side_connectivity.jpg) no-repeat top right }
#container.email { background: url(images/side_email.jpg) no-repeat top right }
#container.fax { background: url(images/side_fax.jpg) no-repeat top right }
#container.backup { background: url(images/side_backup.jpg) no-repeat top right }
#container.voip { background: url(images/side_voip.jpg) no-repeat top right }

#top { height: 80px; background: url(images/hdr_bck.gif) no-repeat }

h1 { position: relative; top: 17px; left: 23px; margin: 0px; padding: 0px }
h1 a{text-indent: -9999px; width: 243px; height: 52px; background: url(images/logo.gif); display: block }

.blurb { font-size: 10px; position: relative; top: -25px; left: 280px; margin: 0ps; padding:0px; z-index: 99px; color: #4b5457 }

#top ul { margin: 0px; padding: 0px; text-indent: 0px; position: relative; right: 0px; top: -20px; float: right }
#top ul li { margin: 0px; vertical-align: middle; display: inline; }
#top ul li a, #top ul li a:visited { color: #4b5457; text-decoration: none; padding: 29px 20px; background: url(images/sprtr.gif) left bottom no-repeat }
#top ul li a:hover, #top ul li a:active { color: #2e74a6; text-decoration: none }


/* header images */
#hdr { width: 750px; height: 164px; margin-top: 3px }
#hdr.home { background: url(images/voicedata.jpg) }
#hdr.broadcast { background: url(images/notification.jpg) }
#hdr.conferencing { background: url(images/conferencing.jpg) }
#hdr.email { background: url(images/email.jpg) }
#hdr.connectivity { background: url(images/connectivity.jpg) }
#hdr.fax { background: url(images/fax2mail.jpg) }
#hdr.backup { background: url(images/onlinebackup.jpg) }
#hdr.voip { background: url(images/voip.jpg) }

.secondary { font-size: 13px; margin-left: 30px }

#menuwrap { width: 442px; float: left; position: relative; top: 0px; left: 0px }

div.menu { width: 139px; height: 64px; padding: 22px 36px 15px; margin: 0 0 20px}
div.menu h2 { font-size: 17px; padding-right: 42px; margin: 0px }
div.menu p { margin: 10px 0 0 0 }
/* Conferencing */
div.menu.left.conferencing { background:url(images/menu_conferencing.gif) no-repeat }
div.menu.left.conferencing h2 a{ color: #963; text-decoration: none }
div.conferencing div.genesys.left { background:url(images/genesys_conference.gif) no-repeat }
div.conferencing div.premier.left { background:url(images/premiere_conference.gif) no-repeat }
div.conferencing div.confblank.left { background:url(images/premiere_conference.gif) no-repeat }
div.conferencing div.atconf.left { background:url(images/genesys_conference.gif) no-repeat }
div.conferencing div.confblank h2,  div.premier h2, div.conferencing div.genesys h2, div.conferencing div.atconf h2 { color: #963 }
/* voip */
div.menu.right.voip { background: url(images/menu_voip.gif) no-repeat }
div.menu.right.voip h2 a{ color: #900; text-decoration: none }
div.voip div.genesys.left { background:url(images/genesys_voip.gif) no-repeat }
div.voip div.premier.left { background:url(images/premiere_voip.gif) no-repeat }
div.voip div.voipblank.left { background:url(images/voip_plus_oe.jpg) no-repeat }
div.voip div.genesys h2, div.voipblank h2, div.voip div.premier h2 { color: #900 }
/* Backup */
div.menu.left.backup { background: url(images/menu_backup.gif) no-repeat }
div.menu.left.backup h2 a{ color: #699; text-decoration: none }
div.backup div.genesys.left { background:url(images/genesys_backup.gif) no-repeat }
div.backup div.premier.left { background:url(images/premiere_backup.gif) no-repeat }
div.backup div.backupblank.left { background:url(images/backup_plus_oe.jpg) no-repeat }
div.backup div.genesys h2, div.backup h2 div.premier h2, div.backupblank h2 { color: #699 }
/* Fax */
div.menu.right.fax { background: url(images/menu_fax.gif) no-repeat }
div.menu.right.fax h2 a{ color: #993; text-decoration: none }
div.fax div.genesys.left { background:url(images/genesys_fax.gif) no-repeat }
div.fax div.premier.left { background:url(images/premiere_fax.gif) no-repeat }
div.fax div.faxblank.left { background:url(images/premiere_fax.gif) no-repeat }
div.fax div.genesys h2, div.fax div.premier h2, div.faxblank h2 { color: #993 }
/* Broadcast */
div.menu.left.broadcast { background: url(images/menu_broadcast.gif) no-repeat }
div.menu.left.broadcast h2 a{ color: #c60; text-decoration: none }
div.broadcast div.genesys.left { background:url(images/genesys_broadcast.gif) no-repeat }
div.broadcast div.premier.left { background:url(images/premiere_broadcast.gif) no-repeat }
div.broadcast div.broadcastblank.left { background:url(images/premiere_broadcast.gif) no-repeat }
div.broadcast div.genesys h2, div.broadcast div.premier h2, div.broadcastblank h2 { color: #c60 }
/* Email */
div.menu.right.email { background: url(images/menu_email.gif) no-repeat }
div.menu.right.email h2 a{ color: #069; text-decoration: none }
div.email div.genesys.left { background:url(images/genesys_email.gif) no-repeat }
div.email div.premier.left { background:url(images/premiere_email.gif) no-repeat }
div.email div.emailblank.left { background:url(images/email_plus_oe.jpg) no-repeat }
div.email div.genesys h2, div.email div.premier h2, div.emailblank h2 { color: #069 }
/* Connectivity */
div.menu.right.connectivity { background: url(images/menu_connectivity.jpg) no-repeat }
div.menu.right.connectivity h2 a{ color: #663366; text-decoration: none }
div.connectivity div.connectivityblank.left { background:url(images/connectivity_plus_oe.jpg) no-repeat }
div.connectivity div.connectivityblank h2,  div.premier h2, div.genesys h2 { color: #663366 }

.box { background: url(images/box.gif) no-repeat; width: 343px; height: 175px; padding: 15px 36px; margin-bottom: 36px; clear: both; position: relative; left: 0px; top: 0px; margin-top: 13px }
.box h2 { margin: 0 0 15px; font-size: 15px; color: #2e74a6 }
.box p { margin: 0 0 15px; color: #4b5457 }

.boxdeep { background: url(images/box.gif) no-repeat; width: 343px; height: 375px; padding: 15px 36px; margin-bottom: 36px; clear: both; position: relative; left: 0px; top: 0px; margin-top: 13px }
.boxdeep h2 { margin: 0 0 15px; font-size: 15px; color: #2e74a6 }
.boxdeep p { margin: 0 0 15px; color: #4b5457 }

.boxextradeep { background: url(images/box.gif) no-repeat; width: 343px; height: 560px; padding: 15px 36px; margin-bottom: 36px; clear: both; position: relative; left: 0px; top: 0px; margin-top: 13px }
.boxextradeep h2 { margin: 0 0 15px; font-size: 15px; color: #2e74a6 }
.boxextradeep p { margin: 0 0 15px; color: #4b5457 }

.genesys, .premier, .atconf { width: 343px; height: 148px; padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.confblank { width: 343px; padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.backupblank { width: 343px;  padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.broadcastblank { width: 343px; padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.emailblank { width: 343px;  padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.connectivityblank { width: 343px;  padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.faxblank { width: 343px;  padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.voipblank { width: 343px; padding: 50px 36px 15px; margin-bottom: 36px; float: left; clear: both; margin-top: 5px  }
.confblank h2, .backupblank h2, .broadcastblank h2, .emailblank h2, .faxblank h2, .voipblank h2, .genesys h2, .premier h2, .atconf h2, .connectivityblank h2 { margin: 0 0 15px; font-size: 15px }

.box p, .confblank p, .backupblank p, .broadcastblank p, .emailblank p,.connectivityblank p, .faxblank p, .voipblank p, .genesys p, .premier p, .atconf p { margin: 0 0 12px; text-indent: 0px; color: #4b5457 }

/* client sidebar */
#sidebar { float: right; width: 216px; clear: both; }
#sidebar h2 { font-size: 18px; color: #360; margin: 56px 20px 0px; color: #2e74a6; font-weight: normal }
#sidebar h2 small { font-size: 14px; color: #cd6a29 }
#sidebar ul { list-style-image: url(images/plus.gif); text-indent: 0px; margin: 0 20px 20px; padding: 0px; clear: both }
#sidebar ul li { text-indent: 0px; padding: 0px; margin: 8px 16px }

/* footer buttons */
#buttons { width: 380px; margin-left: 30px }
#questions a { background: url(images/questions.gif); text-indent: -9999px; display: block; height: 64px; width: 165px; clear: both }
#gsa a { background: url(images/gsa.gif); text-indent: -9999px; display: block; width: 124px; height: 43px; clear: both }

span.spec a, span.spec a:active, span.spec a:visited{ color: #4b5457; text-decoration: none }
span.spec a:hover { color: #e08d19; text-decoration: none }

/* footer controls */
#footer { background: #777 url(images/footer.gif); height: 45px; color: #fff; font-size: 11px; line-height: 45px }
#footer p { text-align: center; line-height: 45px; padding: 0px; margin: 0px }
#footer a, #footer a:hover, #footer a:active, #footer a:visited { color: #fff; text-decoration: none }
#footer a:hover { color: #e08d19; text-decoration: none }

span.spec { margin: 0 10px }