/* CSS Document */ body{padding:0px; margin:17px 0 0; background:url(http://projectcoordinatingservices.com/images/mainbg.gif) 0 0 repeat-x #F3F3F3; color:#6D6D6D; font:14px/18px Arial, Helvetica, sans-serif;} div, p, ul, li, h1, h2, h3, h4{ padding:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } ul{list-style-type:none;} /*----MAIN PANEL----*/ #mainPan{ width:778px; position:relative; height: auto; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /*----TOP PANEL----*/ #topPan{width:778px; height:300px; background:url(http://projectcoordinatingservices.com/images/topbg.jpg) 0 0 no-repeat; position:relative; margin:0 auto;} #topPan img.logo{width:313px; height:90px; position:absolute; top:26px; left:8px;} #topPan h1{ width:390px; height:104px; display:block; color:#fff; position:absolute; top:114px; left:0px; font-size:13px; font-weight:bold; line-height:14px; padding:47px 180px 0 53px; background-image: url(http://projectcoordinatingservices.com/images/header1.jpg); background-repeat: no-repeat; background-position: 0 0; } #topPan h2{width:500px; height:25px; display:block; position:absolute; bottom:0px; left:53px; background:#fff; color: #95db53; font: 22px/25px "Lucida Grande", Lucida, Verdana, sans-serif;} #topPan ul{width:438px; height:16px; display:block; position:absolute; top:75px; right:10px;} #topPan ul li{width:59px; height:16px; float:left;} #topPan ul li a{width:47px; height:16px; display:block; background:url(http://projectcoordinatingservices.com/images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; font-size:13px; text-decoration:none; padding:0 0 0 12px;} #topPan ul li a:hover{background:url(http://projectcoordinatingservices.com/images/arrow4.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;} #topPan ul li.about{width:auto;} #topPan ul li.about a{width:auto; height:16px; display:block; background:url(http://projectcoordinatingservices.com/images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; font-size:12px; text-decoration:none; padding:0 10px 0 12px;} #topPan ul li.about a:hover{background:url(http://projectcoordinatingservices.com/images/arrow4.gif) 0 6px no-repeat #fff; color:#FF9900; text-decoration:none;} #toprightPan{width:300px; height:151px; background:url(http://projectcoordinatingservices.com/images/specialbg.jpg) 0 0 no-repeat #F3F3F3; color:#fff; position:absolute; top:114px; right:-2px;} #toprightPan p{padding:60px 76px 0 59px; font-size:14px; font-weight:bold; line-height:16px;} #toprightPan p.more{padding:13px 0 0; font-size:13px; font-weight:bold;} #toprightPan p.more a{width:130px; height:23px; display:block; background:url(http://projectcoordinatingservices.com/images/viewmore.gif) 0 0 no-repeat #EFBA00; color: #59a03f; line-height:21px; text-decoration:none; margin:0 0 0 56px; padding:0 0 0 35px;} #toprightPan p.more a:hover{display:block; background:url(http://projectcoordinatingservices.com/images/viewmore-hover.gif) 0 0 no-repeat #EFBA00; color: #ffa100; text-decoration:none;} /*----/TOP PANEL----*/ /*----BODY PANEL----*/ #bodyTopPan{ width:778px; height:150px; position:relative; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #bodyTopPan p{padding:43px 53px 0;} #bodyTopPan p span{font-weight:bold;} #bodyTopPan p.more{width:73px; height:26px; background:url(http://projectcoordinatingservices.com/images/morebg.gif) 0 0 no-repeat; position:absolute; bottom:9px; right:105px; padding:0px;} #bodyTopPan p.more a{display:block; width:48px; height:20px; background: url(http://projectcoordinatingservices.com/images/arrow1.gif) 100% 50% no-repeat #fff; color: #59a03f; font-size:13px; font-weight:bold; text-decoration:none; margin:3px 0 0 12px;} #bodyTopPan p.more a:hover{background: url(http://projectcoordinatingservices.com/images/arrow2.gif) 100% 50% no-repeat #fff; color: #ffa100; text-decoration:none;} /*----Body Left Panel---*/ #leftPan{ width:538px; height: 830px; float:left; background:url(http://projectcoordinatingservices.com/images/body-bottombg.gif) bottom left no-repeat #fff; color:#6D6D6D } #leftPan ul{width:538px; height:22px; background:url(http://projectcoordinatingservices.com/images/togel.gif) 0 0 no-repeat; margin:0px; padding:0px;} #leftPan ul li{width:110px; height:52px; float:left;} #leftPan ul li a{width:110px; height:18px; display:block; background:#fff; color:#6D6D6D; text-decoration:none; font: 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #leftPan ul li a:hover{background:#fff; color: orange; text-decoration:none;} #leftPan ul li.positioncommunity{padding:16px 0 0 50px; background:#fff; color: #59a03f; font: 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #leftPan ul li.positionsolutions{padding:16px 0 0 100px;} #leftPan ul li.positionmeetings{padding:16px 0 0 40px;} #leftPan ul.next{background:none;} #leftPan ul.next li{ width:450px; height:auto; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 50px; } #leftPan ul.next li a{ height:auto; width:430px; background:url(http://projectcoordinatingservices.com/images/buttet1.gif) 0 11px no-repeat #fff; color:#6D6D6D; font-size:11px; line-height:16px; text-decoration:none; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } #leftPan ul.next li a:hover{height:auto; background:url(http://projectcoordinatingservices.com/images/buttet2.gif) 0 11px no-repeat #fff; color:#B88F00; line-height:16px; text-decoration:none;} #leftPan h2{ width:350px; height:41px; display:block; background:url(http://projectcoordinatingservices.com/images/icon12.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:12px; line-height:18px; font-weight:bold; text-transform:uppercase; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 53px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 52px; } #leftPan h2 span{font-size:12px; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;} #leftPan h3{ width:150px; height:30px; display:block; color:#3D3D3D; font:18px/22px "Arial", Helvetica, sans-serif; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 50px; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; background-image: url(http://projectcoordinatingservices.com/images/icon4.gif); padding-left: 30px; } #leftPan h3 span{ font-size:12px; font-weight:normal; background:#fff; color:#666666; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } #leftPan h4{width:250px; height:41px; display:block; background:url(http://projectcoordinatingservices.com/images/icon1.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 0 53px; padding:0 0 0 52px; text-transform:uppercase;} #leftPan h4 span{font-size:12px; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;} #leftPan p{padding:20px 53px 0;} #leftPan p span{font-weight:bold;} #leftPan p.bottompadding{padding:160px 53px;} #bodyleftlinkboxonePan{width:428px; height:50px; display:block; margin:25px 0 0 53px; padding:0px;} #bodyleftlinkboxonePan ul{width:428px; height:28px; background:none; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;} #bodyleftlinkboxonePan ul li{display:block; width:148px; height:34px; float:left;} #bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(http://projectcoordinatingservices.com/images/icon2.gif) 0 0 no-repeat #fff; color:#1A5BB2; font-size:14px; font-weight:normal; padding:0 0 0 35px;} #bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;} #bodyleftlinkboxonePan ul li.continue{float:left; width:150px; height:34px; background:url(http://projectcoordinatingservices.com/images/icon3.gif) 0 0 no-repeat; padding:2px 0 0 35px; } #bodyleftlinkboxonePan ul li.continue a{display:block; width:150px; height:18px; background:#fff; color:#1A5BB2; font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; } #bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; color:#B88F00; text-decoration:none;} #bodyleftlinkboxtwoPan{width:428px; height:50px; display:block; margin:25px 0 0 53px; padding:0px;} #bodyleftlinkboxtwoPan ul{width:428px; height:28px; background:none; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;} #bodyleftlinkboxtwoPan ul li{display:block; width:148px; height:34px; float:left;} #bodyleftlinkboxtwoPan ul li.comments{width:110px; height:28px; display:block; background:url(http://projectcoordinatingservices.com/images/icon2.gif) 0 0 no-repeat #fff; color:#1A5BB2; font-size:14px; font-weight:normal; padding:0 0 0 35px;} #bodyleftlinkboxtwoPan ul li.comments span.boldtext{font-weight:bold;} #bodyleftlinkboxtwoPan ul li.continue{float:left; width:150px; height:34px; background:url(http://projectcoordinatingservices.com/images/icon3.gif) 0 0 no-repeat; padding:2px 0 0 35px; } #bodyleftlinkboxtwoPan ul li.continue a{display:block; width:150px; height:18px; background:#fff; color:#1A5BB2; font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; } #bodyleftlinkboxtwoPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; color:#B88F00; text-decoration:none;} /*----/Body Left Panel---*/ /*----Body Right Panel---*/ #bodyrightPan{width:240px; height:auto; float:left;} #bodyrightPan h2{height:55px; font: normal 22px/55px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background:#F3F3F3; color: #59a03f; margin:0 0 0 44px;} #bodyrightPan p{padding:11px 75px 0 44px;} #bodyrightPan p.toppadding-rightpantext{padding:33px 67px 0 44px;} #bodyrightPan p span{padding:11px 0 25px 0; font-size:12px; font-weight:bold;} /*----/Body Right Panel---*/ /*----FOOTER PANEL---*/ #footermainPan{height:195px; background:url(http://projectcoordinatingservices.com/images/footerbg.gif) 0 0 repeat-x; clear:both;} #footerPan{width:778px; height:150px; display:block; position:relative; margin:0 auto; color:#fff; background:url(http://projectcoordinatingservices.com/images/footerbg.gif) 0 0 repeat-x #979797; font-family:Tahoma,Arial, Helvetica, sans-serif;} #footerPan p{padding:51px 0 0;} #footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;} #footerPan p.copyright{ background:#979797; display:block; position:absolute; top:124px; left:275px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;} #footerPan ul{width:551px; display:block; position:absolute; left:150px; top:5px; padding:0; } #footerPan li{float:left; font:13px/18px Arial, Helvetica, sans-serif; font-weight:normal;} #footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#979797; text-decoration:none;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan ul.info{width:600px; height:auto; display:block; position:absolute; left:151px; top:29px; padding:0;} #footerPan ul.info li{display:block; width:109px;} #footerPan ul.info li.address{width:100px; background:url(http://projectcoordinatingservices.com/images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-size:10px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 10px;} #footerPan ul.info li.phone{width:auto; background:url(http://projectcoordinatingservices.com/images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 0 15px; font-weight:bold;} #footerPan ul.info li.fax{width:auto; background:#979797; color:#353535; font-size:10px; padding:0 0 0 10px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold;} #footerPan ul.info li.social{width:auto; background:#979797; color:#353535; padding:0 0 0 10px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold;} #footerPan ul li span{background:#979797; color:#FFDB5D; font-size:10px; font-weight:bold; line-height:18px;} #footerPan ul.templateworld{width:250px; background:#979797; color:#fff; display:block; position:absolute; top:140px; left:6px;} #footerPan ul.templateworld li{widows:150; font-size:11px;} #footerPan ul.templateworld li a{background:#979797; display:block; color:#fff; text-decoration:none;} #footerPan ul.templateworld li a:hover{text-decoration:underline;}