/* CSS Document */
body{
	padding:0px;
	color:#707070;
	font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	width:877px;
	background-color: #CCC;
	background-image: url(../images/repeatxy_11518018.gif);
}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{width:78%; height:100px; position:relative; margin:0 auto; padding:0px;}

/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan{width:100%; background:#F4F4F4; color:#8D8D8D; float:left; padding:42px 0 0; clear:both;}

#bodytopPan{
	width:795px;
	position:relative;
	background:#F4F4F4;
	color:#707070;
	margin:0 auto;
	padding:0px;
	z-index:1;
	text-align: justify;
}
#bodytopPan h2{background:#F4F4F4; color:#6E6C00; font-size:24px; height:70px; line-height:70px;}
#bodytopPan p{padding:0 38px 11px 0;}
#bodytopPan p span{font-weight:bold;}
#bodytopPan p.more{margin:0 0 15px 618px; padding:0px;}
#bodytopPan p.more a{display:block;width:79px; height:28px; background:url(../images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#bodytopPan p.more a:hover{background:url(../images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}
/*----/BODY TOP PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymainmiddlePan{width:100%; background:#fff; color:#8D8D8D; float:left; padding:42px 0 0; clear:both;}

#bodymiddlePan{
	width:795px;
	position:relative;
	margin:0 auto 0 auto;
	background:#fff;
	color:#8D8D8D;
}
/*---Middle One----*/
#middleonePan{
	width:191px;
	float:left;
	padding-right:7px;
}
#middleonePan p{padding:0 0 20px 0;}
#middleonePan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#middleonePan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#middleonePan p.dotline{background:url(../images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middleonePan p.more{margin:0 0 40px 0px; padding:0px;}
#middleonePan p.more a{display:block;width:79px; height:28px; background:url(../images/redbutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#middleonePan p.more a:hover{background: url(../images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middleonePan ul{width:156px; padding:0 0 20px 0;}
#middleonePan ul li{width:156px; height:20px;}
#middleonePan ul li a{width:140px; height:20px; background:url(../images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middleonePan ul li a:hover{background:url(../images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}


