body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#8f8f8f;
width:100%;
height:100%;
margin:0;
padding:0;

}
img{
border:none;

}
#wrapper{
width:810px;
height:100%;
margin:0 auto;
padding-left:6px;
background:URL(images/dropshdw.png) repeat-y;



}
#logo{
height:97px;


}
.left{
width:300px;
float:left;
padding:15px 0 0 25px;


}
.right{
margin-left:620px;
margin-top:10px;


}
.leftpromo{
width:180px;
float:left;
padding-left:40px;


}
.rightpromo{
margin-left:280px;
width:450px;


}
#navbar{
clear:both;
margin-left:280px;
width:500px;



}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #navbar { width:600px; }
}
#navbar li{
display:inline;
padding-right:25px;
color:#0172be;
font-weight:bold;


}

#navbar a{
text-decoration:none;
color:#0172be;
}

#navbar a:hover{

color:#ff7200;
}


.welcome{
color:#eb1c22;
font-size:16px;
font-weight:bold;

}

.phonopia{
color:#0072b9;
font-size:16px;
font-weight:bold;
}

#banner{
background:url(images/banner.jpg) no-repeat;
width:800px;
height:258px;

}
#bannerabout{
background:url(images/about.jpg) no-repeat;
width:800px;
height:258px;

}
#bannerphone{
background:url(images/product2.jpg) no-repeat;
width:800px;
height:258px;

}
#bannerpromo{
background:url(images/promotion.jpg) no-repeat;
width:800px;
height:258px;

}
#banneridd{
background:url(images/idd.jpg) no-repeat;
width:800px;
height:258px;

}
#bannercontact{
background:url(images/contact.jpg) no-repeat;
width:800px;
height:258px;

}
.contactright{
margin-left:60px;
position:relative;
width:400px;
top:60px;

}
.righty{
margin-left:180px;
position:relative;
width:400px;
top:90px;

}
.iddrighty{
margin-left:60px;
position:relative;
width:400px;
padding:10px;
top:90px;
height:80px;
color:#fff;
background-color:#333;
opacity:0.5;filter:alpha(opacity=50);
}
.rights{
margin-left:340px;
position:relative;
width:400px;
top:125px;

}
#content{
	position:relative;
	top:15px;
	left:21px;
	width:758px;
	height:330px;
	
	
	
}
#aboutcontent{
	position:relative;
	top:15px;
	left:110px;
	width:580px;
	
	
	
}
#contactcontent{
	position:relative;
	top:15px;
	left:21px;
	width:758px;
	
	
	
}
#promocontent{
	position:relative;
	top:15px;
	left:21px;
	width:758px;

	
	
	
}
#phonecontent{
	position:relative;
	top:15px;
	left:25px;
	width:750px;
	margin:0;
	padding:0;
	float:left;
	
	
	
}
.product{
background:url(images/bg1.png) repeat-y;	
height:300px;	
	float:left;
}

*+html .product{
position:relative;
top:-.15em;
	
}
.leftproduct{
float:left;	
z-index:3;		
}

*+html .leftproduct{
	position:relative;
	top:-2px;
	
}
.rightproduct{
position:relative;	
z-index:3;	

}
.bottomproduct{
	z-index:1; 
	position:relative; 
	top:-18px;
	
}

*+html .bottomproduct{
	 
	top:-19px;
	
}
.insideproduct{
float:right;
z-index:4;
	
}
#insidecontent{
position:absolute;
top:40px;
left:50px;
z-index:5;
	
}
.a{
width:200px;
position:absolute;
}
*+html .a{
left:-2px;	
	
}

.link{
padding-left:60px;
width:150px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .link { padding-left:80px;   }
}
.link a{
text-decoration:none;
color:#8f8f8f;
font-size:9px;
	
	
}
.b{
width:200px;
margin-left:240px;
position:absolute;
}

*+html .b{
margin-left:-240px;	
	
	
}

.c{
width:200px;
margin-left:486px;
}

#footer{
width:800px;
height:20px;
background:#b3cae9;
position:relative;
top:39px;
	
}

.footer{
color:#ffffff;
font-size:8px;
float:right;
position:relative;
top:5px;
width:200px;
left:-30px;
	
}
.bottom{
background:#528ecc;
width:800px;
height:1px;
position:relative;
top:39px;
	
}
ul  {
	margin: 0 0 0 90px;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	
	top: 109px;
	display: none;
	}
	*+html ul{
margin-left:-147px;	
	
	
}
	
	ul li {
	position: relative;
	margin:o;
	padding:0;
	width: 150px;
	float: left;
	}
	ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
	
	ul li a:hover {
	background:#b3cae9;

	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    li ul { top: 117px; }
}
li:hover ul { display: block; }