/* COMMON */
html { margin:0px; padding:0px;}
body { margin:0px; padding:0px; background:url(../images/body.gif) #fef7e1 repeat-x top left; font-family:Tahoma, Verdana;}
/* ul { padding:0px; margin:0px; list-style:none;} */
li { padding:0px; margin:0px;}
a { text-decoration:none; padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;}
form { padding:0px; margin:0px;}
input { padding:0px; margin:0px;}
span { padding:0px; margin:0px;}
.cleaner { clear:both;}

.container {}
.outer { width:934px; margin:0px auto;}
.empty { width:234px; height:20px; font-size:10px;}

/* THE HEADER */
.head { width:910px; height:45px; float:left; padding:40px 12px 25px 12px; background:url(../images/slogan2.gif) no-repeat 262px 64px;}
.head .home { width:230px; height:45px; display:block; float:left; background:url(../images/logo.gif) no-repeat top left;}
.head ul { padding:0px 0px 6px 0px; margin:0px; list-style:none; float:right; list-style:none; height:39px;}
.head ul li { padding:0px 9px; margin:0px; float:left; height:39px; border-left:solid 1px #dfcb9d;}
.head ul li a { font-size:12px; text-decoration:none; color:#178fc4; margin:25px 0px 0px 0px; float:left;}
.head ul li a span { display:none;}
.head ul li a.home { width:32px; height:8px; display:block; background:url(../images/home.gif) no-repeat top left;}
.head ul li a.aboutus { width:54px; height:8px; display:block; background:url(../images/aboutus.gif) no-repeat top left;}
.head ul li a.ourteam { width:55px; height:8px; display:block; background:url(../img/ourteam.png) no-repeat top left;}
.head ul li a.services { width:48px; height:8px; display:block; background:url(../images/services.gif) no-repeat top left;}
.head ul li a.requestform { width:47px; height:8px; display:block; background:url(../images/requestform.gif) no-repeat top left;}
.head ul li a.jobs { width:60px; height:8px; display:block; background:url(../images/expatjobs.gif) no-repeat top left;}
.head ul li a.contactus { width:55px; height:8px; display:block; background:url(../images/contactus.gif) no-repeat top left;}

/* THE HEAD-IMG PART + THE THREE ELEMENTS */
.upper { width:934px; float:left; min-height:209px; padding:0px 0px 0px 0px; position:relative; top:-30px; z-index:2;}
* html .upper { height:209px;} 
.flash { width:910px; height:267px; float:left; margin:0px 0px 0px 12px; z-index:1; background:url(../images/head_img.gif) no-repeat top left;}
* html .flash { margin:0px 0px 0px 6px;}

.upper .titles { width:910px; float:left; padding:0px 12px; margin:0px 0px 3px 0px; visibility: hidden;}
.upper .title { width:272px; height:25px; padding:10px 0px 0px 30px; float:left; background:#fffcf0; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.upper .title span { background:url(../images/small_arrow.gif) no-repeat left 3px; float:left; font-size:11px; font-weight:bold; padding:0px 0px 0px 30px;}
.upper .title a span { cursor: pointer;}
/* the three elements */
.upper .lists {width:910px; min-height:30px; position:relative; float:left; padding:15px 12px 60px 12px; background:url(../images/lists.gif) no-repeat bottom left;}
* html .upper .lists { height:30px;}
.upper .lists .first { width:236px; padding:0px 30px 0px 30px; float:left; margin:0px 10px 0px 0px; list-style:none;}
.upper .lists .first li { color:#dc382d; font-size:12px; width:236px; float:left;}
.upper .lists .two { width:243px; padding:0px 25px 0px 28px; float:left; margin:-10px 10px 0px 0px; list-style:none;}
.upper .lists .two li {width:213px; float:left; position:relative; padding:10px 0px 10px 30px; background:url(../images/small_plus.gif) no-repeat left 12px;}
.upper .lists .two li a {color: #29a4da; font-size:11px; font-weight:bold; float:left;}
.upper .lists .two li .sqnka { position:absolute; width:274px; height:18px; bottom:-18px; left:-23px; background:url(../images/sqnka.png) no-repeat top left;}
* html .upper .lists .two li .sqnka  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.pixeldepo.com/bgexpat/images/sqnka.png', sizingMethod='image');}
.upper .lists .three { width:250px; padding:0px 15px 0px 30px; list-style:none; float:left; margin:0px 0px 0px 0px;}
.upper .lists .three li {width:250px; float:left; font-size:12px; color:#736357; padding:0px;}
.upper .lists .three li img { float:left; margin:0px 10px 10px 0px;}
.upper .lists .three li a {color: #29a4da; font-size:11px; font-weight:bold; float:left;}
.upper .lists .more1 { width:219px; height:14px; position:absolute; bottom:35px; left:40px; padding:0px 0px 0px 20px; background:url(../images/small_arrow.gif) no-repeat left 3px;}
.upper .lists .more1 a {color:#736357; font-size:12px; float:left;}
.upper .lists .more2 { width:219px; height:14px; position:absolute; bottom:35px; left:346px; padding:0px 0px 0px 20px; background:url(../images/small_arrow.gif) no-repeat left 3px;}
.upper .lists .more2 a {color:#736357; font-size:12px; float:left;}
.upper .lists .more3 { width:219px; height:14px; position:absolute; bottom:35px; left:651px; padding:0px 0px 0px 20px; background:url(../images/small_arrow.gif) no-repeat left 3px;}
.upper .lists .more3 a {color:#736357; font-size:12px; float:left;}

/* THE MAIN CONTENT --- INFO PAGES */

.content { width:934px; float:left;  margin:-30px 0px 0px 0px; padding:3px 0px 15px 0px; position:relative;}
* html .content { margin:0px 0px 0px 0px;}
.info { width:874px; padding:12px 30px 20px 30px; position:relative;}
.info_ttl { padding:0px 0px 0px 30px; float:left; background:url(../images/small_plus.gif) no-repeat left center; font-size:11px; color:#178fc4; font-weight:bold;}
#totop1 { float:right; font-size:11px; font-weight:bold; color:#736357;}
.big_sqnka { width:924px; height:18px; background:url(../images/big_sqnka.png) no-repeat top left; position:absolute; bottom:-18px; left:5px;}
* html .big_sqnka  { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.pixeldepo.com/bgexpat/images/big_sqnka.png', sizingMethod='image');}

.leftmenu { width:314px; float:left; background:url(../images/leftmenu_repeat.gif) repeat-y top left;}
.bg1 {width:314px; float:left; background:url(../images/leftmenu_top.gif) no-repeat top left;}

.leftmenu ul { width:284px; list-style:none; float:left; background:url(../images/leftmenu_bottom.gif) no-repeat bottom left; padding:10px 0px 10px 30px; margin: 0;}
.leftmenu ul li { width:284px; float:left; clear:both; padding:20px 0px; position:relative;}
.leftmenu ul li .mid_sqnka { display: block; width:305px; height:11px; position:absolute; bottom:-12px; left:-21px; background:url(../images/mid_sqnka.png) no-repeat top left;}
* html .leftmenu ul li .mid_sqnka  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.pixeldepo.com/bgexpat/images/mid_sqnka.png', sizingMethod='image');}
.leftmenu ul li a { font-size:11px; color:#178fc4; font-weight:bold; padding:0px 0px 0px 30px; background:url(../images/small_plus.gif) no-repeat left center;}
.leftmenu ul li .selected { background:url(../img/small_minus.png) no-repeat left center;}
.leftmenu ul li ul { width:284px; padding:0px 0px 0px 20px; list-style:none; float:left; position:relative; background:url(../images/submenu_repeat.gif) repeat-y top left; margin:20px 0px 0px -30px;}
.leftmenu ul li .mid_sqnka2 { width:305px; height:11px; position:absolute; top:0px; left:5px; background:url(../images/mid_sqnka.png) no-repeat top left;}
* html .leftmenu ul li .mid_sqnka2  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.pixeldepo.com/bgexpat/images/mid_sqnka.png', sizingMethod='image');}
.leftmenu ul li ul li {width:254px; padding:12px 0px 12px 40px; background:url(../images/sublibg.gif) no-repeat 5px bottom;}
.leftmenu ul li ul li a { padding:0px; background:none; color:#736357;}

.text { float:left; width:548px; padding:50px 25px 0px 35px;}
.text2 { float: none; width: auto; padding-top: 25px;}
.text .text_ttl { padding:0px 0px 25px 0px; color:#178fc4; font-size:11px; font-weight:bold;}
.text .text_cont { color:#736357; font-size:11px;}
.text .text_cont a { color:#736357; text-decoration: underline;}
.text .text_cont a img { border: 0;}
.text .text_cont a:hover { color:#178FC4; text-decoration: none;}
.text .text_cont p { padding: 0 0 5px; margin: 0;}
.text #totop2 { padding:40px 0px 0px 0px; clear: both;}
.text #totop2.testimonial-top { padding:0px; height: 20px; clear: both;}
.text #totop2 a {font-size:11px; font-weight:bold; color:#736357; float:right; text-decoration: none;}

/* TESTIMONIALS */
.testimonial { width:508px; padding:20px; background:#FFFBEB; border:solid 1px #cac9b8; margin-bottom:30px;}
.testimonial img { float:left; margin:0px 10px 10px 0px;}
.testimonial_info { padding:0px; margin:0px; list-style:none;}
.testimonial_info li { font-size:11px; color:#555555;}
.testimonial_info li.name { font-size:12px; font-weight:bold;}
.testimonial_info li.animator_cont { padding-top: 5px}
.testimonial_info li a { color:#178fc4;}

/* REQUEST FORM */
.request dl { float: left; width: 33%; padding: 0 0 14px; margin: 0;}
.request .additional { width: 66%;}
.request dl dt { padding: 0 0 8px; margin: 0; text-transform: uppercase; font-weight: bold;}
.request dl dd { padding: 0 0 8px; margin: 0;}
.request dl .field-text label, .request dl .field-select1 label, .request dl .field-select01 label { display: block; padding: 0 0 4px 8px;}
.request .additional label { float: left; display: block; width: 80px; padding: 0 0 4px 8px; line-height: 18px}
.request .additional .long { float: none; display: block; width: auto;}
.request dl .field-text span { display: block; height: 18px; padding: 5px 0 0 8px; background:url(../img/field-text-bkg.png) no-repeat left top;}
.request dl .field-area span { display: block; height: 114px; padding: 5px 0 0 8px; background:url(../img/field-area-bkg.png) no-repeat left top;}
.request input, .request textarea { border: 0; background-color: #fef6df; background-color: transparent; font-size: 11px; font-family:Tahoma, Verdana; color: #403e38;}
.request dl .field-text input { width: 234px; margin-right: 10px;}
.request textarea { width: 237px; height: 106px;}
.request dl .error label { color: #dc382d;}
.list-errors { padding: 10px; margin: 10px 0; list-style-type: none; background: #fff; font-size: 12px; font-weight: bold; color: #dc382d; text-align: center;}

/* TO DO compact the dropper's css */
.text .request .drop {
	position: relative;
	display: block;
	height: 19px;
	line-height: 19px;
	padding: 2px 30px 2px 8px;
	background: #fff7e0 left top no-repeat;
	outline: none;
	font-size: 11px;
	color: #403e38;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
}

.request .dropper {
	float: left; display:block;
}

.request .short .drop {
	width: 46px;
	background-image: url(../img/drop-short.png);
}

.request .verylong .drop {
	width: 328px;
	background-image: url(../img/drop-verylong.png);
}

.request .middle .drop {
	width: 214px;
	background-image: url(../img/drop-middle.png);
}

.request .drop span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}

.request a:hover.drop {
	background-position: left bottom;
	color: #000;
}

.request .dropper div {
	position: absolute;
	width: auto;
	margin: -1px 0 0 4px;
	border: 1px solid;
	border-top: 0;
	border-color: #cfc9bc #b3afa6 #b3afa6 #cfc9bc;
	background: #fff;
	overflow: auto;
	z-index: 1000;
}

.request .middle div {
	position: absolute;
	width: 249px;
	margin: -1px 0 0 1px;
	border: 1px solid;
	border-top: 0;
	border-color: #cfc9bc #b3afa6 #b3afa6 #cfc9bc;
	background: #fff;
	overflow: auto;
	z-index: 1000;
}

.request .short div {
	width: 72px;
}

.request .verylong div {
	width: 356px;
}

.request .dropper .scrolled {
	height: 112px;
}

.request .dropper ul {
	padding: 0;
	margin: 0;
	line-height: 16px;
	list-style-type: none;
}

.request .dropper ul li {
	float: none;
	padding: 0;
}

.request .dropper ul li a {
	display: block;
	height: 20px;
	padding: 0 5px;
	outline: none;
	line-height: 18px;
	font-size: 11px;
	color: #605850;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
}

.request .dropper ul li a:hover {
	background: #fbf9f7;
	color: #000;
}
/*
.request select {
	display: block;
	margin: 6px 0 10px;
	font-size: 11px;
	color: #e62280;
}
*/
.request .checkbox { float: left; display: block; width: 14px; height: 14px; margin-right: 5px; background:url(../img/checkbox.png) no-repeat top left;}
.request a:hover.checkbox { background-position: left -14px;}
.request .checkbox.selected { background-position: left -28px;}
.request a:hover.selected { background-position: left bottom;}
.request .submit { width: 69px; height: 27px; background:url(../img/submit.png) no-repeat top left; cursor: pointer;}
.request .hovered, .request dl .field-text .hovered, .request dl .field-area .hovered { background-position: left bottom; color: #000;}

/* GALLERY */


.gallery {
	float: right;
	width: 204px;
	margin: 0 0 10px 10px;
}

.galarrow {
	float: left;
	display: block;
	width: 10px;
}

.galarrow a {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/gal_arrow.gif) no-repeat;
}

.galarrow .prev {
	background-position: left top;
}

.galarrow .next {
	background-position: right top;
}

.galarrow a:hover.prev {
	background-position: left bottom;
}

.galarrow a:hover.next {
	background-position: right bottom;
}

.galthumbs .bigpic {
	width: 200px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.galthumbs .bigpic a {
	display: block;
	width: 200px;
	padding: 1px;
	border: 1px solid #dfdece;
	background: #fff;
}

.galthumbs .bigpic a:hover {
	border-color: #178fc4;
}

.galthumbs .bigpic img {
	border: 0;
}

.galthumbs {
	background: url(../img/ajax-loader.gif) center no-repeat;
}

.galthumbs #thumbslist {
	display: block;
	min-height: 16px;
	padding: 5px 5px 0;
	margin: 0 auto;
	background: url(../img/gallery_bkg.png) center top no-repeat;
	list-style-type: none;
	font-size: 11px;
}

* html .galthumbs #thumbslist {
	height: 16px;
}

#thumbslist li {
	float: left;
}

#thumbslist li a {
	position: relative;
	padding-left: 2px;
	height: 12px;
	outline: none;
	color: #178fc4;
	text-align: center;
	text-decoration: none;
}

#thumbslist li a .thumb {
	position: absolute;
	bottom: 14px;
	left: 0;
	top: auto;
	visibility: hidden;
	display: block;
	width: 0;
	height: 0;
	padding: 1px;
	border: 1px solid #dfdece;
	background: #fff;
}

#thumbslist li a .thumb img {
	border: 0;
}

#thumbslist li a:hover {
	background-position: center;
	color: #dc382d;
}

#thumbslist li .selected {
	color: #736357;
}

#thumbslist li a:hover .thumb {
	visibility: visible;
	display: inline-block;
	width: auto;
	height: auto;
}

#thumbslist li a:hover.selected .thumb {
	visibility: hidden;
	display: none;
}

/* LIGHTBOX */

#lightbox .bkg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 2000px;
	background-image: url(../img/lightbox_bkg.png);
}

#lightbox .content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

#lightbox .header {
	padding: 0 11px 0 0;
	margin: 0;
	background: url(../img/lightbox_bkg2.png) right -50px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #836242;
}

#lightbox .header span {
	display: block;
	height: 48px;
	padding-left: 15px;
	background: url(../img/lightbox_bkg2.png) left top no-repeat;
	line-height: 44px;
}

#lightbox .close {
	position: absolute;
	top: 16px;
	right: 14px;
	width: 40px;
	height: 10px;
	background: url(../img/close.gif) right top no-repeat;
}

#lightbox a:hover.close {
	background-position: right bottom;
}

#lightbox .pic {
	display: block;
	padding: 0 10px;
	margin: 0;
	background-color: #fef7e1;
}

html:first-child #lightbox .pic, html:first-child #lightbox .pic span {
	height: 100%;
}

#lightbox .pic span {
	display: block;
	background: url(../img/ajax-loader.gif) center center no-repeat;
	text-align: center;
}

#lightbox .footer {
	height: 12px;
	padding-right: 11px;
	background: url(../img/lightbox_bkg2.png) right bottom no-repeat;
	font-size: 0;
}

#lightbox .footer div {
	height: 12px;
	background: url(../img/lightbox_bkg2.png) left -144px no-repeat;
}

#lightbox .navigation {
	overflow: hidden;
	background-color: #fef7e1;
}

#lightbox .navigation ul {
	width: 278px;
	height: 33px;
	padding: 10px 60px;
	margin: 5px auto;
	background: #fef7e1 url(../img/lightbox_footer_bkg.png) left top no-repeat;
	list-style-type: none;
}

#lightbox .navigation ul li {
	float: left;
}

#lightbox .navigation ul .prev a, #lightbox .navigation ul .next a {
	display: block;
	width: 115px;
	height: 25px;
	line-height: 23px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #178fc4;
	text-decoration: none;
}

#lightbox .navigation ul .prev a {
	padding-left: 18px;
	margin-left: 5px;
	background: url(../img/small_arrow_left.gif) no-repeat left center;
}

