/*** RESET CSS ***/
* { padding: 0; margin: 0; -webkit-user-select:none; -moz-user-select:none; outline: 0; }

body {
	background: #111;
	color: #efefef;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%; height: 100%;
}

#container {
	width: 800px; height: 370px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

/*** LEFT ***/
#left {
	background: #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;	
	position: absolute;
	top: 0; left: 0;
	width: 200px; height: 100%;
}

#categories {
	position: relative;
	top: 5px; left: 5px;
	width: 195px; height: 360px;
	overflow: auto;
}
#categories a {
	background: url(../images/phones/phone-categories.png) 0 0 no-repeat;
	color: #ccc;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 5px;
	line-height: 28px;
	width: 165px;
	text-decoration: none;
	text-shadow: #111 1px 1px 1px;
}
#categories a.active {
	background: url(../images/phones/phone-categories.png) 0 -28px no-repeat;
}

/*** RIGHT ***/
#right {
	background: #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;	
	position: absolute;
	top: 0; left: 220px;
	width: 580px; height: 100%;
}

#phones {
	position: relative;
	top: 5px; left: 5px;
	width: 575px; height: 360px;
	overflow: auto;
}
#phones .phone-cat { display: none }
#phones .phone-msg {
	background: #111;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #ddd;
	font-size: 18px;
	margin: 50px auto;
	padding: 20px 0;
	width: 400px;
	text-align: center;
}
#phones .phone-item { margin-bottom: 5px; width: 544px }
#phones .phone-item div { font-size: 12px }
#phones .phone-title {
	background: url(../images/phones/phone-title.png) no-repeat;
	color: #eee;
	font-weight: bold;
	line-height: 30px;
	padding: 0 10px;
	width: 534px;
	text-shadow: #331a00 1px 1px 1px;
}
#phones .phone-num {
	background: url(../images/phones/phone-num.png) repeat-y;
	color: #2e3314;
	padding: 0 5px;
	line-height: 25px; 
	width: 100%;
}

#phones .phone-num:last-child {
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: #111 solid;
	border-width: 0 0 1px 0;
}