@charset "utf-8";

/* CSS Document */



img {behavior: url(includes/pngbehavior.htc);}



* {margin:0; padding:0;}



body  {

	font-family:'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

}



h1, h2, h3, h4, h5, h6, p, ul, li {

	margin:0;

	padding:0;

	list-style:none;

}



/*img { behavior: url("includes/pngbehavior.htc"); }*/



h1{	font:20px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

	color:#810000;

	height:30px;}

h2 {font:normal 18px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

h3 {font:normal 15px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

h4 {font:bold 14px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

h5 {font:bold 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

h6 {font:bold 11px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}

p  {font-family:'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height:17px; font-size:12px; }

a  {text-decoration:none; color:#004caf;}

a:hover {text-decoration:underline;}

img {border:none;}

.br, .clear {clear:both;}

.chkbox {border:none;}

select, input, textarea{font-family:'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;}



.bold{font-weight:bold;}

.italic{font-style:italic;}



.floatl{float:left;}

.floatr{float:right;}





/* --------------------------------------- Layout ------------------------------------ */



/* -------------------- Wrap ------------------ */

#wrap{

	width:100%;

	margin:0 auto;

}



/* -------------------- Top Part ------------------ */

#top_part{

	width:100%;

	background:url(../images/header_bg.gif) repeat-x;

	height:137px;

}

#header{

	width:935px;

	height:87px;

	margin:0 auto;

	padding:16px 34px 0 28px;

}

#header #logo{float:left;}

#header #tagline{float:right; padding:30px 0 0 0;}



/* Main Navigation */

#main_nav{height:34px; margin:0 auto;} /*width:995px;*/

#main_nav li{float:left; height:34px; background:url(../images/main_nav_div.gif) no-repeat top right;}

#main_nav li a{

	display:block;

	float:left;

	padding:10px 9px 0 9px;

	height:24px;

	color:#fff;

	font:13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

}

#main_nav li a:hover, #main_nav li.selected a{background:url(../images/main_nav_hover_bg.gif) repeat-x; text-decoration:none;}

#main_nav li.nobg{background:none;}





/* -------------------- Banner ------------------ */

#banner_wrap{

	width:100%;

	background:url(../images/banner_bg.gif) repeat-x;

	height:236px;

	clear:both;

}

#banner{

	width:962px;

	background:url(../images/home_banner_img.jpg) no-repeat;

	height:166px;

	margin:0 auto;

	padding:70px 0 0 35px;

}





/* -------------------- Content ------------------ */

#content{

	width:100%;

	background:#ffffff url(../images/content_bg_home.gif) repeat-x top left;

	padding:0 0 16px 0;

}

/*#content #main_txt{

	width:997px; 

	margin:0 auto;

	padding:16px 32px 0 0px; background-color:#009900

	background:url(../images/map_img.jpg) no-repeat center 20px;

}*/



#content1 {

	width:997px; margin:0 auto;

}



 #content_map {

position:absolute; z-index:300; margin-top:-100; margin-left:250px;

}



#content #main_txt{

	width:977px; 

	margin:0 auto;

	padding:16px 0px 0 0px;

	position:relative; z-index:200;

}

/*#content #main_txt h1{

	font:20px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

	color:#810000;

	height:30px;}

*/



#content #main_txt p{

	font:13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

	color:#01386a;

	line-height:20px;

	padding:0 0 11px 0;

}

#content #main_txt p a{text-decoration:underline;}

#content #main_txt p a:hover{text-decoration:none;}



/*#content_home{

	width:997px;

	margin:0 auto;

	height:327px;

	padding:30px 46px 0 14px;

}

*/

#content_home{

	width:927px;

	margin:0 auto;

	height:327px;

	padding:30px 46px 0 14px;

}

#content_home h2{

	font:17px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;

	color:#810000;

	height:40px;

}

#content_home img{padding:0 8px 0 0; vertical-align:middle;}

#content_home ul{padding:0 0 0 22px;}