#lightbox .navigation ul .next a {
	padding-right: 18px;
	margin-right: 5px;
	background: url(../img/small_arrow_right.gif) no-repeat right center;
	text-align: right;
}

#lightbox .navigation ul .prev a:hover, #lightbox .navigation ul .next a:hover {
	color: #dc382d;
}

/* FOOTER */
.footer { background:#f6f7e9; height:60px;}
.ftr { width:908px; height:33px; background:#fffdf3; border-left:solid 1px #fffbe8; border-right:solid 1px #fffbe8; margin:0px auto;}
.ftr ul { text-align:center; padding:10px 0px 0px 0px; margin:0px; list-style:none;}
.ftr ul li { display:inline; color:#b6ada3; float:left; height:13px; padding:0px 12px; border-right:solid 1px #b6ada3; font-size:11px;}
.ftr ul li a { color:#b6ada3; font-size:11px; margin:0px; padding:0px}
.ftr ul li.ftr_big {padding:0px 190px 0px 30px; border:none;}
.ftr ul li.ftr_dev {border:none;}

/* JOBS */

#jobs {
		width:548px; padding:0px; margin:20px 0px 0px 0px; list-style:none; float:left;
}

#jobs li {
		width:548px; float: left; margin:0px 0px 20px 0px; background:none; position:relative; 
}

#jobs li .little-logo { position:absolute; top:13px; left:10px; width:15px; height:15px; background:url(../img/little-logo.gif) no-repeat top left;}

#jobs li.gray {
		background:#f2ebd6;
}

#jobs li a .title {
		width:518px; float: left; padding:5px 10px 5px 0px; border-bottom:solid 1px #d3d4be; cursor:pointer;
}

