@charset "utf-8";
/* CSS Document */

body{ font-family:Verdana, Helvetica, sans-serif; color:#535353; text-align:justify; font-size:11px; background:url(../images/bg.gif) #01224f;}
p{margin:0 0 5px 0;}
ul { margin:0px; padding:0px;}
li { list-style:none; display:block; }
li ul li { padding:0px; margin:0px; display:block;}
h1,h2,h3,h4,h5,h6{margin:0 0 5px 0; color:#333;}
 
a{ text-decoration:none; color:#666666}
a:hover{ text-decoration:none; color:#990000;}

h1 { font-size:18px;}
h2 { font-size:16px;}
h3 { font-size:14px;}
h4 { font:12px bold; color:#0066CC;}
.bluecolor { color:#1670a9;}
.line { border-bottom:#999999 1px solid;}
.rightpanel .topline { border-top: #CCCCCC 1px solid; width:200px; display:block;}
.dashline { border-bottom:#999999 1px dashed; width:200px;}
.bottomline { border-bottom:#CCCCCC 1px solid; }
.bottomline2 { border-bottom:#CCCCCC 1px solid; margin:0 0 10px 0px; }
.connect{margin:0 0 0 0px; padding:5px 0 0 0px;}
.head01 { margin:5px 0 5px 0px; color:#0066cc;} 
.head02 { margin:0px; color:#333; font-weight:bold;}



.gplogo { background:url(../images/logo.png) no-repeat; width:176px; height:68px; margin:-50px 0 0 55px; position:absolute;  }

.header{ height:105px; margin:0 0 0 0px;}
 
.header .logo { width:220px; margin:0 0 0 480px;}
.header .menu { margin:60px 0 0 30px;} 
.header .menu_left { background:url(../images/menu_left.png) no-repeat; width:10px; height:42px; position:absolute;}
.header .menu_right { background:url(../images/menu_right.png) no-repeat; margin:0 0 0 880px; width:10px; height:42px; position:absolute;}
.header .menubg{margin:0px 0 0 10px; position:absolute; width:870px; height:42px; background:url(../images/menubg.png) repeat-x;}
.header .menucon { margin:0 0 0 430px; padding:0px; width:500px; font-size:14px;}
.menu .menutext{ margin:-5px 0 0 0px;}
.homegap {margin:0px 0 0 0px; border:px #0033CC solid;}
.aboutgap {margin:0px 0 0 18px;}
.busgap {margin:0 0 0 25px;}
.careergap {margin:0 0 0 17px;}
.contactgap {margin:0 0 0 0px;}
.header .separator{margin:0 0 0 -25px; width:500px; position:absolute; border:0px solid #000099;}
.sep01{ margin:0 0 0 10px;}
.sep02{ margin:0 0 0 72px;}
.sep03{ margin:0 0 0 88px;}
.sep04{ margin:0 0 0 117px;}
.sep05{ margin:0 0 0 78px;}

.header .menubg ul{ margin:0px 0 0 180px;}
.header .menubg ul li{width:100px; height:42px; float:left; margin:0px; background: url(../images/separator.png) no-repeat left; background-position: 0 -0px; text-align:right; font-size:13px;  }
 

/*banner*/

.banner{text-align:center; width:875px; height:305px; margin:0 0 0 37px; border:0px solid #FF0000;}
.bannerpic { margin:-15px 0 0 0px;} 
 

/*Middle con*/

.midcon { margin:25px 0 0 38px; font:14px Verdana;}
.content { font:12px Verdana, Arial, Helvetica, sans-serif; margin:0px; line-height:18px; }
.readmore { text-align:right; margin:-30px 0 0 0px;}
  
/*right panel*/
.rightpanel{ margin:0 0 0 10px; background:#eeeeee;}
.rightpanel2{ margin:0px; background:#fff; border:0px solid #999999;}
.rightpanel .button { margin:6px;}
.rightpanel .button ul{}
.rightpanel .button ul li{ width:160px; height:31px; margin:0px; padding:6px 0 0 30px; background:url(../images/buttonbg.jpg) no-repeat; background-position:0 0px; font-size:13px;}
.rightpanel .button .subhead01{background:none; width:250px; margin:5px 0 0 0px; padding:0px;color:#0066cc;} 
.rightpanel .update{}
.rightpanel .update ul{ margin:10px 0 0 0px;}
.rightpanel .update ul li{ padding:0px; margin:0 0 8px 0px;  background-position: 0 .3em; font:11px Verdana, Arial, Helvetica, sans-serif;}
.rightpanel .update .currenthead{ background:url(../images/update.jpg) no-repeat; padding:7px 0 0 40px;}

/*Quick links*/
.quick { border-top:#afafaf 1px solid; padding:10px 0 0 0px; border-bottom:#d7d7d7 1px solid;  color:#000000;}
.quick .quicklinks{border-right:#afafaf 1px solid; }
.quick .quicklinks ul{ height:90px;}
.quick .quicklinks ul li{background:url(../images/arrow01.jpg) no-repeat; background-position:0 3px; font-size:11px; height:22px; padding:0px 2px 0 15px; float:left; width:124px;}
.quick .news{border-right:#afafaf 1px solid; }
.quick .newshead{background:url(../images/quick_link_bg.png) no-repeat; background-position:0 0px; font-size:14px; height:18px; padding:8px 0 0 10px; margin:0 5px 8px 0px;}
.quick .ournetworkhead{ background:url(../images/quick_link_bg.png) no-repeat; background-position:0 2px; font-size:14px; height:18px; padding:8px 0 0 10px; margin:0 5px 8px 0px; width:150px}
.quick .quickhead { background:url(../images/quick_link_bg.png) no-repeat; background-position:0 0px; font-size:14px; height:18px; padding:8px 0 0 15px; border-bottom:0px dotted #333333; margin:0 5px 8px 0px;}
.qucik .ournetwork{}
.worldmap{ position:absolute;}
.location { margin:-30px 0 0 190px; font-size:12px; color:#666666;}
.location ul{}
.location ul li{background:url(../images/arrow03.jpg) no-repeat; background-position:0 5px; padding:0px 0 0 10px; line-height:16px; margin:0 0 5px 0px;}

.icon01, .icon02, icon03, icon04{position:absolute;}
.icon01 { background:url(../images/light.png) no-repeat; width:23px; height:24px; position:absolute; margin:-9px 0px 0 0px;}
.icon02 { background:url(../images/book.png) no-repeat; width:26px; height:27px; position:absolute; margin:-13px 0 0 0px;}
.icon03 { background:url(../images/globalicon.png) no-repeat; width:25px; height:27px; position:absolute; margin:-13px 0 0 0px;}



/*footer*/
.footer{margin:0px 0 0 20px; width:928px;}
.footer .socialnetwork { position:absolute;}
.footer .socialnetwork ul{ margin:10px 0 0 20px;}
.footer .socialnetwork ul li{ float:left; margin:0 0px 0 2px;}
.footer .copy { margin:20px 0 10px 20px;}
.ma { position:absolute; margin:-25px 0 0 750px;}


/* Bitumen  */

.bitumen_table{ width:640px; border:0px solid #000066;}
.bitumen_table ul{}
.bitumen_table ul li{ float:left; width:210px; font-size:10px;}
 

/*Light box*/

.lightbox{}
.lightbox_header {background: url(../images/lightbox_header.jpg) top left no-repeat; width:269px; height:46px; padding:10px 0 0 15px; font-size:16px; color:#FFFFFF;}
.lightbox_con { padding:0 0 0 5px; font-size:14px;}
.lightbox_con ul li{ float:left; width:300px; }

 
/* careers */

.apply { margin:0 0 0 700px;}

/*contact */
.contact {}
.contact ul{}
.contact ul li{ width:420px; border:0px solid #0000CC; float:left; margin:0 10px 20px 0px;}
.contact .flag {float:left; width:90px;}
.contact .address{width:325px; color:#333; line-height:15px; font-size:11px; padding:5px 5px 5px 10px; margin:0px 0 0 5px; border:0px solid #CCCCCC;}
.contact .address a{ color:#333; text-decoration:none;}
.contact .address a:hover{ color:#0066CC;}