/* CSS Document / Marjun B. Estrevillo / JNB Web Promotion*/

body {background: #FFFFFF url(../images/business-outsourcing-services-bg.jpg) repeat-x;margin: 0;}



h1{font-family: Arial, Helvetica, sans-serif;font-size:14pt;font-weight: bold;color: #CC6600 ;padding-top:5px;padding-bottom:5px; letter-spacing:1px; line-height:14pt;}

h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif;font-size:10pt;font-weight: bold;color: #000;padding-top:5px;padding-bottom:5px;}

a { text-decoration:none; color: #666666;}

a:link {color: #000000; text-decoration:none}      

a:visited {color:#000000;}  

a:hover {color: #0066FF;}  

a:active {color:#812121;}  

img.floatLeft { float: left; margin: 4px; }

#container{margin: 0;width: 986px;	float:center;	margin-left: auto;	margin-right: auto;}

#header { padding-top: 10px;height: 152px;	float:bottom;	width: 986px;}

#flag{float:right;width:90px;height:42px;padding:0px 0px 0px 0px;}

.logo{	float: left;	width: 986px;	height: 66px;	padding:0px;}

.menu{  width: 990px;  height: 39px;  align:center; padding-top:10px;}

.nav-menu{	z-index:2; background: #fff url(../images/nav-bg.jpg) no-repeat;float:left;	border:0px;	width: 991px;	height: 39px; align:center;	padding:0px;}

#home{float:left; background: url(../images/business-outsourcing-services-home1.jpg) no-repeat; width: 133px; height: 39px; }
#about-us{  font-size:25px; background:  url(../images/business-outsourcing-services-aboutus.jpg) no-repeat; width: 109px; height: 39px; text-align:left;}
#services{ position:absolute;  font-size:25px; background:  url(../images/business-outsourcing-services-services.jpg) no-repeat; width: 107px; height: 39px; text-align:left;}
#job-vacancies{  font-size:18px; background:  url(../images/business-outsourcing-job-vacancies.jpg) no-repeat; width: 148px; height: 39px; text-align:left;}
#contact{  font-size:25px; background:  url(../images/business-outsourcing-services-contact.jpg) no-repeat; width: 120px; height: 39px; text-align:left;}

#home a{display:block; text-decoration:none;}
#about-us a{display:block; text-decoration:none;}
#services a{display:block;position:absolute; text-decoration:none; }
#job-vacancies a{display:block; text-decoration:none;}
#contact a{display:block; text-decoration:none;}
#home:hover{background:  url(../images/home.jpg) no-repeat;}
#about-us:hover{background:  url(../images/about-us.jpg) no-repeat;}
#services:hover{position:relative; background:  url(../images/services.jpg) no-repeat;}
#job-vacancies:hover{background:  url(../images/job-vacancies.jpg) no-repeat;}
#contact:hover{background:  url(../images/contact-us.jpg) no-repeat;}

ul#nav-menu{width:986px; padding:0; margin:0; list-style-type:none; position:relative; z-index:15;}
ul#nav-menu li{ width:166px;height:39px;position:relative;	float:left;	list-style-type:none;
	padding:0 5px 0px 0px;	margin:0; }
	


.nav-bottom{ background:url(../images/nav-bg-scroll.jpg) repeat-x; height:7px; width: 976px;}

#banner { 	width: 986px;	height: 218px;	float:left;	padding-top: 0px; }

.title{	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:14px;	font-weight: bold;	color: #044faf;	padding-top:5px;
	padding-bottom:5px;}

#contents{	width: 973px; margin: 210px 0px 0px 20px; height:100%;}


.main-left{ background: transparent;
float: left;width: 600px; padding-left: 5px; padding-top:0px}

.main-left{background-repeat:no-repeat-x;}


.main-left-footer-left{ 
float: left;width: 600px; padding-left: 5px; padding-top:20px}

.main-left-footer-left-column{	float: left;	width: 280px;	font-family: Arial, Helvetica, sans-serif;	
line-height:12pt;
font-size:9pt;	padding:0px 20px 50px 0px; font-stretch: wider;}

.main-left-footer-left-column img{ padding-left: 5px; float: right;}

.main-left-footer-left-column h2{color:#CC6600;  font-size: 12pt; line-height: 14pt; font-weight:bold;}

.main-left-footer-right-column{  float: right;	width: 280px;	font-family: Arial, Helvetica, sans-serif;	
line-height:12pt;
font-size:9pt; padding-left: 20px; font-stretch: wider;}

.main-left-footer-right-column img{ padding-left: 5px; float: right;}

.main-left-footer-right-column h2{color:#CC6600;  font-size: 12pt; line-height: 14pt; font-weight:bold;}





.main-column{	float: left;	width: 600px;	font-family: Arial, Helvetica, sans-serif;	
line-height:12pt;
font-size:9pt;	padding:0px 10px 10px 0px; font-stretch: wider;}


#content-main-left{  float: left;width: 600px; padding-left: 5px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; }

#content-main-left-contact{  float: left;width: 330px; padding-left: 5px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; }

#content-main-left blockquote img{ float:left; padding:10px 10px 50px 10px;}

#content-main-left-contact1{   float: left;width: 330px; padding-left: 5px; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; }
#contact-us { background:url(../images/contact-us/contact-us-bg.jpg) repeat-y; width:330px; font-size: 9pt; color:#fff; height: 580px; padding-left: 10px;}
#report-pdf {  width:150px; font-size: 8pt; color: #FF6600; height: 150px; padding-left: 20px;}



#content-main-left a{ color: #333333; text-decoration:none;}

#content-main-left a:hover{ color: #0066FF; text-decoration: underline;}

#content-main-left{background-repeat:no-repeat-x;}

#content-main-left img{float: right; padding-top: 20px}


#content-main-right{ background: url(../images/right-column-bg.jpg) repeat-y; float: right;width: 300px; padding-left: 10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size: 8pt;  }

#content-main-right img{padding-left: 0px;}

#content-main-right h1 { color: #CC6600; font-size: 20px; font-family:Arial, Helvetica, sans-serif; line-height: 25px; font-weight:bold; }




.main-column1{	float: left;	width: 520px;	font-family: Arial, Helvetica, sans-serif;	
line-height:12pt;
font-size:8pt;	padding:0px 10px 10px 0px; font-stretch: wider;}

.main-column1 a{text-decoration:none; color:#666666;}

.main-column1 a:hover{
color:#0066FF; text-decoration:underline;}



.contactform{  background: url(../images/contactform/Contact-bg.jpg) no-repeat; width:308px; height:352px; padding-left: 0px; padding-top:0px;}

#form{ border:0px;margin-left: 0px; margin-right: 0px; width:210px; height:21px; background: url(../images/contactform/name.jpg); font-size:10pt; font-family:Arial, Helvetica, sans-serif;}
#submit{ color: transparent; background:transparent url(../images/contactform/submit.jpg) no-repeat; width: 308px; height:75px; border: 0;}
#submit:hover{  background: url(../images/contactform/submit-hover.jpg) no-repeat; width: 308px; height:75px; }
#text-form-form{padding-left: 25px; font-size:10pt;color:#fff;}

#contactform{background:url(../images/contact-us/fill-in-form.jpg) no-repeat; border: 0px; width: 200px; font-size: 9pt; height: 20px;}

#dwnloadform{background:url(../images/contact-us/fill-in-form.jpg) no-repeat; border: 1px; width: 200px; font-size: 10pt; height: 20px;}

#msgbox {background:url(../images/contact-us/msgbox.jpg) no-repeat; border:0px; width: 250px; font-size: 9pt;}
#submitform {background:url(../images/contact-us/submit-form.jpg) no-repeat; border:0px; font-size: 10pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width: 150px; }
#submitform:hover{ color:#CC6600;}

#downloadreport {background: url(../images/contact-us/download.jpg) no-repeat; border:0px; font-size: 10pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width: 229px; height:104px; color:transparent ;}

#downloadreport:hover{ background:url(../images/contact-us/download-over.jpg) no-repeat;}

.content-column{color:#333333;	float: left;	width: 300px;	font-family: Arial, Helvetica, sans-serif;	font-size:8pt;padding-right:9px;  line-height: 11pt;}

.content-column img{float:right; padding-bottom: 10px;}


.content-column1{color:#333333;	float: right;	width: 200px;	font-family: Arial, Helvetica, sans-serif;	font-size:8pt;padding-right:9px;  line-height: 11pt;}

.content-column img{
float:right;
padding-top:6px;

}



.right-column{ color: #000033;	float: right;	width: 200px;	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:8pt;padding-right:10px; height: 100%; padding-bottom: 80px;}

.right-column-main{	

float: left; width: 210px; padding-left: 20px; margin-left:25px; padding-top: 25px; height:100%;}

.right-column-main h2{ font-size:18px; color: #0066FF; font-style: italic;}





#scroll{
float:left;
width:973px;
height:90px;
padding-bottom:5px;
padding-top:20px;

}

#footerholder{display:block; background:#313131 url(../images/footer-bg-bos.jpg) no-repeat;}
#footerbody {
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:5px;
	padding-left:16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:12px;	color: #FF9900;
	letter-spacing: 1px;
	
}

#footerbody  {
	
	width:986px;
}
#footerBody  {
	background-position:right top;
	background-repeat:no-repeat;
	width:980px;
}
#footerbody {
	
	background-position:right bottom;
	background-repeat:no-repeat;
	width:980px;
}
#footerbody {
	
	background-position:left bottom;
	background-repeat:no-repeat;
	
	width:980px;
}
#footerBody {
	background-position:right top;
	background-repeat:no-repeat;
	height:161px;
	width:940px;
	padding:20px;
	color:#f0f0f0;
}
#footerBody .footerX img.logoFooters {
	margin:0px 17px 0px 0px;
}
#footerBody .footerX dl.logotxt {
	margin:0;
	padding:0;
	float:left;
	width:auto;
	height:auto;
}
#footerBody .footerX dl.logotxt dd {
	margin:0;
	padding:0;
	float:left;
	width:auto;
	display:block;
	height:42px;
	line-height:42px;
}
#footerBody .footerX .cl {
	height:1px;
}
#footerBody .footerX ul {
	list-style:none;
	width:450px;
	height:auto;
	float:left;
	margin:0;
	padding:14px 0px 0px 0px;
}
#footerBody .footerX ul li {
	margin:0px 0px 0px 0px;
	padding:3px 4px;
	font-size:11px;
	text-transform:uppercase;
	line-height:17px;
	color:#999999;
	width:215px;
	float:left;
}
#footerbody  ul li a {
	color:#999999;
}
#footerbody  ul li a:hover {
	color:#95ba07;
}
#footerbody dl.footercontact {
	margin:0px 0px 0px 40px;
	padding:14px 0px 0px 0px;
	float:left;
	width:430px;
	
}


