/* Reset */

* {
	background:transparent;
	margin:0px;
	padding:0px;
}

.clearFix {
	clear: both;
}

/* Container */

#container {
	width: 900px;
	margin: 0;
}



/* Red */

/* Navigation First Level */

#nav{
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size:17px;
}

#nav ul{
	background:#3E3F94;
	height:35px;
	list-style:none;
	border: 1px solid #3E3F94;
	-webkit-border-radius: 6px;
}

#nav li{
	float:left;
	padding:0px;
}

#nav li a{
	background:#3E3F94;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:35px;
	padding:0px 35px;
	-webkit-border-radius: 6px;
	
}

#nav li a:hover{
	text-decoration:none;
	background: #4873b1;
	color:#FFFFFF;
	-webkit-border-radius: 3px;
}

/* Navigation Second Level */

#nav li ul{
	position:absolute;
	background:#222;
	display:none;
	height:auto;
	width:290px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	margin-left:-3px;
}

#nav li:hover ul{
	display:block;
}

#nav li li:hover {
	font-weight:800;
}

#nav li li {
	display:block;
	float:none;
	width:290px;
}

#nav li ul a{
	text-align:left;
	display:block;
	height:35px;
	padding:0px 10px 0px 25px;
}






/* Red */

/* Navigation First Level */

#nav_red{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size:15px;
}

#nav_red ul{
	background:#cfcfcf;
	height:40px;
	list-style:none;
}

#nav_red li{
	float:left;
	padding:0px;
}

#nav_red li a{
	background:#cfcfcf;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333;
	line-height:40px;
	padding:0px 25px;
	
}

#nav_red li a:hover{
	text-decoration:none;
	background: #915fa6;
	color:#FFFFFF;
}

/* Navigation Second Level */

#nav_red li ul{
	position:absolute;
	background:#222;
	display:none;
	height:auto;
	width:210px;
}

#nav_red li:hover ul{
	display:block;
}

#nav_red li li:hover {
	font-weight: 800;
}

#nav_red li li {
	display:block;
	float:none;
	width:210px;
}

#nav_red li ul a{
	text-align:left;
	display:block;
	height:40px;
	padding:0px 10px 0px 25px;
}







/* Slim */

/* Navigation First Level */

#nav_slim{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size:14px;
}

#nav_slim ul{
	background:#84b41f;
	height:25px;
	list-style:none;
	border: 3px solid #84b41f;
	-webkit-border-radius: 4px;
}

#nav_slim li{
	float:left;
	padding:0px;
}

#nav_slim li a{
	background:#84b41f;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333;
	line-height:25px;
	padding:0px 25px;
	-webkit-border-radius: 4px;
	
}

#nav_slim li a:hover{
	text-decoration:none;
	background: #315907;
	color:#FFFFFF;
	-webkit-border-radius: 2px;
}

/* Navigation Second Level */

#nav_slim li ul{
	position:absolute;
	background:#84b41f;
	display:none;
	height:auto;
	width:210px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	margin-left:-3px;
}

#nav_slim li:hover ul{
	display:block;
}

#nav_slim li li:hover {
	font-weight: 800;
}

#nav_slim li li {
	display:block;
	float:none;
	width:210px;
}

#nav_slim li ul a{
	text-align:left;
	display:block;
	height:25px;
	padding:0px 10px 0px 25px;
}