/* CSS Document */

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #336666; LINE-HEIGHT: normal; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.45em; COLOR: #6699FF; FONT-FAMILY: georgia ,sans-serif
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.42em; MARGIN: 10px 10px 4px; COLOR: #6699FF; BORDER-BOTTOM: #ccc 0px solid; FONT-FAMILY: Georgia, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.38em; PADDING-BOTTOM: 6px; MARGIN: 0px 0px 4px; COLOR: #6699FF; PADDING-TOP: 5px; FONT-FAMILY:  Georgia, Arial, Helvetica, sans-serif
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.36em; PADDING-BOTTOM: 6px; MARGIN: 0px 0px 4px; COLOR: #6699FF; PADDING-TOP: 5px;  FONT-FAMILY:  Georgia, Arial, Helvetica, sans-serif
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.34em; PADDING-BOTTOM: 4px; MARGIN: 0px 6px 0px; COLOR: #6699FF; PADDING-TOP: 3px;  FONT-FAMILY:  Georgia, Arial, Helvetica, sans-serif
}
H6 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.25em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #6699FF; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; text-align:justify 
}
/* TEXT definitions -------------------------------------------------------------------------------------------------------- */
.txt10grey
{
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}
.txt11grey
{
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}
.txt11grey-jst
{
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none; text-align:justify
}


.txt11RedBold
{
	FONT-SIZE: 11px; COLOR: #FF3300; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}

.txt12White
{
	FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY:  Geneva, Verdana, sans-serif;  TEXT-DECORATION: none
}
.txt14White
{
	FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}
.txt14grey
{
	FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none 
}

.txt14grey-jst
{
	FONT-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none; text-align:justify
}
.txt12blue-jst {
	FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none; text-align:justify
}

.txtFooter
{
	FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}

.txtLoginNormal
{
	FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Geneva, Verdana, sans-serif; TEXT-DECORATION: none
}
/* END Text menus ----------------------------------------------------------------------------------------------------- */
/* -- Containers ---------------------------------------------------------------------------------------------------------*/
#container {
	BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BORDER-TOP: #336699 0px solid; BORDER-BOTTOM: #336699 0px solid; MARGIN: 5px auto; WIDTH: 963px; POSITION: relative; TOP: 0px
}
#topBannerContainer {
	WIDTH: 963px; HEIGHT: 90px; MARGIN: 0px auto; POSITION: relative; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BORDER-TOP: #336699 0px solid; BORDER-BOTTOM: #336699 0px solid; BACKGROUND-IMAGE:  url('images/top-banner-1.jpg')
}

#topDropMenuBox {
	WIDTH: 963px; HEIGHT: 40px; MARGIN: 0px auto; POSITION: relative; TOP: 0px; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BORDER-TOP: #336699 0px solid; BORDER-BOTTOM: #336699 0px solid
}
#flashContainer {
	WIDTH: 696px; HEIGHT: 230px; MARGIN: 8px auto; POSITION: absolute; TOP: 132px; BACKGROUND-IMAGE:  url('images/flash-loading.gif')
}
#rhsInfoBox {
	WIDTH: 260px; HEIGHT: 600px; MARGIN: 0px auto; POSITION: absolute; TOP: 132px; LEFT: 703px; BACKGROUND: #FFF; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid
}
#spacer {
	WIDTH: 696px; HEIGHT: 5px; MARGIN: 0px auto; POSITION: absolute; TOP: 370px; BACKGROUND: #ECECEC
}
#spacerUpper {
	WIDTH: 696px; HEIGHT: 5px; MARGIN: 0px auto; POSITION: absolute; TOP: 130px; BACKGROUND: #ECECEC
}
#mainInfoContainer {
	WIDTH: 703px; HEIGHT: 340px; MARGIN: 0px auto; POSITION: absolute; TOP: 374px; BACKGROUND-IMAGE:  url('images/mainInfoBg.gif')
}
#subInfoContainer {
	WIDTH: 703px; HEIGHT: 600px; MARGIN: 0px auto; POSITION: absolute; TOP: 130px; BACKGROUND-IMAGE:  url('images/mainInfoBg.gif')
}
#contactContainer {
	WIDTH: 703px; HEIGHT: 640px; MARGIN: 0px auto; POSITION: absolute; TOP: 132px; BACKGROUND: #FFF
}
#serviceContainer {
	WIDTH: 963px; HEIGHT: 600px;  MARGIN: 0px auto; POSITION: absolute; TOP: 132px; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BACKGROUND: #FFFFFF
}
#service1 {
	WIDTH: 240px; HEIGHT: 600px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 0px; BACKGROUND-IMAGE:  url('images/service-panel-consult.gif')
}
#service3 {
	WIDTH: 240px; HEIGHT: 356px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 240px; BACKGROUND-IMAGE:  url('images/service-panel-web.gif')
}
#service2 {
	WIDTH: 240px; HEIGHT: 600px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 480px; BACKGROUND-IMAGE:  url('images/service-panel-agree.gif')
}
#service4 {
	WIDTH: 240px; HEIGHT: 600px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 720px; BACKGROUND-IMAGE:  url('images/service-panel-vmware.gif')
}
#folio1 {
	WIDTH: 240px; HEIGHT: 480px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 0px; BACKGROUND-IMAGE:  url('images/folio-vmc.gif')
}
#folio2 {
	WIDTH: 240px; HEIGHT: 480px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 240px; BACKGROUND-IMAGE:  url('images/folio-dunleas.gif')
}
#folio3 {
	WIDTH: 240px; HEIGHT: 480px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 480px; BACKGROUND-IMAGE:  url('images/folio-mercury.gif')
}
#folio4 {
	WIDTH: 240px; HEIGHT: 480px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 720px; BACKGROUND-IMAGE:  url('images/folio-xpert.gif')
}
#service-call {
	WIDTH: 240px; HEIGHT: 100px; MARGIN: 0px auto; POSITION: absolute; TOP: 370px; LEFT: 240px; BACKGROUND-IMAGE:  url('images/phone-1.gif')
}
#service-vans {
	WIDTH: 240px; HEIGHT: 115px; MARGIN: 0px auto; POSITION: absolute; TOP: 370px; LEFT: 480px; BACKGROUND-IMAGE:  url('images/service-vans.jpg')
}

