@CHARSET "ISO-8859-1";
body{ width:100%; margin:auto; margin-bottom:40px;  background-color:#deeef6; font-family:Verdana; line-height:18px; letter-spacing:0.5px ; overflow-y:scroll }
p{ color:#30077b; font-size:11px; line-height:17px; letter-spacing:0.5px;   }
span{ color:#30077b; font-size:11px; line-height:19px; letter-spacing:0.5px; padding-bottom:4px;  }
input { padding-top:0px; padding-bottom:0px;  }
li{}
h1{ font-size:16px; color:#30077b;   }
h2{}
h3{}
a{color:#56b1cf; text-decoration:none;}
a img{ border:none}
a#link_to_home
	{
	position:absolute;
	top:-68px; left:28px;  	
 
	  z-index:1400px; cursor:pointer	
	}
/* header and background */

#bg 
{
	position:relative; z-index:100;
	width:1017px; margin:40px auto auto auto; 
	background:url('../images/bg_repeat.jpg') repeat-y left ; 
}
#bg img#header_img 
{
	position:relative; z-index:105;	
	margin-bottom:30px
}
#in
{
	position:relative;

	z-index:105;
	width:993px; margin:auto;  
}
#footer_img{ margin-top:40px}
/* Links */

/* Links - header*/ 
a#link_home{ position:absolute; left:307px; top:47px; height:22px; width:59px; overflow:hidden; z-index:1010; }
a#link_ours{ position:absolute; left:379px; top:47px; height:22px; width:112px; overflow:hidden; z-index:1010; }
a#link_port{ position:absolute; left:509px; top:47px; height:22px; width:78px; overflow:hidden; z-index:1010; }
a#link_ourp{ position:absolute; left:604px; top:47px; height:22px; width:98px; overflow:hidden; z-index:1010; }
a#link_what{ position:absolute; left:714px; top:47px; height:22px; width:135px; overflow:hidden; z-index:1010; }
a#link_cont{  position:absolute; left:861px; top:47px; height:22px; width:104px; overflow:hidden; z-index:1010;}
a#link_home img:hover{ position:absolute; top:-22px }
a#link_ours img:hover{ position:absolute; top:-22px }
a#link_port img:hover{ position:absolute; top:-22px }
a#link_ourp img:hover{ position:absolute; top:-22px }
a#link_what img:hover{ position:absolute; top:-22px }
a#link_cont img:hover{ position:absolute; top:-22px }



/* Links - footer */
a#link_cont_deta{  position:absolute; right:275px; bottom:13px; height:19px; width:115px; overflow:hidden; z-index:1010;  }
a#link_cont_deta img:hover{position:absolute; top:-18px }

a#link_topo{ position:absolute; right:11px; bottom:20px; height:17px; width:115px; overflow:hidden; z-index:1010;  }
a#link_topo img:hover{position:absolute; top:-18px }

/* content */
#content
{ 
	position:relative; width:100%; 
}

img#purple_line 
	{
	position:absolute; left:232px; top:49px	
	}
img#purple_line_long 
	{
	position:absolute; left:0px; top:49px	
	}	
img#img_note{
	position:absolute; left:0px; top:37px	
}
img#img_note2{
	position:absolute; left:0px; top:167px	
}

p#intro_para{ margin-top:35px}


/* PAGE - HOME -  3 cols*/ 

#content #col1 
{
	width:331px; float:left; 
}

#content #right_space 
{
	width:662px; float:right;	
}

#content #right_space #col2 
{
	width:331px; float:left;	
}

#content #right_space #col3 
{
	position:relative; width:331px; float:right; height:330px	
}
img#home_unicef
	{
	position:absolute; left:20px; top:150px
	}
/* paragraph styling */
#content #col1 p { margin:10px 20px 40px 40px }
#content #col1 h1 {margin:28px 20px 20px 40px}
#content #col2 p { margin:10px 30px 40px 46px; width:235px  }
#content #col2 h1 {margin:28px 20px 20px 46px}
#content #col3 p { margin:10px 56px 40px 22px }
#content #col3 h1 {margin:28px 20px 20px 22px}

/* PAGE - OUR SERVICES -  3 cols */

#right_space_2
	{	
	float:right;  
	width:695px;  
	}
#right_space_2_port 
	{
	float:right;  
	width:695px; margin-right:15px  
		
	}	
h1#port_head
	{
	 margin-left:15px 
	}	
 #col1_a
	{
	position:relative;		
 	width:48%; float:left; padding-top:18px; padding-bottom:0px; 
	}
 #col1_a p { padding-left:5px; padding-bottom:10px }
		
 #col2_a
	{	
	position:relative;	
 	width:48%; float:right;padding-top:18px;padding-bottom:0px; 
	}
 #col2_a p  { padding-right:45px;padding-bottom:10px  }
 
a#link_seee{ position:absolute; left:20px; top:75px; height:44px; overflow-y:hidden}
a#link_seee img:hover{ position:relative; top:-47px; }

/* Page - PORTFOLIO  */
a#back_to_top
	{
	position:absolute; bottom:-696px; left:37px; width:95px; z-index:1300; overflow-x:hidden
	}
a#back_to_top img:hover
	{
	position:relative; left:-91px
	}	
#port_links 
	{
	position:relative; float:left; padding-left:5px; overflow-y:hidden;
	width:234px; height:600px; margin-top:100px; margin-left:30px; overflow-x:hidden;
	}

#port_links a.current img
	{
	position:relative; left:-234px;
	}
#logo_imgs{ position:relative; float:left; height:470px; width:100%; }
 

a#plink0 img:hover, img.current{ position:relative; left:-234px}
a#plink1 img:hover, img.current{ position:relative; left:-234px}
a#plink2 img:hover, img.current{ position:relative; left:-234px}
a#plink3 img:hover, img.current{ position:relative; left:-234px}
a#plink4 img:hover, img.current{ position:relative; left:-234px}
a#plink5 img:hover, img.current{ position:relative; left:-234px}
a#plink7 img:hover, img.current{ position:relative; left:-234px}
a#plink8 img:hover, img.current{ position:relative; left:-234px}
a#plink9 img:hover, img.current{ position:relative; left:-234px}
a#plink10 img:hover, img.current{ position:relative; left:-234px}
a#plink11 img:hover, img.current{ position:relative; left:-234px}
a#plink12 img:hover, img.current{ position:relative; left:-234px}
a#plink13 img:hover, img.current{ position:relative;left:-234px}
a#plink14 img:hover, img.current{ position:relative; left:-234px}
a#plink15 img:hover, img.current{ position:relative; left:-234px}
a#plink16 img:hover, img.current{ position:relative; left:-234px}
a#plink17 img:hover, img.current{ position:relative; left:-234px}
a#plink18 img:hover, img.current{ position:relative; left:-234px}
a#plink19 img:hover, img.current{ position:relative; left:-234px}
a#plink20 img:hover, img.current{ position:relative; left:-234px}

 p.loading_gif 
 {
	position:absolute; top:250px; left:580px; z-index:999; font-size:11px
 }
#port_item 
	{
	position:relative;	
	float:left; 
	width:659px; height:430px; 
	overflow-x:hidden; z-index:1000; margin-top:40px
	}	
	
a#larr{ position:absolute; top:288px; left:253px; z-index:1200;
width:35px; height:34px; overflow:hidden; }
a#larr img{ width:70px; height:34px}
a#rarr img{width:70px; height:34px}

a#rarr{position:absolute; top:288px; right:30px; z-index:1200;
width:35px; height:34px; overflow:hidden }

/* hover classes */
a#larr img.hover{position:relative; left:-36px}
a#rarr img.hover{position:relative; left:-36px}
a.no_display{ display:none}


a#larr img:hover{ position:relative; left:-36px}	
a#rarr img:hover{ position:relative; left:-36px}

#info {
	position:relative; float:left;  margin-left:25px;
	width: 420px; margin-bottom:50px  
}
/* Image chooser */
#img_chooser{ position:absolute; right:-218px; top:10px; width:200px;    }
a.img_ch_item, a.img_ch_item2 
	{
		position:relative; float:left; width:88px; overflow-x:hidden;
		margin-bottom:4px;	margin-right:3px;
	}
