/* ----------------------------------------------------------------------
   Responsive Multi-Levels/Drop-Down Icon Menu (1717306)
   ----------------------------------------------------------------------
   Created by VERYA.ca (http://www.verya.ca) for CodeCanyon.net
   ----------------------------------------------------------------------
   ChangeLog
   ----------------------------------------------------------------------
   v1.0 - 03/02/2012
		Initial release;
   ---------------------------------------------------------------------- */

/* --------------------------------------------------
   General Navigation Styles
   -------------------------------------------------- */

div#navigation3 {

z-index:99;
}

div#navigation3 a {

display:block;
padding:12px 10px;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-weight:normal;	
text-decoration:none;
}


/* --------------------------------------------------
   First-Level
   -------------------------------------------------- */

div#navigation3 ul {
list-style-type:none;
margin:0 auto;
padding:0;

}

div#navigation3 ul li {
float:right;
padding:0;
position:relative;
}

div#navigation3 ul li + li {
margin:0;

}

/* --------------------------------------------------
   Second-Level
   -------------------------------------------------- */

div#navigation3 ul li:hover > ul {
display:block;
}

div#navigation3 ul ul {
display:none;
float:left;
left:0;
position:absolute;
z-index:999;
}

div#navigation3 ul ul a {
border:0;
padding:8px 12px;
text-align:left;
}

div#navigation3 ul ul li {
min-width:220px; /* Second-level items minimum width; optional, but recommended */
}

div#navigation3 ul ul li + li {
margin:0;
}

/* --------------------------------------------------
   Third-Level
   -------------------------------------------------- */

div#navigation3 ul ul ul {
left:100%;
top:0;
}

div#navigation3 ul ul ul :hover > a {
color:#fff !important;
}

div#navigation3 ul ul ul a {
font-weight:normal;
height:auto;
padding:8px 12px;
text-align:left;
}

div#navigation3 ul ul ul li {
min-width:220px; /* Third-level items minimum width; optional, but recommended. Remove if same width as second-level */
}

/* --------------------------------------------------
   Color Schemes
   -------------------------------------------------- */

.clear a {
font-size:17px;
background:none;
color:#fff;
border-bottom:1px solid #978346;
}

.clear a:hover{
color:#978346;
background:none;
}


.sub a{
font-size:15px;
color:#322c12;
border-bottom:1px solid #978346;
background:#978346;
}

.sub a:hover{
color:#fff;
background:#322c12;
}

.subsub a{
font-size:15px;
color:#fff;
background:#322c12;
border-bottom:1px solid #978346;
}

.subsub a:hover{
color:#322c12;
background:#978346;
}