#content_home li{

	background:url(../images/bullet_blue.gif) no-repeat 0 6px;

	font-size:13px;

	line-height:20px;

	padding:0 0 8px 28px;

}

#content_home li.view_all{background:none; text-align:right; padding:2px 0 0 0;}

#content_home li a{color:#004685;}



/*#content_home #why_osi{float:left; width:345px; margin-right:55px;}

#content_home #services{float:left; width:280px; margin-right:55px;}*/

#content_home #why_osi{float:left; width:335px; margin-right:25px;}

#content_home #services{float:left; width:280px; margin-right:25px;}

#content_home #news{float:left; width:260px;}



#downloads{padding:28px 0 0 50px;}



/* -------------------- Inner Content ------------------ */



#content_in{

	width:100%;

	background:#ffffff url(../images/content_bg.gif) repeat-x 0px -43px;

	padding:0px;

}



#content_in_04{

	width:100%;

	background:#ffffff url(../images/content_bg_03.gif) repeat-x 0px -43px;

	padding:0px;

}



#content_in_03{

	width:100%;

	background:#ffffff url(../images/content_bg_02.gif) repeat-x 0px -43px;

	padding:0px;

}

#content_in_01{

	width:100%;

	background:#ffffff url(../images/content_bg_01.gif) repeat-x 0px 0;

	padding:0px;

}

#content_in_02{

	width:100%;

	padding:0px;

}

#content_in #sub_nav, #content_in_01, #content_in_03 #sub_nav, #content_in_04 #sub_nav{

	width:927px; 

	margin:0 auto;

	padding:8px 35px 5px 35px;

}

#sub_nav ul{float:left; margin:0px; padding:0px;}



#content_in #sub_nav ul.commercial1{width:301px;}

#content_in #sub_nav ul.commercial2{width:300px;}

#content_in #sub_nav ul.commercial3{width:326px;}

#content_in #sub_nav ul.security1{width:301px;}

#content_in #sub_nav ul.security2{width:300px;}

#content_in #sub_nav ul.security3{width:226px;}

#content_in_04 #sub_nav ul.security1{width:301px;}

#content_in_04 #sub_nav ul.security2{width:300px;}

#content_in_04 #sub_nav ul.security3{width:226px;}

#sub_nav ul.intellectual1{width:300px;}

#sub_nav ul.intellectual2{width:320px;}

#sub_nav ul.intellectual3{width:307px;}



/*#sub_nav ul li{ background:url(../images/bullet_blue1.gif) no-repeat 0px 4px; padding:0px 0px 12px 17px; font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a;}

#sub_nav ul li a{ font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a; text-decoration:none;}

#sub_nav ul li a:hover{ font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a; text-decoration:underline;}*/





#sub_nav ul li h2{ background:url(../images/bullet_blue1.gif) no-repeat 0px 4px; padding:0px 0px 12px 17px; font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a;}

#sub_nav ul li h2 a{ font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a; text-decoration:none;}

#sub_nav ul li h2 a:hover{ font:bold 13px 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#01386a; text-decoration:underline;}



#inner_content, #news_content, #news_thumb{

	width:943px;

	margin:0 auto;

	padding:23px 27px 30px 27px;

}

#news_thumb{text-align:center;}

#inner_content p, #news_content p{ color:#000; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height:22px;}

#inner_content p.management{padding:0 0 20px 0; border-bottom:1px solid #eaf0f4;}



#inner_content p.intellectual{ color:#000; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height:22px;}

#inner_content p.intellectual a{ color:#000; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}

#inner_content p.intellectual a:hover{ color:#000; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

#inner_content p.management a{color:#004F96; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}

#inner_content p.management a:hover{color:#004F96; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}



#inner_content h4, #news_content h4{font-size:15px; color:#004f96; padding:0 0 6px 0;}



#inner_content p.download {color:#000; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height:22px;}

#inner_content p.download a{color:#004F96; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}

#inner_content p.download a:hover{color:#004F96; font:normal 13px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}