a.img_ch_item img:hover { position:relative; left:-88px; top:0px}
a.img_ch_item2 img:hover { position:relative; left:-87px; top:0px}

p.error{ text-align:right; color:#CE1C5A}

#main_img { position:relative; left:0px; top:0px; z-index:1100;}

/* PAGE - Portfolio */
img#logos 
	{
	position:absolute; right:80px; top:30px;
	}
	
/* PAGE - Our people */	
#col1_ourp
	{
	position:relative; float:left;	
	width:33%; height:1200px;  
	}
#col2_ourp
	{
	position:relative; float:left;		
	width:33%;  
	}
#col3_ourp
	{
	position:relative; float:left;		
	width:33%;  
	}
	
/* PAGE - Our people  */

h3.staff_title
	{
	display:block; 
	clear:both;
	margin-left:6px;
		padding-top:3px;		
	font-size:15px;		
	color:#30077b;
	}
p.staff_desc
	{
	display:block;
	clear:both; 
	margin-left:6px;	
	font-size:11px;		
	}
#quicklist
	{
	position:absolute; 
	left:0px; bottom:68px;
	width:994px;
	height:138px;
	background: url('../images/quicklist.jpg') left top;	
	}	
 
a#q1{ position:absolute; width:123px; height:18px; display:block; left:305px; bottom:97px;}	
a#q2{position:absolute; width:123px; height:18px; display:block; left:305px; bottom:76px;}	
a#q3{position:absolute; width:123px; height:18px; display:block; left:305px; bottom:53px }	
a#q4{position:absolute; width:123px; height:18px; display:block; left:305px; bottom:31px ;}	
a#q5{position:absolute; width:123px; height:18px; display:block; left:482px; bottom:97px ;}	
a#q6{position:absolute; width:123px; height:18px; display:block; left:482px; bottom:76px;}	
a#q7{position:absolute; width:123px; height:18px; display:block; left:482px; bottom: 53px;}	
a#q8{position:absolute; width:123px; height:18px; display:block; left:482px; bottom: 31px;}	
a#q9{position:absolute; width:123px; height:18px; display:block; left:641px; bottom:97px ;}	
a#q_10{position:absolute; width:123px; height:18px; display:block; left:641px; bottom:76px ;}	
a#q_11{position:absolute; width:123px; height:18px; display:block; left:641px; bottom:53px ;}	
a#q_12{position:absolute; width:123px; height:18px; display:block; left:641px; bottom:31px ;}	
a#q_13{position:absolute; width:123px; height:18px; display:block; left:785px; bottom:97px ;}	
a#q_14{position:absolute; width:123px; height:18px; display:block; left:785px; bottom:76px ;}	

/* faces */

	#col1_ourp a, #col2_ourp a, #col3_ourp a { position:relative; float:left; display:block; width:178px; height:136px ;overflow-x:hidden}		
#col1_ourp a img, #col2_ourp a img, #col3_ourp a img{   width:356px; }
	
#col1_ourp a img:hover, #col2_ourp a img:hover, #col3_ourp a img:hover{ 
	position:relative; left:-178px; top:0px;
	display:block;  overflow:hidden}	
	
	
