



body {font-family: 'MyriadProRegular';font-size:15px;color:#58595b;line-height:25px;}



a {text-decoration:none;outline:0;}



p, img  {margin:0 0 20px 0;line-height:30px;}



h1, h2, h3, h4, h5, h6, b, address {font-family: 'MyriadProSemibold';font-weight: normal;color:#282B81;}



h1 {font-family: 'MyriadProBoldItalic';font-size:32px;margin:0 0 35px 0;background:url(img/h1.png) no-repeat left top;padding-left:40px;line-height:28px;height:23px;}



h2 {font-size:27px;}



h3 {font-size:24px;}



h4 {font-size:21px;}



h5 {font-size:18px;}



h6 {font-size:15px;}



address {font-style: normal;color:#333;}



a {outline:none;}



a { blr:expression(this.onFocus=this.blur()) } /* ie hack */



a {color:#282B81}



a:hover {color:#4e5bb2;}



a.underline {text-decoration: underline;color:#55d;font-family: 'MyriadProSemibold';}



a:hover.underline {color:#33c;text-decoration: none;}



hr {margin-bottom:30px;}



.address address {font-size:14px;}



.address .inside {font-size:13px;}



/*-----------------------------------------------



  Header



--------------------------------------------------*/



.header {



	width:100%;



	border-top:10px solid #282B81;



	background:url(img/header-bg.png) repeat-x;



	height:200px;



}







.logo {background-image:url(img/ppilogo3.gif);display:block;width:370px;height:155px;text-indent:-9999px;margin-top:30px;}


.partner-top {height:80px;display:block;margin-top:25px;}


.partner-top a {background:url(img/ppi-season-logo.png);width:110px;height:85px;display:block;text-indent:-9999px;float:right;}



/*-----------------------------------------------



  Main menu



--------------------------------------------------*/



.main-nav {float:right;height:37px;display:inline;}



.main-nav li {float:left;position:relative;display:inline;z-index:30000;line-height:18px;}



.main-nav ul {display:none;}



.main-nav li:hover > ul {display:block;position:absolute;top:37px;left:0;}



.main-nav, .main-nav li > a {color:#fff;padding:0;display:block;text-decoration:none;}



.main-nav li > a {}



.main-nav li:hover > a {}



.main-nav li li a {background:#21619f;font-size:14px;border-top:1px solid #3569a3;border-bottom:1px solid #0b3c7f;padding:10px 15px;}



.main-nav li li a:hover {background:#3569b3}



.main-nav li li:first-child > a {}



.main-nav li:nth-child(1) li a{width:122px;}



.main-nav li:nth-child(2) li a{width:112px;}



.main-nav li:nth-child(3) li a{width:170px;padding-right:10px;}







#home, #profile, #quality, #stech, #partner, #contact {background-image:url(img/ppi-nav.png);background-repeat:no-repeat;display:block;text-indent:-9999px;height:37px;}



#home {width:64px;background-position:0 0;}



#home:hover {background-position:0 -37px;}



#home:active, .active #home {background-position:0 -74px;}



#profile {width:142px;background-position:-64px 0;}



#profile:hover {background-position:-64px -37px;}



#profile:active, .active #profile {background-position:-64px -74px;}



#quality {width:123px;background-position:-206px 0;}



#quality:hover {background-position:-206px -37px;}



#quality:active, .active #quality {background-position:-206px -74px;}



#stech {width:154px;background-position:-329px 0;}



#stech:hover {background-position:-329px -37px;}



#stech:active, .active #stech {background-position:-329px -74px;}



#partner {width:128px;background-position:-483px 0;}



#partner:hover {background-position:-483px -37px;}



#partner:active, .active #partner {background-position:-483px -74px;}



#contact {width:97px;background-position:-611px 0;}



#contact:hover {background-position:-611px -37px;}



#contact:active, .active #contact {background-position:-611px -74px;}







/*-----------------------------------------------



  Frontpage content menu



--------------------------------------------------*/



.content {margin-top:20px;}



.content a {font-weight: bold;}







.frontpage-image {



	background:#fff;



	padding:9px;



	border:1px solid #999;



	margin:0 0 10px;



	box-shadow:0 2px 12px #aaa;



	}







.solutions-nav {margin:0 0 30px 10px;}



.solutions-nav a {background-image:url(img/solution.png);display:block;height:43px;background-repeat:no-repeat;}



.solutions-nav li {float:left;display:inline;text-indent:-9999px;}



#solutions1 a, #solutions2 a, #solutions3 a, #solutions4 a, #solutions5 a, #solutions6 a, {}



#solutions1 a{width:182px;background-position:0 0;}



#solutions1 a:hover{background-position:0 -43px;}



#solutions2 a{width:208px;background-position:-182px 0;}



#solutions2 a:hover{background-position:-182px -43px;}



#solutions3 a{width:186px;background-position:-390px 0;}



#solutions3 a:hover{;background-position:-390px -43px;}



#solutions4 a{width:208px;background-position:-576px 0;}



#solutions4 a:hover{background-position:-576px -43px;}



#solutions5 a{width:156px;background-position:-784px 0;}



#solutions5 a:hover{background-position:-784px -43px;}







.solutions-nav-h {display:block;margin:0;}



.solutions-nav-h a {background-image:url(img/solution.png);display:block;height:43px;background-repeat:no-repeat;margin-bottom:20px;}



.solutions-nav-h li {display:inline;text-indent:-9999px;}



#solutions1h a, #solutions2h a, #solutions3h a, #solutions4h a, #solutions5h a, #solutions6h a, {}



#solutions1h a, #solutions1h-active a{width:150px;background-position:0 0;}



#solutions1h a:hover, #solutions1h-active a {background-position:0 -43px;}



#solutions2h a, #solutions2h-active a {width:158px;background-position:-197px 0;}



#solutions2h a:hover, #solutions2h-active a {background-position:-197px -43px;}



#solutions3h a, #solutions3h-active a {width:138px;background-position:-405px 0;}



#solutions3h a:hover, #solutions3h-active a {;background-position:-405px -43px;}



#solutions4h a, #solutions4h-active a {width:158px;background-position:-592px 0;}



#solutions4h a:hover, #solutions4h-active a {background-position:-592px -43px;}



#solutions5h a, #solutions5h-active a {width:156px;background-position:-798px 0;}



#solutions5h a:hover, #solutions5h-active a {background-position:-798px -43px;}







/*-----------------------------------------------



  footer



--------------------------------------------------*/



.footer {width:100%;background:#f1f1f1;padding:30px 0 20px;margin-top:40px;}



.footer a {line-height:24px;font-size:13px;}



.footer h3 a {}



.footer ul {margin-top:5px;}



.footer li {list-style-position:10px 10px;margin-left:29px;margin-left:25px\9;padding-left:7px;padding-left:10px\9;color:#282B81;}



.footer li a {color:#282B81;font-size:13px;}



.footer li a:hover {color:#4B59b0;text-decoration:underline;}



.col1 {width:310px;border-right:1px solid #fff;}

.col210 {width:235px;border-right:1px solid #fff;}

.col2 {width:318px;padding-left:28px;border-left: 1px solid #bbb;border-right:1px solid #fff;}



.col3 {width:550px;padding-left:63px;border-left:1px solid #bbb;}



.col1, .col2, .col3 {float:left;display:inline;height:80px;}



ul.location {float:left;display:inline;}



ul.location li {*list-style: outside;}







#market, #solution, #location {background-image:url(img/footer-nav.png);display:block;height:30px;background-repeat:no-repeat;text-indent:-9999px;}



#market {width:260px;background-position:0 0;}



#market:hover {background-position:0 -30px;}



#solution {width:293px;background-position:-162px 0;}



#solution:hover {background-position:-162px -30px;}



#location {width:173px;background-position:-268px 0;}



#location:hover {background-position:-268px -30px;}







.copyright {text-align:center;padding:20px 0;margin:0 auto;}



.copyright p {font-size:13px;color:#777;margin-bottom:0;}







.logo, #profile, #press, #partner, #contact, .solutions-nav a, #solutions1, #solutions2, #solutions3, #solutions4, #solutions5, #solutions6, #market, #solution, #location {}











/*-----------------------------------------------



  content



--------------------------------------------------*/



.img-border {padding:5px;background:#fff;}



.img-l {float:left;0 20px 20px 0;display:inline;}



.img-r {float:right;margin:0 0 20px 20px;display:inline;}



.shadow {box-shadow:0 1px 6px #777;}



strong.first{font-family: 'MyriadProItalic';display:block;font-size:26px;float:left;display:inline;font-weight:normal;margin-right:6px;margin-top:-2px;}



.block {background:#f2f2f2;display:block;padding:20px 30px;margin:0 0 20px;}



.block-tran {display:block;padding:20px 30px;margin:0 0 20px;}



.inside li {margin-left:15px;}



.multi-list li li {color:#2b3990}



.multi-list li li  li {color:#58595b}



.blue {color:#2b3990;}







/*-----------------------------------------------



  About



  -------------------------------------------------*/



  .dotted {border:1px dotted #ccc;}







/*-----------------------------------------------



  History



--------------------------------------------------*/



.history {margin-right:-20px;margin-top:50px;}



.history ul {float:left;width:172px;display:inline;padding:0 0 0 2px;margin:20px 0 20px 10px ;list-style: outside;}



.history li {padding:0;margin:0 0 0 13px;color:#777;font-size:12px;line-height:18px;}



.history img {margin:0 15px 60px 0;}



.history .history-bg {text-align:center;margin:0;}



.history b {color:#444;}







/*-----------------------------------------------



  Mission statment



--------------------------------------------------*/



.mission {background:#34559c url(img/mission-l.jpg) no-repeat right;width:950px;height:432px;padding-top:100px;}



.mission h1 {color:#fff;width:350px;background:rgba(0,0,0,0.15);background-image:none;padding:0;margin-bottom:20px;padding:20px 20px 20px 120px;}



.mission p {color:#fff;width:350px;padding-left:120px;}







/*-----------------------------------------------



  Our facility



--------------------------------------------------*/



.facility {background:#34559c url(img/ppi-facility.jpg) no-repeat right;width:950px;height:533px;padding-top:50px;}



.facility h1 {color:#fff;width:300px;background:rgba(0,0,0,0.15);background-image:none;padding:0;margin-bottom:20px;padding:20px 20px 20px 100px;}



.facility p {color:#fff;width:300px;padding-left:100px;}







/*-----------------------------------------------



  S-TECH



--------------------------------------------------*/



.stech {background:#34559c url(img/stech-bg.jpg) no-repeat right;width:950px;height:533px;}



.stech > div {width:370px;padding:30px;}



.stech p {color:#333;padding-left:5px;font-size:14px;line-height:26px;}







/*-----------------------------------------------



  Global-Locations



--------------------------------------------------*/



.global-locations {background:#34559c url(img/imap.jpg) no-repeat;width:950px;height:560px;position:relative;}



.global-locations li {list-style:none;}







#imap1, #imap5, #imap11, #imap12, #imap2, #imap3, #imap4, #imap6, #imap7, #imap8, #imap9, #imap10, #imap1:hover, #imap2:hover, #imap3:hover, #imap4:hover, #imap5:hover, #imap6:hover, #imap7:hover, #imap8:hover, #imap9:hover, #imap10:hover, #imap11:hover, #imap12:hover {



	display:inline-block;position:absolute;



	width:12px;



	height:12px;



	border-radius:6px;



	text-indent:-9999px;



	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);



	behavior: url(../javascript/pie/pie.htc);



	}



#imap1, #imap5, #imap11, #imap12, #imap2, #imap3, #imap4, #imap6, #imap7, #imap8, #imap9, #imap10 {



	background:#B80517;



	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FD6275), to(##B80517));



	background: -webkit-linear-gradient(#FD6275, #B80517);



	background: -moz-linear-gradient(#FD6275, #B80517);



	background: -ms-linear-gradient(#FD6275, #B80517);



	background: -o-linear-gradient(#FD6275, #B80517);



	background: linear-gradient(#FD6275, #B80517);



	-pie-background: linear-gradient(#FD6275, #B80517);



}







#imap1:hover, #imap2:hover, #imap3:hover, #imap4:hover, #imap5:hover, #imap6:hover, #imap7:hover, #imap8:hover, #imap9:hover, #imap10:hover, #imap11:hover, #imap12:hover {



	background:#800;



	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dd4255), to(#800));



	background: -webkit-linear-gradient(#dd4255, #800);



	background: -moz-linear-gradient(#dd4255, #800);



	background: -ms-linear-gradient(#dd4255, #800);



	background: -o-linear-gradient(#dd4255, #800);



	background: linear-gradient(#dd4255, #800);



	-pie-background: linear-gradient(#dd4255, #800);



}



#imap1 {left:227px; top:295px;}



#imap2 {left:278px; top:237px;}



#imap3 {left:268px; top:247px;}



#imap4 {left:452px; top:225px;}



#imap5 {left:471px; top:223px;}



#imap6 {left:658px; top:342px;}



#imap7 {left:445px; top:215px;}



#imap8 {left:666px; top:353px;}



/*



#imap6 {left:658px; top:338px;}



#imap7 {left:665px; top:348px;}



#imap8 {left:673px; top:358px;} */



#imap9 {left:683px; top:295px;}



#imap10 {left:693px; top:305px;}



#imap11 {left:698px; top:290px;}



#imap12 {



left:227px;



top:305px;



}







/*-----------------------------------------------



  color table



--------------------------------------------------*/



.table {box-shadow:0 1px 6px #999;border-bottom:10px solid #0071ae;}



.table h6 {font-family: 'MyriadProBoldItalic';background:#0071ae;color:#fff;font-size:16px;line-height:25px;display:block;padding:13px 20px 13px 20px;}



.tick {}



.tick li {font-size:13px;color:#1c75bc;list-style:none;line-height:16px;background:#d4effc;border-top:1px solid #e4fafe;border-bottom:1px solid #c4dfec;}



.tick li:nth-child(even) {}



.tick li, .tick li:nth-child(even) {background-image:url(img/tick.png);background-repeat: no-repeat;background-position:12px center;padding:10px 15px 10px 50px;}



.dot {margin:0;padding:0;}



.dot li {color:#1c75bc;line-height:16px;background:#d4effc;border-top:1px solid #e4fafe;border-bottom:1px solid #c4dfec;padding:10px 14px;list-style: none;}







/*-----------------------------------------------



  normal table



--------------------------------------------------*/



.normal-table {border:1px solid #999;width:100%;line-height:25px;font-size:13px;color:#555;margin-top:40px}



.normal-table th {padding:10px 20px;background:#777;color:#fff;text-align:left;}



.normal-table td {border:1px solid #999;padding:10px;}



.normal-table li {list-style: inside;}







.block-table {background:#f2f2f2;margin-bottom:20px;}



.block-table td {border:1px solid #fff;padding:8px 12px;}







.gmnoprint a img, #map div span, #map2 div span, #map3 div span, #map div a, #map2 div a, #map3 div a {display:none;}







/*-----------------------------------------------



  team



--------------------------------------------------*/



.team {}



.team ul {list-style:none;}



.team li {border-bottom:1px solid #ddd;padding:20px 0;}



.team .name {float:left;display:inline;}



.team .disc {margin-left:250px;}







/*-----------------------------------------------



  frontpage Latest News



--------------------------------------------------*/



.latest-news {background:#f0f0f0;padding:10px;min-height:250px;width:180px;float:right;display:inline;margin-right:-230px;*margin-left:20px;margin-bottom:-340px\9;}



.latest-news h5 {border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px;}



.latest-news span {line-height:14px;color:#333;font-family: 'MyriadProSemibold';}



.latest-news a {line-height:14px;font-size:14px;}



.latest-news a:hover {color:#3569b3;}



.latest-news p {line-height:14px;margin-bottom:8px;font-size:12px;}







/*-----------------------------------------------



  share button



--------------------------------------------------*/



#share-button {position:relative;top:60px;left:-75px;width:67px;height:230px;background:#fff;border:1px solid #ccc;border-left:0;box-shadow:0 1px 3px #aaa;}



#facebook, #twitter,#linkedIn {width:48px;height:48px;display:block;text-indent:-9999px;}



#facebook {background:url(img/facebook.png);}



#twitter {background:url(img/twitter.png);}



#linkedIn {background:url(img/linkedin.png);}







/*-----------------------------------------------



  video



--------------------------------------------------*/



.season-video {margin-top:20px;text-align:center;background:#f3f3f3;}



.video {}



.video-link {font-family: 'MyriadProBoldItalic';font-size:22px;margin:0 0 35px 0;background:url(img/h1.png) no-repeat left top;padding-left:40px;line-height:25px;height:23px;}



.season-video p {width:320px;background:#2b3990;display:block;height:220px;*width:310px;text-align:center;color:#fff;font-size:24px;padding-top:140px;}



.season-video span {display:block;font-size:38px;margin-top:15px;letter-spacing: -1px;*padding-bottom:20px;}







/*-----------------------------------------------



 Basic jQuery Slider essential styles */



--------------------------------------------------*/



ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}



li.bjqs-slide{display:none;position:absolute;}



ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}



ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}



ol.bjqs-markers li{float:left;}



p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}







#banner  {height:300px;width:700px;margin:0 auto;position:relative;margin-bottom:40px;}



#banner li {list-style: none;}



ul.bjqs-controls li a {display:block;padding:5px 10px;position:absolute;background:#fff;color:#fd0100;text-decoration:none;text-transform:uppercase;}



a.bjqs-prev {left:0;}



a.bjqs-next {right:0;}



p.bjqs-caption {background:rgba(0,0,0,0.7);color:#fff;text-align:center;}



ol.bjqs-markers {position:absolute;bottom:-50px;}



ol.bjqs-markers li {float:left;margin:0 3px;}



ol.bjqs-markers li a {display:block;height:10px;width:10px;border:4px solid #fff;overflow:hidden;text-indent:-9999px;background:#000;}



ol.bjqs-markers li.active-marker a {background:#fd0100;}







/*-----------------------------------------------



  pie ie hack



--------------------------------------------------*/



.frontpage-image, .table, .shadow {behavior: url(../javascript/pie/pie.htc);}







.ext-strict .header {margin-top:-25px;}







blockquote {padding:20px 30px 10px 30px;/*background:#f7f7f7;*/color:#777;}



blockquote p {padding:12px 60px 0 75px;color:#555;}



blockquote strong {font-size:20px;}







/*-----------------------------------------------



  google map hack



--------------------------------------------------*/



#map_canvas > div > div > a > div > img, #map_canvas2 > div > div > a > div > img, #map_canvas3 > div > div > a > div > img, .gmnoprint div span, .gmnoprint div a {display:none;}



#map_canvas div div a div:before, #map_canvas2 div div a div:before, #map_canvas3 div div a div:before {content:"";display:block;width:110px;margin-left:10px;color:#33c;}



#map_canvas div div a:hover div:before, #map_canvas2 div div a:hover div:before, #map_canvas3 div div a:hover div:before {color:#00f;}







/*-----------------------------------------------



  file manager



--------------------------------------------------*/



.filemanager {position:relative;font-size:13px;}



.filemanager .loginwrap {margin-top:30px;background:#f7f7fa;padding:30px;border:1px solid #eef;}



.filemanager h1 {display:block;background:#f7f7f7 url(img/filemanager-h1.png);margin:0;padding-left:15px;height:45px;font:18px/44px 'MyriadProSemibold';}



.filemanager h1 a {margin:0 4px;}



.filemanager h1 a:hover {background:none;}







.filemanager #filelist {border:0;margin:0 0 0 250px;margin-top:30px;width:700px}



.filemanager #filelist tr {}



.dir .details span {width:20px;display:block;background:url(img/icon-dir.png) no-repeat 10px 5px;text-indent:-9999px;}



.file .details span {display:block;background:url(img/icon-files.png) no-repeat 10px 5px;text-indent:-9999px;}



.dir .details, .file .details {width:40px;}



.filemanager #filelist th {background:#d7d7e4 url(img/table-h2.png);height:39px;height:29px\9;}



.filemanager #filelist th div {margin-top:2px;}



#filelist .dir.odd {background:#fbfbff;}



.filemanager #filelist tr.dir td.name {}







.filemanager #filelist .filedetails {padding:0;margin:0;font-size:12px;background:#ffe url(img/edit-bg.png);}



.filemanager #filelist .filedetails td {padding:0;margin:0;}



#filelist .filedetails .navigation {width:78px;padding:0;margin:10px;}



#filelist .filedetails form {font-size:16px;margin-top:15px;}



#filelist .filedetails .navigation li {padding:4px 6px;line-height:17px;background:#eee;padding-top:5px;margin:8px;width:auto;border:1px solid #ccc;}



#filelist .filedetails .navigation li.hover {background:#ddd;}



#filelist .filedetails .navigation li.selected {background:#aae;border:1px solid #88f;font-weight:normal;color:#fff}



#filelist .filedetails form .submit {margin-left:8px;}







.filemanager #main {margin:0 0 0 30px;padding:0;width:695px;}



.filemanager #main textarea {width:675px;padding-left:10px;height:400px;}



.filemanager #main h2 {margin:30px 0 -10px 5px;font-size:24px;}







#sidebar input {margin-top:-1px;margin-top:-2px\9;}



#sidebar label {margin-right:5px;font-size:12px;}







.filemanager #sidebar {margin:30px 0 0 0;}



.filemanager #sidebar .section {background:#fafafa;}



.filemanager #sidebar .section h2 {background:#d7d7e4 url(img/table-h2.png);height:38px;padding:0 0 0 10px;line-height:40px;line-height:36px\9;font-weight: normal;}







#logout {position:absolute;top:7px;right:7px;text-align:right;}



#logout p {color:#1e3283;position:absolute;top:0px;right:80px;width:300px;}



.filemanager #logout p a {position:absolute;top:-1px;right:-80px;color:#fff;font-size:13px;padding-right:12px;display:inline-block;background:url(img/logout.png);width:50px;height:31px;margin-left:7px;}







#sidebar #files_list, #sidebar #searchlist {font-size:11px;}



#sidebar #searchresults #searchlist {margin:0;}



#searchresults dl#searchlist dt {margin:0;border-top:1px solid #fff;display:block;line-height:14px;padding-top:10px;}



#searchresults dl#searchlist dd {margin:0;border-bottom:1px solid #ccc;display:block;line-height:14px;padding-bottom:10px;word-wrap: break-word;}



#searchresults dl#searchlist dd a {color:#777;}



#searchresults dl#searchlist dd a:hover {color:#333;}







#sidebar #files_list span.error {font-size:14px;}







button#save {line-height:15px\9;vertical-align:middle;}



.img_w950
{
width: 950px;

}


.img_w590
{
width: 590px;

}