/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#767676; font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a{background:#FEFEFE; color:#0083A6; text-decoration:none;}
a:hover{background:#ffffff; color:#0083A6; text-decoration:underline;}


#topPan{width:780px; height:230px; background:url(images/logo.jpg) 0 100% no-repeat; position:relative; margin:0 auto;} 

#topHeaderPan {width:332px; height:231px; position:relative;}
#topHeaderPan img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
#topHeaderPan ul{width:298px; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
#topHeaderPan ul li{width:74px; height:59px; background:url(images/menu-div.gif) 100% 0 no-repeat; float:left;} 
#topHeaderPan ul li a{width:73px; height:59px; display:block; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeaderPan ul li a:hover{width:73px; height:59px; text-decoration:none;}
#topHeaderPan ul li.company{width:74px; height:59px; text-decoration:none; text-align:center; line-height:59px;}
#topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 

#toprightPan{width:700px; height:218px; position:absolute; top:13px; left:0px;}
#toprightPan ul{width:550px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #000000; float:left;}

#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.about a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.services{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.services a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.services a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.support{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.support a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.support a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}

#toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-normal.gif) 50% 20% no-repeat #fff; color:#000000; border:none; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-normal.gif) 50% 20% no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-hover.gif) 50% 20% no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:750px; position:relative; margin:0 auto;}
/*----BODY LEFT PANEL----*/
#bodyleftPan{width:380px; float:left;}
#bodyleftPan h2{width:300px; height:30px; font:26px/26px Georgia, "Times New Roman", Times, serif; background:#fff; color:#0083A6; margin:20px 0 0;}
#bodyleftPan h3{width:196px; height:30px; font:26px/26px Georgia, "Times New Roman", Times, serif; background:#fff; color:#0083A6; margin:20px 0 0;}


#bodyleftPan p{padding:14px 28px 0 0;}
#bodyleftPan p.greentext{background:#fff; color:#0083A6; font-size:16px; font-weight:bold; padding:14px 0 0;}
#bodyleftPan p.bluetext{background:#fff; color:#0083A6; font-size:24px; padding:10px 0 0;}

#bodyleftPan ul{width:270px; height:24px; margin:20px 0 0;}
#bodyleftPan ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
#bodyleftPan ul li.more{width:119px; height:26px; float:left; margin-left: 210px;}
#bodyleftPan ul li a{width:100px; height:26px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding: 2px 0 0 20px}
#bodyleftPan ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}



/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyrightPan{width:320px; float:right;}
/*----Login Panel----*/
#ImagePan{width:280px; height:299px; float:left;}
#ImagePan2{width:120px; height:109px; float:right;}
#loginPan{width:280px; height:199px;}
#loginPan h2{width:230px; height:81px; display:block; background:url(images/icon.gif) 0 50% no-repeat #fff; color:#0083A6; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
#loginPan h2 span{background:#fff; color:#0083A6;}

#loginPan form{width:321px; height:76px; background:#0083A6; color:#ffffff; position:relative; border:1px #1E39AB; margin:0 0 0 18px; padding:6px 0 0;}
#loginPan form label{width:91px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
#loginPan form input{width:130px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}

#loginPan form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(images/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px;}

#loginPan ul{width:323px; height:25px; margin:6px 0 0 18px;}
#loginPan ul li{width:166px; height:25px; float:left;}
#loginPan ul li.nonregister{width:156px; height:25px; float:left; background:url(images/not-memberbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}
#loginPan ul li.register{width:165px; height:25px; float:left; background:url(images/new-registerbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; margin:0 0 0 1px;}
#loginPan ul li.register a{width:141px; height:25px; display:block; background:url(images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px; color: #fff;}
#loginPan ul li.register a:hover{background:url(images/arrow2.gif) 95% 60% no-repeat; text-decoration:none;}

/*----Login Panel----*/
#loginBottomPan{width:359px; height:25px;}

/*----/Login Panel----*/
/*----Services Panel----*/
#servicesPan{width:359px; height:21px;}
#servicesBodyPan{width:359px;}
#servicesBodyPan p{padding:10px 25px 0 34px;}
#servicesBodyPan p.services{width:140px; height:60px; font:30px/60px Georgia, "Times New Roman", Times, serif; background:#fff; color:#0083A6; margin:0 0 0 34px; padding:0px;}
#servicesBodyPan p.boldbrowntext{font-size:16px; font-weight:bold; padding:4px 25px 0 34px;}
#servicesBodyPan p.bluetext{background:url(images/servicesbody-bg.gif) 0 0 repeat-y #fff; color:#0083A6; font-size:15px; font-style:italic;}
#servicesBodyPan p.largebrowntext{font-size:30px; padding:10px 25px 10px 34px;}

#servicesBodyPan p.link{width:289px; height:23px; background:#546ECB; color:#ffffff; margin:0 36px ; padding:0px;}
#servicesBodyPan p.link a{width:289px; height:23px; display:block; background:#FFCC00; color:#ffffff; line-height:23px; text-decoration:none; text-align:center;}
#servicesBodyPan p.link a:hover{width:289px; height:23px; background:#0083A6; color:#ffffff; text-align:center; text-decoration:none;}

#servicesBottomPan{width:359px; height:25px; background:url(images/form-bottombg.gif) 0 0 no-repeat; padding:10px 0 0;}
/*----/Services Panel----*/
/*----FOOTER PANEL----*/
#footermainPan{height:51px; background:url(images/footerbg.gif) 0 0 repeat-x #705D20; color:#ffffff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:82px 0 0;}
#footerPan{width:748px; position:relative; margin:0 auto;}
#footerlogoPan{display:block; width:258px; height:50px; position:absolute; top:30px; right:15px;}

#footerPan ul{width:546px; position:absolute; top:0px; left:200px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#ffffff; background: #0083A6; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.validation{width:250px; background:#0083A6; color:#ffffff; display:block; position:absolute; top:45px; left:10px;}
#footerPan ul.validation li a{background:#0083A6; display:block; color:#ffffff; text-decoration:none;}
#footerPan ul.validation li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:auto; background: #0083A6; color:#ffffff; position:absolute; top:23px; left:245px;}