#productContainer {
	WIDTH: 963px; HEIGHT: 600px;  MARGIN: 0px auto; POSITION: absolute; TOP: 132px; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BACKGROUND: #FFFFFF
}
#product1 {
	WIDTH: 703px; HEIGHT: 165px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 0px;  BACKGROUND-IMAGE:  url('images/prod-print.jpg')
}
#prod-delivery {
	WIDTH: 140px; HEIGHT: 180px; MARGIN: 0px auto; POSITION: absolute; TOP: 175px; LEFT: 0px; BACKGROUND-IMAGE:  url('images/delivery.gif')
}
#product2 {
	WIDTH: 553px; HEIGHT: 180px; MARGIN: 0px auto; POSITION: absolute; TOP: 175px; LEFT: 150px;  BACKGROUND-IMAGE:  url('images/prod-pc-laptop.jpg')
}

#prod-exec-series {
	WIDTH: 230px; HEIGHT: 212px; MARGIN: 0px auto; POSITION: absolute; TOP: 360px; LEFT: 0px;  BACKGROUND-IMAGE:  url('images/prod-oki-exec.jpg')
}
#prod-net {
	WIDTH: 250px; HEIGHT: 350px; MARGIN: 0px auto; POSITION: absolute; TOP: 5px; LEFT: 710px;  BACKGROUND-IMAGE:  url('images/prod-net.jpg')
}

#smallPanelsLeft {
	WIDTH: 142px; HEIGHT: 400px; POSITION: absolute; LEFT: 0px; TOP: 10px
}

#contactFormContainer{
	WIDTH: 400px; HEIGHT: 400px; POSITION: absolute; LEFT: 160px; TOP: 10px; BACKGROUND-IMAGE:   url('images/mainContactBg.gif')
}
#serviceMap {
	WIDTH: 255px; HEIGHT: 354px; POSITION:relative; LEFT: 630px; TOP: 10px;  BACKGROUND-IMAGE: url('images/service-map.gif')
}
#contactMessage {
	MARGIN: 30px 30px
}
#footer {
	WIDTH: 963px; HEIGHT: 65px; MARGIN: 0px auto; POSITION: absolute; TOP: 710px; BACKGROUND-IMAGE: url('images/footer.gif')
}

#foot_line_right {
	MARGIN: 10px auto; POSITION: absolute;  LEFT: 750px;
}
#foot_line_left {
	MARGIN: 12px auto; POSITION: absolute; LEFT: 20px;
}


#idxTxtBox1 {
	MARGIN: 5px auto;
	LEFT: 15px;
	WIDTH: 205px;
	HEIGHT: 300px;
	BORDER-BOTTOM: #000 0px solid;
	POSITION: absolute;
	top: 2px;
}

#idxTxtBox2 {
	MARGIN: 5px auto;
	LEFT: 240px;
	WIDTH: 205px;
	HEIGHT: 300px;
	BORDER-BOTTOM: #000 0px solid;
	POSITION: absolute;
	top: 2px;
}

#idxTxtBox3 {
	MARGIN: 5px auto;
	LEFT: 480px;
	WIDTH: 205px;
	HEIGHT: 300px;
	BORDER-BOTTOM: #000 0px solid;
	POSITION: absolute;
	top: 2px;
}

#loginArea {
	WIDTH: 260px; HEIGHT: 240px; MARGIN: 0px auto; POSITION: relative; BORDER-RIGHT: #BBBAAA 0px solid; BORDER-LEFT: #BBBAAA 0px solid; BACKGROUND-IMAGE: url('images/login-bg.gif')
}

#linkArea {
	WIDTH: 260px; HEIGHT: 240px; MARGIN: 0px auto; POSITION: relative; BORDER-RIGHT: #336699 0px solid; BORDER-LEFT: #336699 0px solid; BACKGROUND-IMAGE: url('images/link-bg.gif')
}

#advertArea{
	WIDTH: 260px; HEIGHT: 120px; MARGIN: 0px auto; POSITION: relative; BORDER-RIGHT: #CCCDDD 0px solid; BORDER-LEFT: #CCCDDD 0px solid; BACKGROUND-IMAGE: url('images/advert-laptop.gif')
}

#indentBox {
	WIDTH: 200px; HEIGHT: 180px; MARGIN: 50px 30px; POSITION: relative
}
/* Navigation menus ----------------------------------------------------------------------------------------------------- */

div#navcontainer
{
height: 40px;
background-color: #FFFFFF;
border-top: solid 0px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
BACKGROUND-IMAGE: url('images/topDropMenuBox.gif');
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 15px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -5px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #333399;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color: #0066FF;
color: white;
}

#active a { border-left: 1px solid #fff; }

/* END Navigation menus ----------------------------------------------------------------------------------------------------- */

#babySpacer {
  clear: both;
  height: 15px
}

#midSpacer {
  clear: both;
  height: 30px
}

#bigSpacer {
  clear: both;
  height: 70px
}