/* basic */

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font: normal 12px/15px Verdana, Helvetica, sans-serif;
	color: black;
	background: #ffffff url(../images/bg_white.jpg) center top no-repeat;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}
#print {
	display: none;
}
a img {
	border-width: 0;
}

/* container */

.container {
	width: 814px;
	margin: 0 auto;
}
.clearing {
	clear: both;
}

/* top */

.top {
	height: 148px;
	background: url(../images/top_white.jpg) left top no-repeat;
	position:relative;
}
#logo {
	width: 148px;
	height: 148px;
	float: left;
	display: block;
}
#topcs, #topcrm {background:transparent;
 width:158px;
 height:42px;
 position:absolute;
 display:block;
}

#topcs {left:497px;top:66px;}
#topcrm {left:655px;top:66px;}


#breadcrumbs {
	background-color: transparent;
	width: 800px;
	padding:0px 7px;
	height:30px;
	position:absolute;
	left:0px;
	top:116px;
	line-height:30px;
	text-align:right;
}

#breadcrumbs a {color: #000;}
#breadcrumbs a:hover {color: #646464;}
/* nav */
.top ul {list-style-type:none;position:absolute;top:90px;left:210px;width:602px;height:26px;}
.top ul li {display:block;float:left;}
.top ul li a span {display:none;}
#nav_01 {display:block;width:239px;height:26px;background: url(../images/gate_nav01.jpg) 0px 0px no-repeat;}
#nav_02 {display:block;width:120px;height:26px;background: url(../images/gate_nav02.jpg) 0px 0px no-repeat;}
#nav_03 {display:block;width:52px;height:26px;background: url(../images/gate_nav03.jpg) 0px 0px no-repeat;}
#nav_04 {display:block;width:128px;height:26px;background: url(../images/gate_nav04.jpg) 0px 0px no-repeat;}
#nav_05 {display:block;width:63px;height:26px;background: url(../images/gate_nav05.jpg) 0px 0px no-repeat;}
#nav_01:hover, #nav_02:hover, #nav_03:hover, #nav_04:hover, #nav_05:hover {background-position:0px -26px;}
/* leftnav */

.leftnav {
	width: 257px;
	float: left;
	margin: 0px 0px 10px 0px;
	text-align: left;
	padding-top:55px;
	position:relative;
}
.leftnav h2 {
	width: 216px;
	height:52px;
	background: transparent;
	position:absolute;
	top:-15px;
	left:0px;
	text-indent: -9999px;
}
.leftnav h2#h2cs {background: transparent url(../images/h2_cs.jpg) 0px 0px no-repeat;}
.leftnav h2#h2crm {background: transparent url(../images/h2_crm.jpg) 0px 0px no-repeat;}

.leftnav img {margin: 20px 25px 0px 25px;}

.leftnav ul {
	list-style: none;
}
.leftnav ul a {
	color: black;
	display: block;
	width: 243px;
	clear: both;
	padding: 0 0 5px 15px;
	text-decoration: none;
	background: url(../images/navleft.jpg) left top no-repeat;
}
.leftnav a:hover {
	text-decoration: underline;
}

.leftnav ul li#this a {font-weight:bold;}

#newsletter {
	width: 257px;
	display: block;
	height: 137px;
	text-indent: -5000px;
	margin: 20px 0 0;
	background: url(../images/newsletter.jpg) left top no-repeat;
}

/* login form */

#loginform {
	width: 257px;
	margin: 13px 0 0;
	padding: 27px 0 0;
	background: url(../images/loginform.jpg) left top no-repeat;
}
#loginform fieldset {
	border: 0;
	padding: 0 0 2px;
	margin: 0;
}
#loginform p {
	padding: 0 0 0 83px;
}
#loginform input {
	font-size: 10px;
	color: #888;
	border: 1px solid #b3b3b3;
	float: left;
	width: 120px;
	padding: 5px 10px;
	margin: 0 0 5px;
	background: transparent;
}
#loginform #loginsubmit {
	border: 0;
	cursor: pointer;
	width: 15px;
	height: 25px;
	margin: 0 0 0 5px;
	background: url(../images/loginsubmit.jpg) left top no-repeat;
}

#support {
	display: block;
	height: 31px;
	background: url(../images/support.jpg) left top no-repeat;
	text-indent: -5000px;
}
#pmigroup {
	height: 60px;
	display: block;
	text-indent: -5000px;
	margin: 5px 0 0;
	background: url(../images/pmigroup.jpg) left top no-repeat;
}

#onlinedemo {
	display: block;
	height: 30px;
	margin: 8px 0 0;
	background: url(../images/onlinedemo.jpg) left top no-repeat;
	text-indent: -5000px;
}
#brochure {
	display: block;
	height: 30px;
	margin: 5px 0 0;
	background: url(../images/brochure.jpg) left top no-repeat;
	text-indent: -5000px;
}

