/*RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*define focus styles! */
:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------------------*/

.clear{
	width:100%;
	height:0px;
	clear:both;
	margin:0;
}
.hide{
	display:none;
}
/*global style*/

html{
	width:100%;
	height:100%;
}
body{
  height:100%;
  min-height:100%;
  background:#E2E7EB;
  font-size:10px;
}
/*BLOCKS*/
.clear{
	height:1px;
	clear:both;
	width:1005;
}
#page_width{
	width:100%;
	min-width:1000px;
	max-width:1260px;	
	position:relative;
	float:left;
}
.header{
	width:100%;
	height:133px;
	float:left;
	background:red url('../images/bg_head_c.jpg') 0 0 repeat-x;
	margin: 0 0 80px;
}
.header .bg_left{
	width:305px;
	height:133px;
	float:left;
	background: url('../images/bg_head_l.jpg') 0 0 no-repeat;
}
.header .bg_right{
	width:256px;
	height:133px;
	float:right;
	background: url('../images/bg_head_r.jpg') 0 0 no-repeat;
}
.footer .inner{
	border-top: 2px solid #2F4F91;
	height:50px;
	padding:20px 0 0;
	margin: 0 120px 0 359px;
	background:#fff;
}
.logotip{
display:block;
position:relative;
right:40px;
width:270px;
height:80px;
}
.footer{
	height:70px;
	margin:-72px 00;
	min-width:1000px;
	max-width:1260px;
	width:100%;
	position:relative;
	float:left;
}
#cont{
	margin: 0 100px 0 339px;
	background:#fff;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#goods{
	width:339px;
	float:left;
	/*background:#E2E7EB url('../images/bg_l.jpg') 100% 0 no-repeat;*/
	min-height:605px;
	position:relative;
}

#r_col{
	width:100px;
	float:right;
	height:650px;
	background:url('../images/bg_r.jpg') 100% 0 no-repeat;
}
#goods .logo_block{
	width:195px;
	margin: 10px 0 0 75px;
	padding:0 0 0 25px;
	background: url('../images/ico_phone.jpg') 0 85px no-repeat;
}
#goods .call{
	width:220px;
	height:41px;
	background: url('../images/bg_call.gif') 0 0 no-repeat;
	float:right;
	margin: 70px 0 0;
	padding: 30px 0 30px 20px;
	position:relative;
}
.menu{
	height:45px;
	background: url('../images/bg_menu.jpg') 0 0 repeat-x;
	z-index:10000;
	position:absolute;
	margin: 0 1%;
	top:150px;
	left:340px;
	right:100px;

}
.content{
	float:left;
	width:100%;
	padding: 0 0 70px;
}
.content .inner{
	padding:10px 25px;
}
.popup{
	position:absolute;
	top:-50px;
	left:230px;
	width:286px;
	height:172px;
	padding: 30px 10px 20px  30px; 
	background: url('../images/bg_form.png') 0 0 no-repeat;
	z-index:10000;
}
/*for all*/
/*header*/
/*content*/
/*footer*/
/*CONTENT*/
/*lists*/

#goods ul{
	margin: 20px 0 0 30px;
}
#goods ul li{
	margin: 0 0 15px;
	padding: 0 0 0 40px;
	height:29px;
}

#goods ul.sub_ul{
	margin: 10px 0 0 10px;
}

#goods ul.sub_ul li{
	margin: 0 0 15px;
	padding: 0 0 0 40px;
	height:29px;
}

#goods .compact{
	background: url('../images/compact.jpg') 0 0 no-repeat;
}
#goods .secure{
	background: url('../images/secure.jpg') 0 0 no-repeat;
}
#goods .memorystick{
	background: url('../images/memorystick.jpg') 0 0 no-repeat;
}
#goods .smart{
	background: url('../images/smart.jpg') 0 0 no-repeat;
}
#goods .hdd{
	background: url('../images/hdd.jpg') 0 0 no-repeat;
}
#goods .multi{
	background: url('../images/multi.jpg') 0 0 no-repeat;
}
#goods .micro{
	background: url('../images/micro.jpg') 0 0 no-repeat;
}
#goods .usb{
	background: url('../images/usb.jpg') 0 0 no-repeat;
}
#goods .xd{
	background: url('../images/xd.jpg') 0 0 no-repeat;
}

