/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
*{ margin: 0; padding: 0; }* 
@viewport{
    zoom: 1.0;
    width: device-width;
}
body
{ background:#C6C5C2  repeat scroll;
  color: #9F9A9F;
  font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;
  width: 234px;
  margin: 10px auto; /* center */
  padding: 10px;
}
a
{
	color:#36C;
}
#wrapper
{
	width:234px;
	margin:10px auto;
	border:1px solid #eee;
	background:#fff;
}
#logo 
{
background:#eee url(../images/LOGO.jpg) no-repeat;
height:110px;
}
#logo h1
{
	text-align:center;
	font: 2.8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;
	color:#5E6F6E;
}
/**Menu **/
ul
{
	list-style:none;
	padding:0px 0 0 10px;
	background:#eee;

}
li a
{
   color:#5E6F6E;
    font-family:tahoma,verdana,sans-serif;
    font-size:13px;
    padding-right:15px;
	text-decoration:none;
}
li a:hover
{
	color:#000;
}
li
{
display:inline;
}
#menu ul
{
	text-align:center;
}
/**left navigator **/
.dropbtn {
  background-color: #eee;
  color: #444;
  padding: 8px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  background-color: #eff;
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ddd;
  min-width: 160px;
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow: auto;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ccc}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #D9D9D9;
}
#leftnav
{    
     clear:both;   
	 width:234px;
	 background:#A6A6A6;
	 float:left;
}
#leftnav h1
{
	color: #fff;
	font-size: 1.6em;
	padding-left:15px;
}
#leftnav h2
{
	color: #fff;
	font-size: 1.3em;
	padding-left:15px;
}
#leftnav p
{
 	font-size:1.2em;
	color:#555;
	border-bottom:1px dotted #7DC4EB;
	padding:1em;
}
/**content**/
#content
{   
   margin-left:234px;
   border:1px solid #eee;
}
#main
{
	
	margin:5px 5px 5px 5px;
}
#main h1
{
	color:#5E6F6E;
	text-align:left;
	padding:5px 0 0 0px;
	font-size:1.5em;
}
#main h2
{
   text-align:center;
}
.avatar 
}
  vertical-align: middle;
  width: 125px;
  height: 178px;
}
.maincontent p
{
	text-align:left;
	padding-top:20px;
	font-size:0.9em;
}
.img
{
	float:left;
	padding-left:5px;
}
.line
{
	border-top:1px solid #e4e4e4;
}
#main h3
{
	color:#5E6F6E;
	text-align:left;
	
	font-size:1.0em;
}
#main p
{
	color:#5E6F6E;
	padding:5px 0 0 0px;
	font-size:0.9em;
}
.gift p
{
	float:left;
}
.col,.col1
{
width:180px;
padding:2% 0 0 2%;
float:left;
border-right:1px solid #eee;
}
.col1
{
	border:none;
}
.col h3 ,.col1 h3
{
	padding-left:3px;
}

#page
{
height:200px;
}
/**footer ***/
#footer {
	background: #FFF;
	margin: 0 auto;
	text-align: center;
	clear:both;
}
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #06F;
	text-decoration: underline;
}