@charset "utf-8";
/* CSS Document */

.menu-container {
	display: block;
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;
	border-radius:5px;
	box-shadow:  inset 0 0 1px rgba(255,255,255,1);
	box-shadow:  0px 2px 0px 2px rgba(0,0,0,0.1);
	float: left;

}

.navi{
	height:40px;
	border-radius:5px 5px 0 0;
	padding: 10px;
	font-family:Calibri, Arial;
	font-size:16px;
	color:#FFFFFF;
background: rgb(202,41,42); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,41,42,1) 0%, rgba(158,20,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,41,42,1)), color-stop(100%,rgba(158,20,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca292a', endColorstr='#9e1415',GradientType=0 ); /* IE6-9 */
text-transform:uppercase;
}
.left_box
{
margin-top:10%;
width:100%;
 background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:250px;
}
.left_heading{
	height:40px;
	border-radius:5px 5px 0 0;
	padding: 10px;
	font-family:Calibri, Arial;
	font-size:16px;
	color:#FFFFFF;
background: rgb(202,41,42); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,41,42,1) 0%, rgba(158,20,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,41,42,1)), color-stop(100%,rgba(158,20,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(202,41,42,1) 0%,rgba(158,20,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca292a', endColorstr='#9e1415',GradientType=0 ); /* IE6-9 */
text-transform:uppercase;
}

.menu ul {
  list-style:none;
  margin:0;
  margin-left:0px;
  padding:0px;
}

.menu ul li {
  border-top:1px solid rgba(0,0,0,0.1);
  padding:8px 10px;
  box-shadow:inset 0 1px 1px #fff;
  text-indent:10px;
  background-color:#f4f4f4;
  }

.menu ul li a {
 
  color:#343434;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-decoration:none;
  text-shadow: 1px 1px 1px #fff;
}

.menu ul li img {
  float:left;
  margin:-2px 0 0 0;
}

.menu ul li:hover {
  border-left:3px solid #9e1415;
  background-color:#e5e1e1;
}
.active_menu {
  border-left:3px solid #9e1415;
  background-color:#e5e1e1;
}