.up_left{
	background: url('../images/left_1.png') 0 0 no-repeat;
	width:339px;
	height:242px;
}
.left_center{
	min-height:400px;
	background: url('../images/left_3.png') bottom no-repeat;
	background-color:#fe5200;
}
	
#r_col ul{
	float:right;
	margin: 10px 20px 0;
}
#r_col ul li{
	margin: 0 0 12px;
}
.content li{
	color:#082E4D;
	font:1.2em/1.6em verdana, monospace;
}
.content ul{
	margin: 15px 0;
}
/*forms*/
#your_name, #your_phone{
	width:226px;
	height:17px;
	padding: 4px 10px;
	border:0;
	background:url('../images/bg_inp.jpg') 0 0 no-repeat;
}
.popup .but{
	float:right;
	margin: 10px 0 0;
}
.popup form{
	width:246px;
}
/*text*/
.logo_block .small{
	color:#082E4D;
	font: 1.2em tahoma, monospace;
	margin: 3px 0;
	line-height: 1em;
}
.logo_block .large{
	color:#082E4D;
	font:bold 2.3em "trebuchet ms", tahoma, monospace;
	letter-spacing: -1px;
}
.content h3{
	color:#082E4D;
	font:bold italic 2.4em "trebuchet ms", tahoma, monospace;
	margin: 0 0 10px;
}
.content p{
	color:#082E4D;
	font:1.2em/1.6em verdana, monospace;
}
.content .large{
	font:1.6em/1.6em verdana, monospace;
}
.phone{
	float:left;
	color:#092D4D;
	font:1.1em tahoma, monospace;
}
.lux{
	float:right;
	color:#94A2AD;
	font:1em tahoma, monospace;
}
.popup label{
		color:#092D4D;
		font:1em verdana, monospace;
}
.popup .small{
	color:#092D4D;
	font:1.2em verdana, monospace;
}
.popup .large{
	color:#092D4D;
	font:1.4em tahoma, monospace;
}
/*links*/
.logo_block a{
	color:#082E4D;
	font:italic 2.4em "trebuchet ms", tahoma, monospace;
	text-decoration:none;
}
.lnk_home{
	width:27px;
	height:27px;
	background: url('../images/lnk_home.gif') 0 0 no-repeat;
	display:block;
	position:absolute;
	left:30px;
	top:10px;
}
.lnk_mail{
	width:27px;
	height:27px;
	background: url('../images/lnk_mail.gif') 0 0 no-repeat;
	display:block;
}
.lnk_sitemap{
	width:27px;
	height:27px;
	background: url('../images/lnk_sitemap.gif') 0 0 no-repeat;
	display:block;
}
#goods ul a{
	font:bold 1.4em "trebuchet ms", tahoma, monospace;
	color:#fff;
	padding: 5px 0;
	display:block;
}
#btn_call{
	font:bold 1.8em "trebuchet ms", tahoma, monospace;
	cursor:pointer;
	color:#2F4F91;
}
.menu a{
	font:1.2em/1.8em verdana, monospace;
	color:#fff;
	padding:10px 0;
	height:25px;
	text-align:center;
	display:block;
	width:25%;
	float:left;
	background: url('../images/bg_menu_l.jpg') 100% 0 no-repeat;
}
.menu .last{
	background: none;
}
.popup .close{
	float:right;
	margin: -5px 10px 0 0;
	cursor:pointer;
}
/*img*/
.call img{
	float:left;
	margin: 0 10px 0 0;
}
/*INTERACTIVE*/
.menu a:hover{
	text-decoration:none;
	background: url('../images/menu_item.jpg') 0 0 repeat-x;
}
#bg_r{
	width:50%;
	height:600px;
	top:0;
	right:0;
	background: url('../images/bg_r_.jpg') 0 0 repeat-x;
	position:absolute;
}
#bg_l{
	width:50%;
	height:600px;
	top:0;
	left:0;
	background: url('../images/bg_l_.jpg') 0 0 repeat-x;
	position:absolute;
}
