@charset "utf-8";
/* CSS Document */
body {
background-color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: .7em;
color: #000000;
margin:auto;
position:relative;
width:949px;
}

body.popup {
background-color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: .7em;
color: #000000;
overflow:auto;
margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}

div.popupcontainer {width: 525px; overflow-x: hidden;}

#promobanner {position:absolute; top:3px; left:270px;}

p.footertext {position:absolute; font-family:Perpetua, "Times New Roman", serif; top:568px; left:0px; width:950px; text-align:center; color:#999;}
p.footertext a{color:#999;}
p.pagetitle {font-size: .82em; position: absolute; top: 560px; left: 0px;}
p.indent { position:relative; padding-left: 30px; padding-right: 10px;}

span.homesquaretitle {font-size: 1.2em; font-weight:900; color:#FFF;}

div.greensquare {
	position:absolute;
	top: 360px;
	left: 720px;
	width: 216px;
	height: 180px;
	overflow: auto;
	scrolling: auto;
	vertical-align:top;
	background-color:#8cc63f;
	z-index: 100;
	scrollbar-face-color:#8cc63f; 
    scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#8cc63f; 
    scrollbar-shadow-color:#659921;
	scrollbar-highlight-color:#c5e29f;
	scrollbar-3dlight-color:#8cc63f;
	scrollbar-darkshadow-Color:#8cc63f;
}
div.RSSsquare {margin:17px; line-height: 14px; scrolling: auto; color:#FFF;}

div.execgreensquare {
	position:absolute;
	top: 360px;
	left: 415px;
	width: 216px;
	height: 180px;
	overflow: auto;
	scrolling: auto;
	vertical-align:top;
	background-color:#8cc63f;
	z-index: 500;
	scrollbar-face-color:#8cc63f; 
    scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#8cc63f; 
    scrollbar-shadow-color:#659921;
	scrollbar-highlight-color:#c5e29f;
	scrollbar-3dlight-color:#8cc63f;
	scrollbar-darkshadow-Color:#8cc63f;
}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #8cc63f; text-decoration: underline;}
a:active { color: #FFF; text-decoration: underline;}

a.note:link {color: #00457c; text-decoration: underline;}
a.note:visited {color: #00457c; text-decoration: underline;}
a.note:hover {color: #8cc63f; text-decoration: underline;}
a.note:active {color: #00457c; text-decoration: underline;
}

a.greenboxtitle:link {color: #FFFFFF; text-decoration: none;}
a.greenboxtitle:visited {color: #FFFFFF; text-decoration: none;}
a.greenboxtitle:hover {color: #FFFFFF; text-decoration: underline;}
a.greenboxtitle:active {color: #FFFFFF; text-decoration: underline;}

a.greenbox:link {color: #000000; text-decoration: none;}
a.greenbox:visited {color: #000000; text-decoration: none;}
a.greenbox:hover {color: #000000; text-decoration: underline;}
a.greenbox:active {color: #000000; text-decoration: underline;}

a.submenu:link {color: #000000; text-decoration: none;}
a.submenu:visited {color: #000000; text-decoration: none;}
a.submenu:hover {color: #000000; text-decoration: none; font-weight:900;}
a.submenu:active {color: #000000; text-decoration: none; font-weight:900;}

a.greenboxtext:link {color: #000000; text-decoration: none;}
a.greenboxtext:visited {color: #000000; text-decoration: none;}
a.greenboxtext:hover {color: #000000; text-decoration: none; font-weight:900;}
a.greenboxtext:active {color: #000000; text-decoration: none; font-weight:900;}

div.homemain {
	width:324px;
	height:335px;
	position: absolute;
	top: 130px;
	left: 39px;
	overflow:auto;
	vertical-align:top;
}

div.main {
	width:359px;
	height:335px;
	position: absolute;
	top: 220px;
	left: 20px;
	overflow:auto;
	vertical-align: text-top;
	text-align:justify;
}

.toggleborder:hover img{border: 1px solid #00457C;}
.toggleborder:hover{color: #00457C; /* Dummy definition to overcome IE bug */}

img.homesquare1 {width:162px; height:144px; position: absolute; top: 235px; left: 415px; border:0; z-index: 100;}
img.homesquare2 {width:162px; height:144px; position: absolute; top: 235px; left: 596px; border:0; z-index: 100;}
img.homesquare3 {width:162px; height:144px; position: absolute; top: 396px; left: 415px; border:0; z-index: 100;}
img.homesquare4 {width:162px; height:144px; position: absolute; top: 396px; left: 596px; border:0; z-index: 100;}

div.homesquare {margin:17px; line-height: 14px;}
div.homeimagetext { width:162px; height:104px; position: absolute; top: 436px; left: 772px; overflow: hidden; vertical-align:top; color:#FFF;	font-size:2em; font-weight:900; z-index: 101;}

div.greenbox1title {
	width:150px;
	height:21px;
	position: absolute;
	top: 242px;
	left: 423px;
	overflow: hidden;
	vertical-align:top;
	color:#FFF;
	font-size:1.3em;
	font-weight:900;
	z-index: 101;
}

div.greenbox1text {
	width:150px;
	height:105px;
	position: absolute;
	top: 270px;
	left: 423px;
	overflow: hidden;
	vertical-align:top;
	line-height: 175%;
	z-index: 101;
}

div.greenbox2title {
	width:150px;
	height:21px;
	position: absolute;
	top: 242px;
	left: 604px;
	overflow: hidden;
	vertical-align:top;
	color:#FFF;
	font-size:1.3em;
	font-weight:900;
	z-index: 101;
}

div.greenbox2text {
	width:150px;
	height:105px;
	position: absolute;
	top: 270px;
	left: 604px;
	overflow: hidden;
	vertical-align:top;
	line-height: 175%;
	z-index: 101;
}

div.greenbox3title {
	width:150px;
	height:21px;
	position: absolute;
	top: 402px;
	left: 423px;
	overflow: hidden;
	vertical-align:top;
	color:#FFF;
	font-size:1.3em;
	font-weight:900;
	z-index: 101;
}

div.greenbox3text {
	width:150px;
	height:105px;
	position: absolute;
	top: 430px;
	left: 423px;
	overflow: hidden;
	vertical-align:top;
	line-height: 175%;
	z-index: 101;
}

div.greenbox4title {
	width:150px;
	height:21px;
	position: absolute;
	top: 402px;
	left: 604px;
	overflow: hidden;
	vertical-align:top;
	color:#FFF;
	font-size:1.3em;
	font-weight:900;
	z-index: 101;
}

div.greenbox4text {
	width:150px;
	height:105px;
	position: absolute;
	top: 430px;
	left: 604px;
	overflow: hidden;
	vertical-align:top;
	line-height: 175%;
	z-index: 101;
}

div.homemovie {
	position:absolute;
	top: 385px;
	left: 30px;
	height:162px;
	width:234px;
	z-index:300;
}

div.mainmovie {
	position:absolute;
	top: 340px;
	left: 43px;
	height:215px;
	width:311px;
	z-index:300;
}

img.homeCHA {position:absolute; top: 442px; left: 282px; z-index:300;}
.servicetable {position:absolute; top:252px; left:18px; background-color:#FFF; border:none; font-weight:bold;}
.servicetable2 {position:absolute; top:340px; left:50px; background-color:#FFF; border:none; font-weight:bold;}
.servicetable3 {position:absolute; top:259px; left:50px; background-color:#FFF; border:none; font-weight:bold;}

div.execcontent { margin:14px; line-height: 14px; scrolling: auto; color:#000000; z-index:102;}
div.contentwindow { position:absolute; top: 374px; left: 17px; width: 360px; height: 170px; overflow:auto; scrolling: auto; vertical-align:top; background-color:#e1e1e1; z-index: 100; scrollbar-face-color:#e1e1e1; scrollbar-arrow-color:#00457C; scrollbar-track-color:#e1e1e1; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#e1e1e1; scrollbar-darkshadow-Color:#e1e1e1; z-index:100;}

div.contentwindow2 {
	position:absolute;
	top: 425px;
	left: 13px;
	width: 369px;
	height: 120px;
	overflow:auto;
	scrolling: auto;
	vertical-align:top;
	background-color:#e1e1e1;
	z-index: 100;
	scrollbar-face-color:#e1e1e1;
	scrollbar-arrow-color:#00457C;
	scrollbar-track-color:#e1e1e1;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#e1e1e1;
	scrollbar-darkshadow-Color:#e1e1e1;
	z-index:100;
}

h1.nametitle {font-family: Tahoma, Verdana, sans-serif; font-size: 2em; color: #FFF;}
h2.nametitle {font-family: Tahoma, Verdana, sans-serif; font-size: 1.2em; color: #FFF;}

div.submenu {position:absolute; top: 118px; left: 9px; width: 350px;}
img.main {position:absolute; top: 109px; left: 397px; width: 553px; height: 451px; border: hidden; z-index: -100;}

div.rsscontentframe {
	position:absolute;
	top: 109px;
	left: 396px;
	width: 553px;
	height: 451px;
	border: hidden;
	z-index: -100;
}

div.example_window {margin: 0px; padding:3px; line-height: 14px; scrolling: auto; color: #000000;}

div.examplecontent { position:absolute; top:0px; left: 3px; width: 550px; height: 451px; overflow:auto; scrolling: auto; vertical-align:top; background-color:#ecedef; z-index: 100; scrollbar-face-color:#e1e1e1; scrollbar-arrow-color:#00457C; scrollbar-track-color:#e1e1e1; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#e1e1e1; scrollbar-darkshadow-Color:#e1e1e1; padding:3px;}

div.flashmain {
	position:absolute;
	top: 109px;
	left: 396px;
	width: 553px;
	height: 450px;
	border: hidden;
	z-index: -100;
}

div.noflashimage {
	position:absolute;
	top: 109px;
	left: 396px;
	width: 553px;
	height: 450px;
	border: hidden;
	z-index: -500;
}

#flash {width: 553px; height: 450px; position: absolute; z-index: 0;}

img.landingvideo {position:absolute; top: 360px; left: 720px; width: 216px; height: 180px; border: hidden;z-index: 100;}
img.clientlogo {position:absolute; top:252px; left:230px; border:hidden; z-index:101;}

h1 { font-family: Tahoma, Verdana, sans-serif; font-size: 1.6em; color: #00457c;}
h2 { font-family: Tahoma, Verdana, sans-serif; font-size: 1em; color: #00457c; vertical-align:bottom;}
h3 { font-family: Tahoma, Verdana, sans-serif; font-size: 1em; color: #00457c; font-style: italic; font-weight:normal }

h1.DBmain { font-family: Tahoma, Verdana, sans-serif; font-size: 1.3em; color: #00457c; vertical-align:top; font-weight:900;}

hr{ color: #00457c; background-color:#FFFFFF; width:100%; height:2px; }
.note {font-family: Tahoma, Verdana, sans-serif; color: #00457c; font-weight: bold;} 

div.resellerlogin { position:absolute; top:0px; left:880px; z-index:600;}

#menu {width: 950px; background: #00457c; float: left; z-index: 500;}
#menu ul {list-style: none; margin: 0; padding: 0; width: 10em; float: right; z-index: 500;}
#menu li {position: relative; z-index: 500;}
#menu ul ul {position: absolute; z-index: 500;}
#menu ul ul ul {top: 0; left: 100%; z-index: 500;}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {display: none;}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {display: block; z-index:500;}

/* style, color and size links and headings to suit */
#menu a {
	font: bold 12px/16px Tahoma, Verdana, sans-serif;
	text-align: center;
	display: block;
	border-width: 0px;
	border-style: solid;
	border-color: #00457c #00457c #00457c #00457c;
	margin: 0px 4px 0px 4px;
	padding: 4px 0px 2px 0px;
	z-index:500;
}

#menu h2 {
	font: bold 12px/16px Tahoma, Verdana, sans-serif;
	text-align: center;
	display: block;
	color: #FFF;
	border-width: 0px;
	border-style: solid;
	border-color: #00457c #00457c #00457c #00457c;
	margin: 0px 4px 0px 4px;
	padding: 4px 0px 2px 0px;
	z-index:500;
}

#menubar{
	position: absolute;
	top: 100px;
	left: 0px;
	height: 9px;
	border-color: #b1b1b2;
	border: hidden;
	width: 950px;
	overflow: hidden;
	background-color: #b1b1b2;
	z-index:300;
}

#footerbar{
position: absolute; 
top: 559px; 
left: 0px;
height: 9px;
border-color: #b1b1b2;
border: hidden;
width: 950px;
overflow: hidden;
background-color: #b1b1b2;
z-index:300;
}

* html #menubar { /*IE6 hack*/ width: 950px; z-index:300;}

#menu a {color: #fff; background: #00457c; text-decoration: none; z-index:500;}
#menu a:hover {color: #fff; background: #8cc63f; z-index:500;}

img.menu1 {position:absolute; left:356px; top:85px; z-index:600;}
img.menu2 {position:absolute; left:455px; top:85px; z-index:600;}
img.menu3 {position:absolute; left:552px; top:85px; z-index:600;}
img.menu4 {position:absolute; left:653px; top:85px; z-index:600;}
img.menu5 {position:absolute; left:750px; top:85px; z-index:600;}
img.menu6 {position:absolute; left:842px; top:85px; z-index:600;}

[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%; z-index:500;}
#menu ul li a {height: 1%; z-index:500;} 
</style>
<![endif]