/**Author Name:prometheus 
   Developed in Vin Labs 
   Copyright at computerunlimited 
   ProjectName:TIKOBV **/
*{ margin: 0; padding: 0; }* 
body
{ background:#C6C5C2  repeat scroll;
  color: #ABABAB;
  font: 1em normal small,Georgia, "Times New Roman", Times, serif;line-height: 1.8em;
  width: 280px;
  margin: 10px auto; /* center */
  padding: 10px;
}
a
{
	color:#36C;
}
#wrapper
{
	width:280px;
	margin:10px auto;
	border:1px solid #eee;
	background:#fff;
}
#logo 
{
background:#eee url(../images/Tiko_Logo.png) no-repeat;
height:280px;
}
#logo h1
{
	text-align:center;
	font: 2.8em normal small,Georgia, "Times New Roman", Times, serif;
	color:#9796A8;
}
/**Menu **/
ul
{
	list-style:none;
	padding:0px 0 0 10px;
	background:#eee;

}
li a
{
   color:#8D8BAD;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:15px;
    padding-right:15px;
	text-decoration:none;
}
li a:hover
{
	color:#000;
}
li
{
display:inline;
}
#menu ul
{
	text-align:center;
}
.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: 8px 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;
}
/**left navigator **/
#leftnav
{    
     clear:both;   
	 width:280px;
	 background:#9796A8;
	 float:left;
}
#leftnav h1
{
	color: #fff;
	font-size: 1.4em;
	padding-left:15px;
}
#leftnav h2
{
	color: #fff;
	font-size: 1.0em;
	padding-left:15px;
}
#leftnav h3
{
	color: #000;
	font-size: 1.0em;
	padding-left:15px;
}
#leftnav p
{
 	font-size:1.2em;
	color:#333;
	border-bottom:1px dotted #36C;
	padding:1em;
}
#leftnav a
{
	color: #048;
}
#leftnav a:hover
{
	color: #FFF; font-weight: bold; text-decoration: none;
}
/**content**/
#content
{   
   margin-left:200px;
   border:1px solid #eee;
}
#main
{
	
	margin:5px 5px 5px 5px;
}
#main h1
{
	color:#606066;
	text-align:left;
	padding:5px 0 0 0px;
	font-size:1.5em;
}
#main h2
{
   text-align:center;
}
.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:#606066;
	text-align:left;
	
	font-size:1.0em;
}
#main p
{
	color:#606066;
	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:30px;
}
.style1 {
	font-size: xx-large;
}

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