/* ==================== BEGIN LAYOUT ==================== */

	*{
		margin: 0; padding: 0;
		list-style-type: none;
	}
	
	html, body{
		height: 100%; width: 100%;
		background-color: #fff;
		font-size: 11px; color: #5f5e5e;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	a{ outline: none; }

	div.container{ 
		width: 1000px; margin: 0 auto; 
		background: transparent url('../i/layout/containerbg.jpg') left top repeat-y; 
	}
	
	div.left{ width: 238px; float: left; position: relative; }
	div.right{ width: 722px; float: left; }
	
	div.logo{
		height: 231px; width: 238px; float: left; cursor: pointer;
		background: white url('../i/layout/logo.jpg') left top no-repeat;
	}
	
	div.sep{
		height: 245px; width: 40px; float: left;
		background: transparent url('../i/layout/sepbg.jpg') left top repeat-x;
	}
	
	div.sep1{
		height: 157px; width: 40px; float: left;
		background: transparent url('../i/layout/sepbg1.jpg') left top repeat-x;
	}
	
	div.header{
		height: 157px; width: 722px; float: left;
		background: transparent url('../i/layout/header.jpg') left top no-repeat;
	}
	
	div.flash{
		height: 245px; width: 722px; float: left;
	}

	ul#menu{ width: 238px; float: left; display: block; padding: 13px 0 0 0; }
	ul#menu li{ width: 238px; float: left; margin: 0; padding: 0; }
	ul#menu li a{ 
		height: 20px; width: 220px; display: block;
		padding: 5px 0 0 18px; color: #fff;
		text-transform: uppercase; 
		text-decoration: none;
	}
	
	ul#menu li a:hover, ul#menu li a.active{
		background: transparent url('../i/layout/ahover.jpg') left top no-repeat;
	}
	
	ul#menu ul { display: none; }	
	
	ul#menu ul.block{ display: block;}
		
	ul#menu li ul li{
		background: transparent url('../i/layout/lisubbg.jpg') left top no-repeat;
		
	}
		
	ul#menu li ul a{
		text-transform: none; width: 200px; display: block;
		padding: 6px 0 0 38px;    
	}
	
	ul#menu li ul a:hover, ul#menu li ul a.current{ 
		/*background: transparent url('../i/layout/langactive.jpg') 25px 50% no-repeat;*/
		background: transparent url('../i/layout/ahoversub.jpg') top left no-repeat;
	}
	
	div.lang{ height: 20px; width: 230px; padding: 50px 0 10px 8px; }
	div.searchbox{ height: 20px; width: 230px; padding: 0px 0px 10px 8px; }
	
	div.lang a{
		height: 17px; width: 25px; display: block; padding: 3px 0 0 0;
		margin: 0 10px 0 0; float: left; text-align: right;
		color: #fff; font-size: 11px; text-decoration: none;
	}
	
	div.lang a:hover, div.lang a.active{
		background: transparent url('../i/layout/langactive.jpg') left 50% no-repeat;
	}
	
	div.navpath{
		height: 19px; width: 662px; float: right; padding: 6px 30px 0 30px;
		background: transparent url('../i/layout/navpathbg.jpg') left top repeat-x; 
	}
	
	div.navpathwhite{
		height: 19px; width: 662px; float: right; padding: 6px 30px 0 30px;
		background: transparent url('../i/layout/navpathwhitebg.jpg') left top repeat-x; 
	}
	
	div.navpath span.left, div.navpathwhite span.left{ 
		font-size: 11px; color: #8c0000; text-transform: uppercase; float: left; 
	}
	.searchtitle{ font-size: 11px; color: #8c0000; text-transform: uppercase; float: left; }
	div.navpath span.right, div.navpathwhite span.right{ 
		color: #8d8d8d; float: right; font-size: 10px; text-transform: lowercase; 
	}
	div.navpath span.right a, div.navpathwhite span.right a{ 
		color: #8d8d8d; text-decoration: none; text-transform: lowercase; 
	}
	
	div.content{ width: 692px; float: left; padding: 30px 0 0 30px; }
	
	div.footer{
		width: 702px; float: right; height: 10px; padding: 0 20px 3px 0; margin: -13px 0 0 0;
		background: transparent url('../i/layout/footerbg.jpg') left top repeat-y;
	}
	
	div.footer a{ color: #fff; text-decoration: none; font-size: 10px; float: right; }

/* ==================== END LAYOUT ==================== */


/* ==================== BEGIN IMMOS 1st PAGE ==================== */

	div.immobox{ width: 190px; float: left; margin: 0 30px 0 0; color: #8d8d8d; font-size: 10px; font-weight: bold; }
	div.immobox .title{
		height: 25px; width: 100%; display: block; color: #5f5e5e; font-size: 11px; overflow: hidden; font-weight: bold; 
	}
	div.immobox a.imga{ color: #8c0000; text-decoration: none;  position:relative; width:171px; height:102px; 
		 float:left; margin-bottom:10px;}
	div.immobox a, a.link{ color: #8c0000; text-decoration: none;}
	
	div.immobox a.imga div.hoverimg{
		position:absolute; width:171px; height:102px; background:#333333; left:0; top:0;
		filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	}
	div.immobox a.imga:hover div.hoverimg{
		position:absolute; width:171px; height:102px; background:none; left:0; top:0;
	}
	/*div.immobox a img{ 
		height: 102px; width: 171px; display: block;
		filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	}
	
	div.immobox a:hover img{ 
		filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
	}*/
	div.immobox .red{ color: #8c0000; }
	
	div.immobox div.txt{ height: 38px; overflow: hidden; color: #5f5e5e; font-weight:normal; }
	
	
	div.bent{ height: 45px; width: 100%; clear: both; }

/* ==================== END IMMOS 1st PAGE ==================== */


/* ==================== BEGIN INTRODUCE ==================== */

	ul.list{ width: 690px;  padding: 20px 0; }
	ul.list1{ width: 690px;  padding: 0px 0; }
	ul.list2, div#inside ul{  padding: 10px 0; }
	ul.list2 li, div#inside ul li{
		color: #797878; padding: 1px 0 1px 10px; 
		background: transparent url('../i/layout/block.jpg') left 70% no-repeat;
	}
	ul.list li, ul.list1 li{
		width: 680px; color: #797878; padding: 1px 0 1px 10px; 
		background: transparent url('../i/layout/block.jpg') left 70% no-repeat;
	}
	
/* ==================== END INTRODUCE ==================== */	



/* ==================== BEGIN CLIENTS ==================== */

	div.clientbox{ 
		width: 666px; border-bottom: 1px solid #debf9a; 
		padding: 10px 0; float: left; line-height: 14px;
	}
	
	div.clientbox .light{ color: #817e7e; font-size: 10px; }
	div.clientbox a{ color: #8c0000; text-decoration: none; font-size: 10px; }
	
	div.paging{
		height: 16px; width: 100%; font-size: 10px; padding: 30px 0 0 0; 
		color: #8c0000; text-align: left; vertical-align: middle;
	}
	
	div.paging a{
		font-size: 10px; color: #817e7e; 
		text-decoration: none; 
	
	}
	
	div.paging a.active{ color: #8c0000; }
	
	div.paging a.fw{
		height: 16px; width: 10px; display: block; 
		background: transparent url('../i/layout/fw.jpg') left 20% no-repeat;
	}
	
	div.paging a.bw{
		height: 16px; width: 10px; display: block; 
		background: transparent url('../i/layout/bw.jpg') left 20% no-repeat;
	}
	
	div.clearline{
		height: 50px; width: 100%; clear: both;
		background: transparent url('../i/layout/clearlinebg.jpg') 10% 50% no-repeat;
	}

/* ==================== END CLIENTS ==================== */


/* ==================== BEGIN PROJECTS ==================== */

	div.projects{ width: 680px; }
	div.projects img{ float: left; margin: 0 12px 0 0; }

/* ==================== END PROJECTS ==================== */



/* ==================== BEGIN IMMO DETAIL ==================== */

	div.immodetail{ width: 660px; font-weight: bold; }
	
	div.immodetail div.title{ height: 25px; font-weight: bold; }
	
	div.immodetail div.immoimg{ width: 200px; float: left; }
	
	div.immodetail div.immoimg img{ margin: 3px 0 20px 0; }
	
	div.immodetail div.immodetails{ width: 460px; float: left; }
	div.immodetail div.immodetails span.grey {color: #8d8d8d; font-size: 10px; }
	div.immodetail div.immodetails span.red {color: #8c0000; font-size: 10px; }
	
	div.immodetail div.immodetails a{ color: #817e7e; font-size: 10px; text-decoration: none; }
	div.immodetail div.immodetails a:hover{ color: #5f5e5e; text-decoration: none; }	
	
	div.immodetail div.immodetails input.ask{
		height: 19px; width: 82px; float: right; border: 0; cursor: pointer; 
		background: transparent url('../i/layout/buttonask.jpg') left top no-repeat;
		color: #fff; padding: 0 0 2px 0; text-align: center; outline: none;
	}	

/* ==================== END IMMO DETAIL ==================== */


/* ==================== BEGIN COMPANY BUY ==================== */

	span.grey {color: #8d8d8d; font-size: 10px; }
	span.red {color: #8c0000; font-size: 10px; }
	input.ask{
		height: 19px; width: 82px; float: right; border: 0; cursor: pointer; 
		background: transparent url('../i/layout/buttonask.jpg') left top no-repeat;
		color: #fff; padding: 0 0 2px 0; text-align: center; outline: none; margin: 20px 26px 20px 0;
	}	

/* ==================== END COMPANY BUY ==================== */


/* ==================== BEGIN CONTACTS ==================== */

	div.contacts{ width: 663px; }
	
	div.contacts div.l{ width: 270px; float: left; }
	div.contacts div.r{ width: 380px; float: right; }
	
	div.contacts div.l span.grey, div.contacts div.r span.grey {color: #8d8d8d; font-size: 11px; }
	div.contacts div.l span.red, div.contacts div.l a{color: #8c0000; font-size: 11px; text-decoration: none; }
	
	span.detail{ float: left; padding: 3px 0 0 0; }
		
	input.input{ 
		width: 280px; border: 0; padding: 2px 0 3px 5px; 
		float: right; margin: 0 22px 0 0;
		font-size: 11px; color: #5f5e5e; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	textarea.textarea{ 
		height: 100px; width: 280px; border: 0; 
		padding: 2px 0 3px 5px; float: right; overflow: hidden; 
		margin: 0 22px 0 0;	font-size: 11px; color: #5f5e5e; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	div.contacts div.r input.ask{
		height: 19px; width: 82px; float: right; border: 0; cursor: pointer; 
		background: transparent url('../i/layout/buttonask.jpg') left top no-repeat;
		color: #fff; padding: 0 0 2px 0; text-align: center; outline: none; margin: 20px 22px 0 0;
	}
		

/* ==================== END CONTACTS ==================== */
.modalDialog_transparentDivs{	
	filter:alpha(opacity=60);	/* Transparency */
	opacity:0.6;	/* Transparency */
	background-color:#dd9c9c;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:2px solid #8c0000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#ece0b4;
	color:#5f5e5e;
		
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#bb5554;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}



;===============================
a
{
	text-decoration: none;
}
img
{
	border: none;
}

#ImageBoxOverlay
{
	background-color: #dd9c9c;
	
}

#ImageBoxCaption
{
	background-color: #ffffff;
	color:#fff;
	
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #ffffff;
	
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
	display:none;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(../images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(../images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left top;
}
a.red2{ color: #8c0000!important; text-decoration:none;}