#inner_content p.contact{padding:0 0 9px 0;}

#inner_content p.contact .bbold{font-weight:bold; color:#004f96;}

#inner_content p.contact a{font-weight:bold; color:#000; text-decoration:underline;}

#inner_content ul.contact{padding:10px 0 0 18px;}

#inner_content ul.contact li{background:url(../images/bullet_blue.gif) no-repeat 0 7px; padding:0 0 10px 18px; line-height:22px;}



#inner_content p.news_hd a{color:#004f96; text-decoration:underline;}

#inner_content p.news_hd span{font-style:italic; color:#666; padding:0 0 0 10px;}

#inner_content p.news{padding:0 0 20px 0;}



#news_content a.news_thumb img{margin:4px 12px 4px 0;}

#news_content p{padding:0 0 16px 12px;}

#news_content p.date{padding:0 0 16px 0; font-style:italic; color:#666;}





#inner_content .pagingnav{width:924px; height16px; float:left; padding:0px;}

#inner_content .pagingnav p{float:left; font-size:13px; color:#004F96; font-weight:bold; padding-top:2px;}

#inner_content .pagingnav span{text-align:left; font-size:11px; padding:0;}

#inner_content .pagingnav ul{float:right; padding:2px 0 0 0; font-size:11px;}

#inner_content .pagingnav li{float:left; display:block; padding:0 2px; font-weight:bold;}

#inner_content .pagingnav li a{padding:3px 0 0 0; color:#0f4372; display:block; width:23px; height:20px; text-align:center; float:left; background:url(../images/paging.gif) no-repeat;}

#inner_content .pagingnav li a:hover, #inner_content .pagingnav li a.selected{ text-decoration:none; background:#7596eb; color:#258be7; width:23px; background:url(../images/paging.gif) no-repeat;}

#inner_content .pagingnav li a.last, .pagingnav li a:hover.last{padding-top:4px; font-size:9px;}





#clients_content ul{float:left; width:226px; padding:0 8px 0 0;}

#clients_content li{background:url(../images/bullet_clients.gif) no-repeat 0 5px; padding:0 0 8px 12px;}





/* -------------------- Inner Banner ------------------ */



#banner_in_wrap{

	width:100%;

	background:url(../images/banner_in_bg.gif) repeat-x;

	height:196px;

	clear:both;

}

#banner_in_wrap .banner_in{

	width:962px; 

	height:112px;

	margin:0 auto;

	padding:84px 0 0 35px;

}



#banner_commercial_investigation{background:url(../images/commercial_investigation_banner.jpg) no-repeat;}

#banner_security_consulting{background:url(../images/security_consulting_banner.jpg) no-repeat;}

#banner_mindanao_consulting{background:url(../images/mindanaosecurityconsulting.jpg) no-repeat;}

#banner_intellectual_prop{background:url(../images/intellectual_prop_rights_banner.jpg) no-repeat;}



#banner_associations{background:url(../images/associations_banner.jpg) no-repeat;}

#banner_management{background:url(../images/management_banner.jpg) no-repeat;}

#banner_contact{background:url(../images/contact_banner.jpg) no-repeat;}

#error{background:url(../images/error-page.jpg) no-repeat;}

#banner_whoisosi{background:url(../images/whoisosi_banner.jpg) no-repeat;}

#banner_news{background:url(../images/news_banner.jpg) no-repeat;}

#banner_downloads{background:url(../images/downloads_banner.jpg) no-repeat;}

#banner_clients{background:url(../images/clients_banner.jpg) no-repeat;}

#banner_sitemap{background:url(../images/sitemap_banner.jpg) no-repeat;}





/* ---------------- Associations ----------------- */

#associations{margin:0 auto; width:974px; padding:22px 0 22px 23px;}

#clients_content{margin:0 auto; width:943px; height:750px; padding:23px 27px 30px 27px;}

/* Grey Box */

#associations .grey_box{width:955px; height:101px; margin-bottom:12px;}