#jobs li a .title .company { float: left; }
#jobs li a .title .date { float:right;}
#jobs li a {width:528px; padding:10px; font-size:12px; background:none; float: left; text-decoration:none;}
#jobs li a .position { width:528px;  float:left; clear:both; color:#178fc4; padding:4px 0px; cursor:pointer; }
#jobs li a .short { width:528px;}
#jobs li a:hover {background:#e0dfcb; color:#736357}
#single-job { width:548px; margin:0px; padding:0px; list-style:none}
#single-job li { width:548px; clear:both; padding:10px 0px;}
#single-job li span { float:left;}
#single-job li span.row-title { width:138px; font-weight:bold; padding:0px 10px 0px 0px; text-align:left;}
#single-job li span.row-content {  width:400px; }
.text .text_cont p.paging { float:right; display:block; text-align:right; padding:0px 20px 0px 0px;}
.rjobs { float:left; padding:0px 0px 0px 0px; }
.rjobs label { float:left; padding:5px 5px 0px 0px;}
.sort { width:39px; height:21px; margin:1px 0px 0px 0px; cursor:pointer; background:url(../img/sort.png) no-repeat top left; border: none;}
.text .text_cont p.msg { font-size:14px; color:#dc382d; border:solid 1px #e5dec6; text-align:center; padding:5px 10px; margin:0px 0px 20px 0px;}

.addjob dl .field-text label, .addjob dl .field-select01 label {float: left; padding:3px 0px 0px 0px; width:120px;}
.addjob dl .field-text span, .addjob dl .field-select01 span { float:left;}
.addjob dl .field-text span input { width:232px; padding:0px 2px 0px 0px;}
.addjob dl dd { clear: both; padding:0px 0px 5px 70px; float: left; width:458px;}
.addjob dl .field-area span { width:243px;}
.addjob .submit { width: 69px; height: 27px; float:right; position:relative; right:85px; background:url(../img/submit.png) no-repeat top left; cursor: pointer;}

.sok-1	{	width:200px; float:left;}
.sok-2	{	width:100px; float:right;}

/* banners */
.banners {margin: 0px 0px 20px 0px; float: left; width:934px;}
.banners td { text-align:center;}
.banners a {width: 234px; height: 60px; margin: 0px 1px 0px 0px;}
.banners a img { border: none;}

u { text-decoration:none;}

#bannersform { position:relative;}
#bannersform object { position: relative; z-index: 1;}
#bannersform embed { position: relative; z-index: 1;}
.banners a.hiddena {width: 234px; height: 60px; display: block; position: absolute; top: 0px; left: 0px; z-index:100; cursor: pointer;}

pre { 
 margin:0px;  
 font-family: Tahoma, Verdana; 
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

}