/* begin page setup */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Trebuchet, Trebuchet MS, Verdana, san-serif;
	font-size: 12px;
	color: #283E52;
}
body
{
	background: #859DB2 url('images/bg.gif') repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
#wrapper
{
	width: 734px;
	margin: 48px auto 10px auto;
	text-align: center;
}
/* end page setup */
/* ------------------------------------------------------------------------ */
/* begin top */
#wrapper #dTop
{
	position: relative;
	background: url('images/top.gif') no-repeat;
	width: 734px;
	height: 61px;
}
#wrapper #dTop #dLogin
{
	position: absolute;
	top: 25px;
	left: 570px;
	color: #859DB2;
}
#wrapper #dTop #aLogo
{
	position: absolute;
	top: 22px;
	left: 10px;
	width: 155px;
	height: 30px;
}
#wrapper #dTop #aIcon
{
	position: absolute;
	top: 3px;
	left: 670px;
	width: 56px;
	height: 56px;
}
#wrapper #dTop #aLogo span, #wrapper #dTop #aIcon span
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
/* end top */
/* ------------------------------------------------------------------------ */
/* begin css-based navigation state selection */
#wrapper #dNav
{
	position: relative;
	background: url('images/bg_nav.gif') no-repeat;
	width: 734px;
	height: 73px;
	margin: 0;
	padding: 0;
}
body.home #wrapper #dNav #aservices, body.home #wrapper #dNav #aservices a,
body.software #wrapper #dNav #aservices, body.home #wrapper #dNav #aservices a,
body.samples #wrapper #dNav #aservices, body.home #wrapper #dNav #aservices a
{
	position: absolute;
	background: url('images/nav_services_off.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 164px;
}
body.home #wrapper #dNav #asoftware, body.home #wrapper #dNav #asoftware a,
body.services #wrapper #dNav #asoftware, body.home #wrapper #dNav #asoftware a,
body.samples #wrapper #dNav #asoftware, body.home #wrapper #dNav #asoftware a
{
	position: absolute;
	background: url('images/nav_software_off.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 309px;
}
body.home #wrapper #dNav #asamples, body.home #wrapper #dNav #asamples a,
body.services #wrapper #dNav #asamples, body.home #wrapper #dNav #asamples a,
body.software #wrapper #dNav #asamples, body.home #wrapper #dNav #asamples a
{
	position: absolute;
	background: url('images/nav_samples_off.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 458px;
}
body.services #wrapper #dNav #aservices, body.home #wrapper #dNav #aservices a
{
	position: absolute;
	background: url('images/nav_services_on.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 164px;
}
body.software #wrapper #dNav #asoftware, body.home #wrapper #dNav #asoftware a
{
	position: absolute;
	background: url('images/nav_software_on.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 309px;
}
body.samples #wrapper #dNav #asamples, body.home #wrapper #dNav #asamples a
{
	position: absolute;
	background: url('images/nav_samples_on.gif') no-repeat;
	width: 91px;
	height:20px;
	top: 26px;
	left: 458px;
}
#wrapper #dNav #aservices span, #wrapper #dNav #asoftware span, #wrapper #dNav #asamples span
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
/* end css-based navigation state selection */
/* ------------------------------------------------------------------------ */
/* begin main */
body.home #wrapper #dMain
{
	position: relative;
	background: url('images/bg_main.gif') repeat-y;
	width: 734px;
	height: 458px;
}
body.home #wrapper #dMain #dPic
{
	position: absolute;
	background: url('images/pic.jpg') no-repeat;
	width: 675px;
	height: 215px;
	top: 15px;
	left: 30px;
	z-index: 1;
}
body.home #wrapper #dMain #dPanelW
{
	position: absolute;
	background: url('images/h_panel_w.gif') no-repeat;
	width: 223px;
	height: 386px;
	top: 72px;
	left: 34px;
	z-index: 10;
	text-align: left;
}
body.home #wrapper #dMain p
{
	text-align: left;
	margin: 10px;
	line-height: 14px;
}
body.home #wrapper #dMain #dPanelW #dPanelLB
{
	position: absolute;
	background: url('images/h_panel_lb.gif') no-repeat;
	width: 189px;
	height: 124px;
	top: 245px;
	left: 10px;
}
body.home #wrapper #dMain #dPanelCS
{
	position: absolute;
	background: url('images/h_panel_cs.gif') no-repeat;
	width: 436px;
	height: 77px;
	top: 240px;
	left: 268px;
	text-align: left;
}
body.home #wrapper #dMain #dPanelCS p
{
	margin: 5px 10px 5px 10px;
	color: #fff;
}
body.home #wrapper #dMain #dPanelCO1
{
	position: absolute;
	background: url('images/h_panel_co.gif') no-repeat;
	width: 141px;
	height: 127px;
	top: 327px;
	left: 268px;
	text-align: left;
}
body.home #wrapper #dMain #dPanelCO2
{
	position: absolute;
	background: url('images/h_panel_co.gif') no-repeat;
	width: 141px;
	height: 127px;
	top: 327px;
	left: 415px;
	text-align: left;
}
body.home #wrapper #dMain #dPanelCO3
{
	position: absolute;
	background: url('images/h_panel_co.gif') no-repeat;
	width: 141px;
	height: 127px;
	top: 327px;
	left: 562px;
	text-align: left;
}
body.home #wrapper #dMain #dPanelCO1 p, body.home #wrapper #dMain #dPanelCO2 p, body.home #wrapper #dMain #dPanelCO3 p
{
	margin: 5px 10px 5px 10px;
}
body.home #wrapper #dMain #dPanelCO1 a.arrows, body.home #wrapper #dMain #dPanelCO2 a.arrows, body.home #wrapper #dMain #dPanelCO3 a.arrows
{
	position: absolute;
	width: 18px;
	height: 12px;
	top: 104px;
	left: 110px;
}
body #wrapper #dMain
{
	position: relative;
	background: url('images/bg_main.gif') repeat-y;
	width: 734px;
	height: 458px;
}
body #wrapper #dMain #dLine
{
	position: absolute;
	background-color: #660030;
	width: 675px;
	height: 5px;
	top: 15px;
	left: 30px;
	margin: 0;
	padding: 0;
	line-height:2px;
	font-size: 2px;
}
body.samples #wrapper #dMain #dPanelLeft
{
	position: absolute;
	background: url('images/panel.gif') repeat-y;
	width: 223px;
	height: 438px;
	top: 20px;
	left: 45px;
}
body.services #wrapper #dMain #dPanelLeft
{
	position: absolute;
	background: url('images/services_panel.gif') repeat-y;
	width: 223px;
	height: 438px;
	top: 20px;
	left: 45px;
}
body.software #wrapper #dMain #dPanelLeft
{
	position: absolute;
	background: url('images/software_panel.gif') repeat-y;
	width: 223px;
	height: 438px;
	top: 20px;
	left: 45px;
}
#wrapper #dMain #dPanelLeft #content
{
	position: absolute;
	top: 100px;
	left: 0;
	text-align: left;
	
}
#wrapper #dMain #dPanelLeft p
{
	margin: 15px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;	
}
#wrapper #dMain #dPanelLeft a
{
	color: #fff;
	font-size: 14px;
	line-height: 18px;	
}
#wrapper #dMain #dPanelRight
{
	position: absolute;
	width: 430px;
	top: 30px;
	left: 278px;
	text-align: left;
}
#wrapper #dMain #dPanelRight #content
{
	text-align: left;
}
#wrapper #dMain #dPanelRight p
{
	margin: 10px;
	font-size: 14px;
	line-height: 18px;	
}
#wrapper #dMain #dPanelRight hr
{
	margin-left: 10px;
	width: 400px;
	height: 1px;
	color: #283E52;
}
/* end main */
/* ------------------------------------------------------------------------ */
/* begin footer */
#wrapper #dFooter
{
	position: relative;
	background: url('images/footer.gif') no-repeat;
	width: 734px;
	height:73px;
	text-align: center;
}
#wrapper #dFooter #dFLinks
{
	position: relative;
	top:30px;
	color: #859DB2;
}
#wrapper #dFooter #dValid
{
	position: absolute;
	top:20px;
	left: 620px;
	color: #859DB2;
}
/* end footer */
/* ------------------------------------------------------------------------ */
/* begin links */
a:link, a:visited, a:active
{
	color: #283E52;
	text-decoration: none;
} 
a:hover
{
	color: #283E52;
	text-decoration: underline;
}
a.link2:link, a.link2:visited, a.link2:active
{
	color: #859DB2;
	text-decoration: none;
} 
a.link2:hover
{
	color: #859DB2;
	text-decoration: underline;
}
/* end links */