@import 'reset.css';

BODY {
	background:#EFF2F3;
	padding-top:18px;
	font:.8em Geneva, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	}

#page {
	width:800px;
	margin:auto;
	background:url(../i/bg.gif);
	}
	
#header {
	padding:30px 0 0 30px;
	background:url(../i/top.gif) no-repeat;
	overflow:hidden;
	margin-bottom:30px;
	}
	#header .head {
		overflow:hidden;
		}
	#header .logo {
		float:left;
		width:240px;
		height:54px;
		position:relative;
		overflow:hidden;
		}
		#header .logo A {
			display:block;
			width:240px;
			height:54px;
			}
		#header .logo SPAN {
			position:absolute;
			width:240px;
			height:54px;
			top:0;
			left:0;
			background:url(../i/logo.png) no-repeat;
			}
	#header .contacts {
		float:right;
		color:#8B8D8E;
		margin:12px 18px 0 0;
		text-align:right;
		font-size:.9em;
		}
	#header .menu {
		margin-right:2px;
		padding-top:10px;
		}
		#header .menu LI {
			float:right;
			font:.9em Geneva, Arial, Helvetica, sans-serif;
			margin-left:1px;
			}
		#header .menu LI.first A {
			padding:0;
			background:#B9C3C5 url(../i/menu-first-t.gif) no-repeat;
			}
		#header .menu LI.first A SPAN {
			display:block;
			width:6em;
			height:100%;
			padding:5px 25px 4px;
			background:url(../i/menu-first-b.gif) 0 100% no-repeat;
			cursor:pointer;
			}
		#header .menu LI.first A:hover,
		#header .menu LI.first A:active  {
			background:#8D9A9E url(../i/menu-first-sel-t.gif) no-repeat;
			}
		#header .menu LI.first A:hover SPAN,
		#header .menu LI.first A:hover:active SPAN {
			background:url(../i/menu-first-sel-b.gif) 0 100% no-repeat;
			}
		#header .menu LI A {
			display:block;
			background:#B9C3C5;
			color:#FFF;
			text-decoration:none;
			padding:5px 25px 4px;
			}
		#header .menu LI A:hover,
		#header .menu LI A:active {background:#8D9A9E;}
		
#content {
   padding:0 3px;
	margin-bottom:35px;
	}
	#content .main-img {
		position:relative;
		width:794px;
		height:354px;
		margin-bottom:55px;
		}
	#content .main-img .buy {
	  position:absolute;
	  bottom:6px;
	  right:35px;
	  display:block;
	  width:83px;
	  height:25px;
	  text-indent:-9999px;
	  background:url(../i/0.gif);
	  }
#content.promo DL {
   padding-left:146px;
   }
   #content.promo DL.design {background:url(../i/design-ico.jpg) 48px 0 no-repeat;}
   #content.promo DL.wireless {background:url(../i/wireless-ico.jpg) 48px 26px no-repeat;}
   #content.promo DL.features {background:url(../i/features-ico.jpg) 48px 6px no-repeat;}
   #content.promo DT {
      color:#959595;
      font:1.4em Geneva,sans-serif;
      margin-bottom:10px;
      }
   #content.promo DD H3 {
      font-size:1.3em;
      margin-bottom:9px;
      }
   #content.promo DD P {
      font-size:1.1em;
      line-height:1.3em;
      margin-bottom:70px;
      margin-right:60px;
      }
   #content.promo DL.features DD P {margin-bottom:18px;}
   #content.promo DD IMG {
      margin-bottom:35px;
      }
   #content.promo DL .buy {
      display:block;
   	width:83px;
   	height:25px;
   	text-indent:-9999px;
   	background:url(../i/buy.png) no-repeat;
      }
   #content.promo .views {
      overflow:hidden;
      margin-bottom:12px;
      }
      #content.promo .views LI {
         float:left;
         border:1px solid #CCC;
         padding:2px;
         margin-right:8px;
         }
      #content.promo .views IMG {display:block;margin-bottom:0;}
	
#footer {
	padding:0 0 30px 55px;
	background:url(../i/bottom.gif) 0 100% no-repeat;
	}
	#footer .features {
		overflow:hidden;
		}
		#footer .features LI {
			float:left;
			width:210px;
			margin-right:30px;
			}
		#footer .features LI.last {
			margin-right:0;
			}
			#footer .features IMG {
				display:block;
				float:left;
				margin:3px 15px 0 0;
				}
			#footer .features A {
				font-size:.95em;
				line-height:15px;
				text-decoration:none;
				color:#828282;
				}
			#footer .features A:hover {color:#7AAADA;}

.copy {
	text-align:center;
	color:#666;
	font-size:.8em;
	padding:5px 0 10px;
	}