.footercontact{
 font-family: Arial, Verdana, Helvetica, sans-serif;	
 font-size:8pt;	
 color: #ffffff;
 float:right;
 
}

.footercontact a{
color: #fff;
font-size: 10px;
text-decoration:none;
}

.footercontact a:hover{
text-decoration: underline;
}

.footercontact strong{
color: #cccccc;

}

#footerBody a{
}

#footerBody .footerX dl.footerContact dd {
	margin:0;
	padding:0px 4px 0px 4px;
	float:left;
	width:200px;
	height:auto;
	line-height:20px;
	color:#ccc;
}
#footertxt {
	text-align:right;
	color:#ffffff;
	margin-bottom:0px;
	margin-right:10px;
	padding-bottom:20px;
	padding-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #666666;
}

#footertxt a{
    text-decoration:none;
	color: #666666;
}
#footertxt a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.footerslidecolumn{
width:110px;
margin-right:30px;
float:left;
margin-top:10px;
padding-left:15px;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

}

.footerslidecolumn a{
text-decoration:none;
color:#FFFFFF;}

.footerslidecolumn a:hover{
color:#0066FF;}

.footerslidecolumn-seo{
width:180px;
margin-right:30px;
float:left;
margin-top:10px;
padding-left:15px;
list-style-type:none;
font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:8pt;
}

.footerslidecolumn-seo a{
text-decoration:none;
color:#FFFFFF;}

.footerslidecolumn-seo a:hover{
color:#0066FF;}

.footerslidecolumn-Web-Development
{
width:215px;
margin-right:30px;
float:left;
margin-top:10px;
padding-left:15px;
list-style-type:none;
font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:8pt;
}

.footerslidecolumn-Web-Development a{
text-decoration:none;
color:#FFFFFF;}

.footerslidecolumn-Web-Development a:hover{
color:#0066FF;}

.footerslidecolumn-Back-Office
{
width:220px;
margin-right:30px;
float:left;
margin-top:10px;
padding-left:15px;
list-style-type:none;
font-family: Arial, Verdana, Helvetica, sans-serif;	font-size:8pt;
}

.footerslidecolumn-Back-Office a{
text-decoration:none;
color:#FFFFFF;}

.footerslidecolumn-Back-Office a:hover{
color:#0066FF;}

.lastchild{
margin-right:0px;
float:right;
width:220px;
}

.footerslidecolumn-seo ul{
list-style:none;
margin-left:0px;

}

.header {
	color: #0066FF;
	font-size: x-large;
	line-height: 25px;
	font-weight:bold;
}
.li {color: #0033FF; font-weight:bold; font-size:12pt;}

.text {
	color: #FF6600; font-weight:bold; font-size:12pt; 
	
}

.left-content-main{ padding-left: 20px; padding-right:20px; width:300px; float:left; margin-left:10px; margin-right:10px;}