#middleonePan ul.block{width:156px; height:151px; display:block; padding:0px;}
#middleonePan ul.block li{width:156px; height:151px;}
#middleonePan ul.block li a{
	width:126px;
	height:128px;
	display:block;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
	background-color: #FCFCFC;
	background-image: url(../images/software.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middleonePan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FCFCFC;
	background-image: url(../images/software-hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*---/Middle One----*/

/*---Middle Two----*/
#middletwoPan{
	width:191px;float:left;
	padding-right:7px;
}
#middletwoPan p{padding:0 0 20px 0;}
#middletwoPan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#middletwoPan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#middletwoPan p.dotline{background:url(../images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middletwoPan p.more{margin:0 0 40px 0px; padding:0px;}
#middletwoPan p.more a{display:block;width:79px; height:28px; background:url(../images/greenbutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#middletwoPan p.more a:hover{background: url(../images/pinkbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middletwoPan ul{width:156px; padding:0 0 20px 0;}
#middletwoPan ul li{width:156px; height:20px;}
#middletwoPan ul li a{width:140px; height:20px; background:url(../images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middletwoPan ul li a:hover{background:url(../images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middletwoPan ul.block{width:156px; height:151px; padding:0px;}
#middletwoPan ul.block li{width:156px; height:151px;}
#middletwoPan ul.block li a{
	width:126px;
	height:128px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
	background-color: #FCFCFC;
	background-image: url(../images/services.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middletwoPan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FCFCFC;
	background-image: url(../images/services_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Two----*/

/*---Middle Three----*/
#middlethreePan{
	width:191px;float:left;
	padding-right:7px;
}
#middlethreePan p{padding:0 0 20px 0;}
#middlethreePan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#middlethreePan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#middlethreePan p.dotline{background:url(../images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middlethreePan p.more{margin:0 0 40px 0px; padding:0px;}
#middlethreePan p.more a{display:block;width:79px; height:28px; background:url(../images/bluebutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#middlethreePan p.more a:hover{background: url(../images/redbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middlethreePan ul{width:156px; padding:0 0 20px 0;}
#middlethreePan ul li{width:156px; height:20px;}
#middlethreePan ul li a{width:140px; height:20px; background:url(../images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middlethreePan ul li a:hover{background:url(../images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middlethreePan ul.block{width:156px; height:151px; padding:0px;}
#middlethreePan ul.block li{width:156px; height:151px;}
#middlethreePan ul.block li a{
	width:126px;
	height:128px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
	background-color: #FCFCFC;
	background-image: url(../images/managed_services.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middlethreePan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FCFCFC;
	background-image: url(../images/managed_services_hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Threee----*/

/*---Middle Four----*/
#middlefourPan{
	width:191px;float:left;
	padding-right:7px;
}
#middlefourPan p{padding:0 0 20px 0;}
#middlefourPan p.boldtext{font-size:16px; background:#fff; color:#2B2A2A; font-weight:bold; padding:32px 0 0;}
#middlefourPan p.blacktext{background:#fff; color:#000; padding:0 0 12px 0;}
#middlefourPan p.dotline{background:url(../images/dot.line.gif) 0 0 repeat-x; width:156px; padding:0 0 12px 0;}

#middlefourPan p.more{margin:0 0 40px 0px; padding:0px;}
#middlefourPan p.more a{display:block;width:79px; height:28px; background:url(../images/pinkbutton.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#middlefourPan p.more a:hover{background: url(../images/greenbutton.gif) 0 0 no-repeat #fff; color:#111; text-decoration:none;}

#middlefourPan ul{width:156px; padding:0 0 20px 0;}
#middlefourPan ul li{width:156px; height:20px;}
#middlefourPan ul li a{width:140px; height:20px; background:url(../images/arrow1.gif) 0 8px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 16px;}
#middlefourPan ul li a:hover{background:url(../images/arrow2.gif) 0 8px no-repeat #fff; color:#272525; text-decoration:underline;}

#middlefourPan ul.block{width:156px; height:151px; padding:0px;}
#middlefourPan ul.block li{width:156px; height:151px;}
#middlefourPan ul.block li a{
	width:126px;
	height:128px;
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
	background-color: #FCFCFC;
	background-image: url(../images/certifications.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#middlefourPan ul.block li a:hover{
	color:#fff;
	text-decoration:none;
	background-color: #FCFCFC;
	background-image: url(../images/certifications-hover.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*---/Middle Four----*/

/*----FOOTER PANEL----*/
#footermainPan{height:214px; background:url(../images/footerbg.gif) 0 0 repeat-x #565656; color:#fff; clear:both;}
#footerPan{width:747px; position:relative; margin:0 auto;}
#footerPan img.footerlogo{width:186px; height:50px; position:absolute; top:93px; right:0px;}

#footerPan p.html{background:url(../images/html-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:115px; width:64px; height:22px; padding:3px;}
#footerPan p.html a{width:55px; height:18px; display:block; font-weight:bold; background:url(../images/arrow3.gif) 100% 50% no-repeat #F4F4F4; color:#565656; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.html a:hover{background:url(../images/arrow4.gif) 100% 50% no-repeat #F4F4F4; color:#565656; text-decoration:none;}

#footerPan p.css{background:url(../images/css-button.gif) 0 0 no-repeat; position:absolute; top:42px; right:55px; width:53px; height:19px; padding:3px;}
#footerPan p.css a{width:50px; height:18px; display:block; font-weight:bold; background:url(../images/arrow5.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none; text-transform:uppercase; padding:2px 0 0 5px;}
#footerPan p.css a:hover{background:url(../images/arrow2.gif) 90% 50% no-repeat #B3B3B3; color:#fff; text-decoration:none;}
#footerPan p.copyright{
	background:#565656;
	color:#fff;
	position:absolute;
	top:117px;
	left:26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}

#footerPan ul{width:500px; position:absolute; top:93px; left:14px;}
#footerPan li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:300px; background:#565656; color:#fff; display:block; position:absolute; font-size:12px; top:135px; left:26px;}
#footerPan ul.templateworld li a{background:#565656; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}


.top_info {
	float: right;
	width: 455px;
	padding: 5px 0 4px 0;
}

.top_info_right {
	float: right;
	width: 290px;
	padding: 0 0 0 0px;
	padding-bottom: 40px;
}

.top_info_right a{text-decoration:none}

.top_info_right a:hover{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color:#900;
}

.top_info_left {
	float: left;
	width: 140px;
	padding-bottom: 20px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.top_info_left a{
}

.top_info_left a:hover{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}

.support a{
	padding-left: 38px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	background-image: url(../images/user_manage.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.login a{
	padding-left: 38px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	background-image: url(../images/security_lock.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contact a{
	padding-left: 38px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.headergrey{
	background-color:#FFF;
	height:100px;
}
.logo {
	padding:20px;
}

#headertop p.phone{
	position:relative;
	top:-85px;
	left:386px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}

#ajax-banner {
	width: 877px;
	height: 35px;
	text-align: center;
	font-size:16px;
	background-color: #A20410;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	padding-top: 9px;
	padding-bottom: 4px;
}

#ajax-banner a{
	color: #0CF;
}

#flash-banner {
	width: 877px;
	height: 225px;
	text-align: center;
	background-color: #DEF;
	background-image: url(../banner/gradient.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}

#phonetop {
	position:relative;
	right:-430px;
	top:-40px;
	z-index:4;
}

#bodypages{
	width:100%;
	background:#fff;
	color:#333;
	float:left;
	clear:both;
}
#bodypages p{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#bodypages li{
	font-weight:normal;
	font-size: 13px;
	line-height: 20px;
	list-style-type: square;
	padding-left: 20px;
	margin-left: 50px;
}
#bodypages h2{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#FFF;
	background-color: #9C0;
	display:block;
	font-family: Arial;
	font-size: 20px;
	letter-spacing: -1px;
}
#bodypages h3{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#333;
	background-color: #CF9;
	display:block;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
}
#bodypages h4{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#333;
	background-color: #CFC;
	display:inline;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: -1px;
}
#bodypages a{
	color: #900;	
}
#bodypages a:hover{
	color: #00C;
}
#bodypages input:focus {  
	border-color: #000;  
	background-color: #FFFE9D;  
}  