#associations .grey_box_top{height:5px; width:955px; background:url(../images/grey_box_top_bg.gif) repeat-x;}

#associations .grey_box_bot{height:5px; width:955px; background:url(../images/grey_box_bot_bg.gif) repeat-x;}

#associations .grey_box_mid{

	width:953px;

	height:91px;

	border-left:1px solid #ebebeb;

	border-right:1px solid #ebebeb;

}



/*#associations .grey_box_mid{

	width:955px;

	height:91px;

	border-left:1px solid #ebebeb;

	border-right:1px solid #ebebeb;

}*/



#associations .grey_box_logo{float:left; width:168px; height:85px; border-right:1px solid #ebebeb; text-align:center; padding:6px 0 0 0;}

/*#associations .grey_box_txt{float:left; width:751px; height:76px; padding:15px 17px 0 18px;}*/



#associations .grey_box_txt{float:left; width:725px; height:76px; padding:15px 17px 0 18px;}

#associations .grey_box_txt h2{font:19px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#004d92;}

#associations .grey_box_txt h2 a{font:19px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#004d92;}

#associations .grey_box_txt h2 a:hover{font:19px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#004d92; text-decoration:underline;}

#associations .grey_box_txt p{font:13px 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#444; padding:6px 0 0 0;}

#associations .grey_box .padt6{padding-top:15px;}



/* -------------------- Sub Footer ------------------ */

#bottom_part{

	width:100%;

	background:url(../images/footer_bg.gif) repeat-x;

/*	height:298px;*/



}



/* Sub Footer */

#sub_footer{

	width:997px;

	height:260px;

	margin:0 auto;

	padding:20px 0 0 0;

}

#sub_footer h3{font-size:14px; color:#004c90; font-weight:bold; padding-bottom:10px;}

#sub_footer li{

height:21px;

	line-height:21px;

	background:url(../images/bullet_black.gif) no-repeat 0 7px; 

	padding:0 0 0 20px;

}

#sub_footer li{ background /*\**/:url(../images/bullet_black.gif) no-repeat 0 5px\9; }

#sub_footer li a{ font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}

#sub_footer li a:hover{ font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}



#sub_foot_links_01{float:left; width:364px; padding:0 0 0 36px;}

#sub_foot_links_02{float:left; width:302px;}

#sub_foot_links_03{float:left; width:272px;}



/* Footer */

#footer{

	width:100%;

		background-color:#434343;

		height:57px;

}

#footer_inner{

	width:997px;

	margin:0 auto;

	padding:9px 0 0px 0;

}



#footer_inner a{margin-right:8px;}

#footer_inner .copy{

	color:#b4b4b4;

	padding:8px 0 0 8px;

	float:left;

}



div.sitemap{color:#b4b4b4; float:left;

	padding:8px 0 0 0px; *width:60px;

}

div.sitemap a{color:#b4b4b4; padding:0px 0 0 0px;

}



#sitemap_links{width:302px;}

#sitemap_links h3{font-size:14px; color:#004c90; font-weight:bold; padding-bottom:10px;}

#sitemap_links li{

/*	line-height:21px;

*/	background:url(../images/bullet_black.gif) no-repeat 0 7px; 

	padding:0 0 0 20px;

}

#sitemap_links li{ background /*\**/:url(../images/bullet_black.gif) no-repeat 0 5px\9; line-height:21px;}

#sitemap_links li a{ font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; line-height:21px;}

#sitemap_links li a:hover{ font:normal 12px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; line-height:21px;}

.padt8{padding-top:8px;}

.padl5{padding-left:5px;}

.colorgrey{color:#B4B4B4;}

.w50{width:50px;}

.whitetext{ color:#FFFFFF; }

.whitetext a{ color:#FFFFFF; }

.whitetext a:hover{ color:#FFFFFF;}

@media screen and (-webkit-min-device-pixel-ratio:0){

#main_nav{height:34px; width:1040px; margin:0 auto;}

}