/* quick form */

#quickformrequest {
	margin: 13px 0 0;
	height: 29px;
	display: block;
	position: relative;
	top: 1px;
	z-index: 1000;
	background: url(../images/quickformrequest.jpg) left top no-repeat;
}

#quickform {
	display: none;
	width: 257px;
	padding: 4px 0 0;
	margin: 0;
	position: relative;
	left: -3px;
	background: url(../images/quickform1.jpg) 4px top no-repeat;
}
*:lang(en) #quickform {
	padding: 5px 0 0;
}
#quickform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
#quickform p {
	padding: 0px 0 2px 20px;
}
*:lang(en) #quickform p {
	padding: 0px 0 2px 20px;
}

#quickform input {
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color: #888;
	border: 0;
	width: 129px;
	padding: 2px 10px;
	margin: 0;
	background: transparent;
}
#quickform textarea {
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color: #888;
	border: 0;
	margin: 0px 0 0;
	width: 182px;
	height: 60px;
	background: transparent;
	padding: 0 10px;
	max-height: 60px;
}
#quickform p {
	margin: 0px;
}
*:lang(en) #quickform textarea {
	margin: 0;
	margin-top: 1px;
	padding: 7px 10px;
	width: 198px;
	height: 54px;
	max-height: 60px;
}
#quickform #quicksubmit {
	border: 0;
	cursor: pointer;
	width: 15px;
	height: 25px;
	margin: 5px 0 0 5px;
	width: 249px;
	height: 30px;
	padding: 0;
	position: relative;
	left: -2px;
	background: url(../images/quicksubmit.jpg) left top no-repeat;
}

#quickform #product {
	margin-left: 3px;
	margin-top: 5px;
	background-color: #fff;
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	padding: 2px;
}
/*quickform homepage*/

#quickformrequest1 {
	margin: 13px 0 0;
	height: 29px;
	display: block;
	position: relative;
	top: 1px;
	z-index: 1000;
	background: url(../images/attend.jpg) left top no-repeat;
}

#quickform1 {
	display: none;
	width: 257px;
	padding: 4px 0 0;
	margin: 0;
	position: relative;
	left: -3px;
	background: url(../images/quickform1.jpg) 4px top no-repeat;
}
*:lang(en) #quickform1 {
	padding: 5px 0 0;
}
#quickform1 fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
#quickform1 p {
	padding: 0px 0 2px 20px;
}
*:lang(en) #quickformhp p {
	padding: 0px 0 2px 20px;
}

#quickform1 input {
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color: #888;
	border: 0;
	width: 129px;
	padding: 2px 10px;
	margin: 0;
	background: transparent;
}
#quickform1 input#email{
margin-bottom: 10px;
}
#quickform1 textarea {
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color: #888;
	border: 0;
	margin: 0px 0 0;
	width: 182px;
	height: 60px;
	background: transparent;
	padding: 0 10px;
	max-height: 60px;
}
#quickform1 p {
	margin: 0px;
}
*:lang(en) #quickform1 textarea {
	margin: 0;
	margin-top: 1px;
	padding: 7px 10px;
	width: 198px;
	height: 54px;
	max-height: 60px;
}
#quickform1 #quicksubmit {
	border: 0;
	cursor: pointer;
	width: 15px;
	height: 25px;
	margin: 5px 0 0 5px;
	width: 249px;
	height: 30px;
	padding: 0px;
	position: relative;
	left: -2px;
	background: url(../images/quicksubmit.jpg) left top no-repeat;
}
#quickform1 #product {
	margin-left: 3px;
	margin-top: 5px;
	background-color: #fff;
	font-size: 10px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	padding: 2px;}

#quickform1 input#comment{
height: 100px;
margin-bottom: 10px;
}

/* content */

.content {
	padding: 10px;
	text-align: left;
}
html>body .content {
	padding: 0 0 0 13px;
}
.content h1 {
	border-top: 0px solid black;
	margin: 10px 0 0;
	padding: 5px 0 15px;
	font-size: 17px;
	font-style: italic;
	color: #7f7f7f;
	font-style: normal;
	font-weight: bold;
}

.content h2 {
	line-height:2em;
	padding: 10px;
}

.content h1.h1home {
	border-bottom: 2px solid #6D6D6D;
	margin-bottom: 10px;
	padding-bottom: 2px;
	font-size: 17px;
	font-style:normal;
}
.content p {
	line-height: 18px;
	margin-bottom:1em;
}

.content ul {
	padding: 10px 20px 20px 40px;
	line-height: 18px;
}

.content li {
	padding: 10px 0 0;
}

.content .nowspace li {
	padding: 0px 0 0;
}
.content .nowspace {
	padding: 10px 20px 0px 40px;
}

