/* CSS Document */

body {
	padding:0px;
	margin:0 auto;
	font-family:Verdana, Geneva, sans-serif;
	color:black;
	background:#f4f4f4;
	font-size:14px;
}

a img{
	border:0px;
}

#main{
	width:960px;
}

#header{
	width:100%;
}

#menu{
	clear:both;
	width:960px;
	height:35px; 
	background:#fff url(../../../images/button1.gif); 
	xposition:relative; 
	border:1px solid #000; 
	border-width:0 1px; 
	border-bottom:1px solid #444;
}

#menu ul{
	padding:0 0 0 32px; 
	margin:0; 
	list-style:none; 
}

#menu ul li{
	float:left;
}

#menu ul li a b{
	display:block; 
	width: 120px; /* With the padding included, the width is 190 pixels: the actual width of the image.*/ 
	padding: 5px 24px 0 8px;
	margin:0px 33px 0px 0px;
	font: 16px arial,sans-serif;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
#menu ul li.current a b {
	text-decoration:none;
	background:url(../../../images/button31.gif) no-repeat left top;
}
#menu ul li.current a b {
	text-decoration:none;
	background:url(../../../images/button31.gif) no-repeat left top;
}
#menu ul a:hover {
	color:#fff; 
	text-decoration:none;
	background:url(../../../images/button21.gif) no-repeat left top;
}
#menu ul li a:hover b {
	text-decoration:none;
	height:30px;
	background:url(../../../images/button21.gif) no-repeat left top;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.slider_shadow {
	width:960px;
	height:40px;
	clear:both;
	margin:0 auto;
	display:block;
	background:url(../../../images/slider_shadow.jpg) no-repeat top;
}

#main-content{
	width:100%;
}

#left-content{
	float:left;
	border:0px solid red;
	width:30%;
}

#left-content-image{
	background:url(../../../images/ad-back.png) no-repeat top;
	padding:5px 5px 5px 3px;
	margin-top:17px;
	width:270px;
	height:87px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  z-index:9999;
  display:none;
  padding:20px;
}

#boxes #dialog1 {
  padding:350px 10px 10px 10px;
}

#boxes #dialog2 {
  padding:280px 10px 10px 10px;
}

#boxes #dialog3 {
  padding:380px 10px 10px 10px;
}

#boxes #dialog4 {
  padding:300px 10px 10px 10px;
}


#right-content{
	float:right;
	border:0px solid red;
	width:69%;
	margin-left:5px;
}

.news{
	background:url(../../../images/news.png) no-repeat;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "./images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	float:left;
	width:330px;
	height:155px;
}

.search{
	background:url(../../../images/search.png) no-repeat;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "./images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	float:right;
	width:330px;
	height:155px;
}

.offers{
	background:url(../../../images/offers.png) no-repeat;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "./images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	float:left;
	width:330px;
	height:155px;
}

.others{
	background:url(../../../images/others.png) no-repeat;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "./images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	float:right;
	width:330px;
	height:155px;
}

#footer{
	width:100%;
	text-align:right;
	font-size:12px;
	padding-bottom:20px;
}

#right-left-content{
	width:40%;
	float:left;
	xborder:1px solid red;
}

#projects{
	background:url(../../../images/pro-back2.png) no-repeat top;
	width:270px;
	height:140px;
}

#projects ol li:hover{
	color:#F60;
}

#land{
	background:url(../../../images/ad-back.png) no-repeat top;
	padding:4px 0px 0px 0px;
	margin-top:3px;
	width:270px;
	height:80px;
}

#right-right-content{
	background:url(../../../images/pro-details-back.png) no-repeat top;
	width:58%;
	float:right;
	height:317px;
}


#contacttable input{border:1px solid #0F6D2F; width:300px;height:25px;}
#contacttable input:hover{border:1px solid #FF0000; width:300px;height:25px;}
#contacttable textarea{border:1px solid #0F6D2F; width:300px;height:80px;}
#contacttable textarea:hover{border:1px solid #FF0000; width:300px;height:80px;}
#contacttable input.button{border:1px solid #0F6D2F; width:80px;height:25px;}
#contacttable input.button:hover{border:1px solid #FF0000; width:80px;height:25px;}