/* PAGE - Staff */	
#staff_top_block
	{
 
	}
#staff_top_block a
	{
position:relative; float:left; display:block; width:178px; height:136px ;overflow-x:hidden; margin-right:20px; 
	}	
	
h3.staff_title_2
	{
 	padding-top:30px; margin-top:40px;
	font-size:15px;		
	color:#30077b;
	}
h3.staff_title_2_extra_pad
	{
 	padding-top:45px; margin-top:40px;
	font-size:15px;		
	color:#30077b;
	}	
h3.staff_title_3
	{
 	padding-top:28px; margin-top:40px;
	font-size:15px;		
	color:#30077b;
	}	
p.staff_desc_2
	{
	font-size:11px; 
	}	
	
p#staff_bottom_block{ display:block; clear:both; padding-top:0px; margin-bottom:30px; width:460px}	
	
#bottom_box 
	{
	width:100%; float:left;
	} 	
img#text_next_person { position:absolute; top:82px; right:148px; z-index:1200 }
a#larr2{ position:absolute; top:75px; right:98px; z-index:1200;
width:34px; height:34px; overflow:hidden; }
a#rarr2{position:absolute; top:75px; right:52px; z-index:1200;
width:34px; height:34px; overflow:hidden }

a#larr2 img.hover{position:relative; left:-36px}
a#rarr2 img.hover{position:relative; left:-36px}
 


a#larr2 img:hover{ position:relative; left:-36px}	
a#rarr2 img:hover{ position:relative; left:-36px}
	
	
/* Submit Feedback */

a.submit_feedback
	{
	display:block; width:134px; overflow:hidden;
	}	
a.submit_feedback img:hover
	{
	position:relative; left:-142px; 
	}
	


/*  Page Contact Us*/
.contact_person 
	{
	float:left; margin-right:40px; margin-top:34px
	} 
.contact_person a { position:relative; float:left; display:block; width:178px; height:136px ;overflow-x:hidden}		
.contact_person a img{   width:356px; }
	
.contact_person a img:hover{ 
	position:relative; left:-178px; top:0px;
	display:block;  overflow:hidden}	
	
#contact_details
	{
	position:absolute; right:130px; top:326px;
		
	}
img#rata1 { position:absolute; top:270px; left:35px}
   /*for home page*/
img#rata2 {  position:absolute; top:270px; left:158px} 


/* Form */
p#name_txt{ }
 

/* Errors*/
.error{ color:#30077b; font-size:11px; line-height:17px; letter-spacing:0.5px; color:#CE1052   }
#rate_error { position:absolute; top:334px; left:476px }
#captcha_error { position:absolute; top:684px; left:446px }

#name_error{position:absolute; top:130px; left:390px }
#company_error{position:absolute; top:190px; left:420px }
#message_error{position:absolute; top:453px; left:370px }
#email_error{position:absolute; top:250px; left:546px }

#success_msg
	{
	position:absolute; top:100px; left:300px;	
	color:#94CB5A; font-size:13px; line-height:17px; letter-spacing:0.5px;  
	}
	
/* Footer Drop */
#footer_drop
	{
	position:absolute; z-index:1400;
	width:1017px; height:33px; bottom:-30px; left:-17px;
	background:url('../images/footer_drop.jpg') repeat-y left ; 
	}	
	
.email
	{
	height:20px;
	}