.content table td {padding:10px 5px;}


.events {
	float: left;
	width: 271px;
	margin: 10px 0 0;
}
#events {
	display: block;
	background: url(../images/events.jpg) left top no-repeat;
	height: 20px;
}
.events p {
	color: #4c4c4c;
	line-height: 12px;
	font-size: 10px;
	padding:0px;
	margin:0px;
	margin-bottom:0.5em;
}
.news {
	float: left;
	width: 271px;
	margin: 10px 0 0;
}
#news {
	display: block;
	background: url(../images/news.jpg) right top no-repeat;
	height: 20px;
}
.news p {
	color: #4c4c4c;
	text-align: right;
	line-height: 12px;
	font-size: 10px;
	padding:0px;
	margin:0px;
	margin-bottom:0.5em;
}
.news a, .events a {
	color: #4c4c4c;
	text-decoration: none;
}
.news a:hover, .events a:hover {
	color: black;
}

/* footer */

.footer {
	background: #9f1c21;
	color: white;
	font-size: 10px;
	padding: 5px 0;
	text-align: left;
}
.footer a {
	padding: 0 0 0 10px;
	color: white;
}
.footer a:hover {
	text-decoration: none;
}
#webdesign {
	float: right;
	padding: 0 10px 0 0;
}
#webdesign a {
	padding: 0;
}
#cro {
	color: #666;
	padding: 10px 0 30px;
	font-size: 10px;
}

/* contactform */

#contactform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#contactform textarea, #contactform input, #contactform select {
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #6c6c6c;
	padding: 1px 2px;
	width: 150px;
}
#contactform textarea {
	width: 200px;
	height: 80px;

}
#contactform p {
	clear: both;
	padding: 5px 0 0;
}
#contactform label {
	display: block;
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 10px;
}
#contactform .submit, #contactform .reset {
	margin-left: 150px;
	width: 80px;
	background: #991b1f;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
#contactform .reset {
	margin-left: 40px;
	color: #d9dde7;
}

#contactform .check {
	border: 0px solid #fff;
	width: 20px;
	margin-left: 160px;
}

/*-------------user group form--------------*/

.maincontact {border:0px solid #000;width:300px;float:right;margin-right:0px;margin-top:1em;
background: url(../images/usergroup.jpg) right top no-repeat; margin-top: 30px; padding-top: 30px;}
.maincontact fieldset {border:0px;}
.maincontact ul {margin:0px;padding:0px;list-style-type:none;}
.maincontact ul li {clear:both;margin-bottom:1em;}
.maincontact ul li span {clear:both;display:block;text-align:right;font-size:0.8em;color:#2e85a5;font-weight:bold;margin-right:40px;}
.maincontact ul li label {clear:left;float:left;width:100px;text-align:right;padding-right:10px;margin-bottom:0.1em; font-size: 9px;}
.maincontact ul li input.text {float:left;width:150px;margin-bottom:0em;}
.maincontact ul li textarea {float:left;width:150px;height: 50px;margin-bottom:0em;}
.maincontact ul li input.submit {}

.maincontact .submit, #contactform .reset {
	width: 80px;
	background: #991b1f;
	color: white;
	font-weight: bold;
}

#usp {
	position:relative;
	width:543px;
	height:276px;
	margin:0px;
	padding:0px;
	z-index: 5;
}

.content img, .content map {border:0px;}

#crmindexlink {position:absolute;top:0px;left:272px;display:block;z-index:10;width:271px;height:276px;background-color:transparent;}
#csindexlink {position:absolute;top:0px;left:0px;display:block;z-index:10;width:271px;height:276px;background-color:transparent;}

#main {height:450px;width: 814px;background-color: #fff;position:relative;}
#main a {position: absolute;display:block;top: 12px; left: 0px;}
#main a#gateusp01 {width:400px;height:204px;background: #fff url(../images/gate_usp01.jpg) 0px 0px no-repeat;}
#main a#gateusp02 {left:410px;width:404px;height:204px;background: #fff url(../images/gate_usp02.jpg) 0px 0px no-repeat;}
#main a#gateusp03 {top:224px;width:400px;height:202px;background: #fff url(../images/gate_usp03.jpg) 0px 0px no-repeat;}
#main a#gateusp04 {top:224px;left:410px;width:404px;height:202px;background: #fff url(../images/gate_usp04.jpg) 0px 0px no-repeat;}
#main a#gateusp01:hover,
#main a#gateusp02:hover {background-position: 0px -204px;}
#main a#gateusp03:hover,
#main a#gateusp04:hover{background-position: 0px -202px;}
#main a span {display:none;}

#pemac, #cs-crm {width:400px;float:left;}
#topmainemail, #topcsemail, #topcrmemail {display:block;position:absolute;top:17px;left:600px;height:20px;width:214px;}

