/*-----------------------------------------------------
-- # Created by wrx 1/15/2010
-- # This file is Creative Commons Attribution-Share Alike 3.0
-- # Attribution — You must attribute the work in the manner specified by the author or licensor 
     (but not in any way that suggests that they endorse you or your use of the work).
   # Share Alike — If you alter, transform, or build upon this work, you may distribute the 
     resulting work only under the same, similar or a compatible license.
-- # Filename : style.css
-----------------------------------------------------*/

body{padding:0px; margin:0px; background:url(t1_images/mainbg.gif) 0 0 repeat-x #fff; color:#333333; 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:#333333; color:#fff; text-decoration:none;}
a:hover{background:#333333; color:#fff; text-decoration:underline;}


#topPan{width:748px; height:231px; position:relative; margin:0 auto;} 

#topHeaderPan {width:332px; height:231px; background:url(t1_images/header.jpg) 0 100% no-repeat; 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(t1_images/menu-div.gif) 100% 0 no-repeat; float:left;} 
#topHeaderPan ul li a{width:73px; height:59px; display:block; background:url(t1_images/topmenubg.gif) 0 0 repeat-x #fff; color:#333333; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
#topHeaderPan ul li a:hover{width:73px; height:59px; background:url(t1_images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none;}
#topHeaderPan ul li.company{width:74px; height:59px; background:url(t1_images/company-bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center; line-height:59px;}
#topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 

#toprightPan{width:417px; height:218px; background:url(t1_images/rightsidebg.jpg) 0 0 no-repeat; position:absolute; top:13px; right:0px;}
#toprightPan ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}
#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(t1_images/icon1.gif) 50% 0 no-repeat #fff; color:#333333; padding:29px 0 0;}

#toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(t1_images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#333333; 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(t1_images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#333333; 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(t1_images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#993300; 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(t1_images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#333333; 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(t1_images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#333333; 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(t1_images/icon3-hover.gif) 50% 0 no-repeat #fff; color:#993300; padding:29px 0 0; text-decoration:none;}


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

/*----BODY PANEL----*/
#bodyPan{width:748px; position:relative; margin:0 auto;}
/*----BODY LEFT PANEL----*/
#bodyleftPan{width:331px; float:left;}
#bodyleftPan h2{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#333333; margin:43px 0 0;}
#bodyleftPan h3{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#333333; margin:20px 0 0;}


#bodyleftPan p{padding:14px 28px 0 0;}
#bodyleftPan p.greentext{background:#fff; color:#993300; font-size:16px; font-weight:bold; padding:14px 0 0;}
#bodyleftPan p.browntext{background:#fff; color:#333333; 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:118px; height:24px; float:left;}

/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyrightPan{width:359px; float:left;}
/*----Login Panel----*/
#loginPan{width:359px; height:199px; background:url(t1_images/formbg.gif) 0 0 repeat-y;}
#loginPan h2{width:230px; height:81px; display:block; background:url(t1_images/icon.gif) 0 50% no-repeat #fff; color:#333333; 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:#993300;}

#loginPan form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; 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(t1_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(t1_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(t1_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(t1_images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px;}
#loginPan ul li.register a:hover{background:url(t1_images/arrow2.gif) 95% 60% no-repeat; text-decoration:none;}
/*----/Login Panel----*/
#bodyrightPan p.hours{width:323px; height:83px; margin:33px 0 33px 18px;}
#bodyrightPan p.hours a{width:323px; height:83px; display:block; background:url(t1_images/24hours.gif) 0 0; text-indent:-2000px;}
#bodyrightPan p.hours a:hover{width:323px; height:83px; background:url(t1_images/24hours.gif) 0 0; text-indent:-2000px;}
/*----Login Panel----*/
#loginBottomPan{width:359px; height:25px; background:url(t1_images/form-bottombg.gif) 0 0 no-repeat;}

/*----/Login Panel----*/
/*----Top Users Panel----*/
#servicesBodyPan b.coltext{ color:#ffffff; font-weight:normal; line-height:20px; text-align:left;}
#servicesBodyPan tr.coltext{ background: #333333; color:#ffffff; font-weight:normal; line-height:20px; text-align:left;}

#servicesPan{width:359px; height:21px; background:url(t1_images/servicestop-bg.gif) 0 0 no-repeat;}
#servicesBodyPan{width:359px; background:url(t1_images/servicesbody-bg.gif) 0 0 repeat-y;}
#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:#006EA6; 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(t1_images/servicesbody-bg.gif) 0 0 repeat-y #fff; color:#333333; font-size:15px; font-style:italic;}
#servicesBodyPan p.largebrowntext{font-size:30px; padding:10px 25px 10px 34px;}
#servicesBodyPan b.greentext{background:url(t1_images/servicesbody-bg.gif) 0 0 repeat-y #fff; color:#993300; font-size:16px; font-weight:bold; padding:14px 0 0;}
#servicesBodyPan p.link{width:289px; height:23px; background:#FCF6E6; color:#705D20; margin:0 36px ; padding:0px;}
#servicesBodyPan p.link a{width:289px; height:23px; display:block; background:#FCF6E6; color:#705D20; line-height:23px; text-decoration:none; text-align:center;}
#servicesBodyPan p.link a:hover{width:289px; height:23px; background:#F9E09F; color:#705D20; text-align:center; text-decoration:none;}

#servicesBottomPan{width:359px; height:25px; background:url(t1_images/form-bottombg.gif) 0 0 no-repeat; padding:10px 0 0;}
/*----/Top Users Panel----*/
/*----FOOTER PANEL----*/
#footermainPan{height:80px; background:url(t1_images/footerbg.gif) 0 0 repeat-x #333333; color:#fff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:72px 0 0;}
#footerPan{width:748px; position:relative; margin:0 auto;}

#footerPan ul{width:748px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(t1_images/footermenubg.gif) 0 0 repeat-x #333333; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p.onlineusers{width:auto; background: 0 0 repeat-x #333333; color:#fff; position:absolute; top:23px; left:10px;}
#footerPan p.copyright{width:auto; background: 0 0 repeat-x #333333; color:#fff; position:absolute; top:43px; left:10px;}