#bodypages fieldset {
	border: 1px solid;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #000;
	background-color: #EEE;
	width:90%;
}

#bodypages legend
{
	color: #fff;
	border: 1px solid;
	font-size: 1.2em;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #333;
} 

#bodypages input {
border : 2px solid #000000; 
padding: 2px;
} 

#bodypages textarea {
height: 20em; padding: 3px; 
border: 2px solid #888;  
}

#thumbnail{
	width:100%;
	float:none;
	clear:both;
	background-color: #360;
}
#thumbnail img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-left: 5px;
}
#thumbnail a{
	padding: 0px;  	
}

#bodypages table{
	border: 0px solid #999;
}
#bodypages .tabheader {
	padding: 0px;
	font-weight: bold;
	background-color: #FFC;
	color: #333;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}

#bodypages .tabsubheader {
	padding: 0px;
	font-weight: bold;
	background-color: #FFFFF2;
	color: #666;
}

#bodypages blockquote{
	padding:5px 10px 5px 10px; margin:10px;color:#000000;font-weight:normal;background-color: #F6F3ED;border:1px solid #D4D4D4;
}

#bodypages .features{
	margin:10px;
	color:#000000;
	font-weight:normal;
	border:none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: square;
	line-height: 30px;
}

#bodypages .demosheets{
	border:thin solid #060;
	padding-bottom: 5px;
	background-color: #F2FFEC;
	margin-left:10px;
	margin-bottom:10px;
}

#bodypages .demosheets h2{
	background-color: #330;
	color: #FFF;
	text-align: center;
	font-size: 15px;
}

#bodypages .demobutton{
	color:#fff;
	line-height:24px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color: #F60;
	background-image: url(../images/Screen.png);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 65px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#bodypages .datasheetbutton{
	color:#fff;
	line-height:24px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color: #F60;
	background-image: url(../images/Document.png);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 65px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#bodypages .quotebutton{
	color:#fff;
	line-height:24px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color: #F60;
	background-image: url(../images/Write.png);
	background-repeat: no-repeat;
	background-position: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 65px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#bodypages .demobutton a, #bodypages .datasheetbutton a, #bodypages .quotebutton a{ text-decoration:none; 	color:#fff;}

#bodypages .demobutton a:hover,#bodypages .datasheetbutton a:hover,#bodypages .quotebutton a:hover{
	text-decoration:none;
	color: #F30;
	background-color: #FFF;
}

#bodypages .indentblock{
	margin:10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#menu2wrapper{
	text-align:center;
	background-color: #666;
	font-weight: 600;
	font-variant: small-caps;
	color: #FFF;
	font-size: large;
	line-height: 40px;
	padding-bottom:20px;
}
#menu2{
	width:612px;
	padding:0px;
	margin:auto;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	position:relative;

}

.trStyle{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#333;
	background-color: #CF9;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: -1px;
}

#rightcol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:100; 
}