@charset "utf-8";
/* CSS Document for e-Lear Web Page

	Colors:
				Main blue: #454f8c
				Mid blue: #82a9d0
				Soft blue: #bacfe4
				
				Orange: #ff9e01
				
				Dark grey: #737373
				Mid grey: #cccccc
		
				Black: #000000
				White: #ffffff
	
	Pages:
		-	Home
		-	e-lear 
				-	Features
				-	Steps
				-	Screenshots
				-	Demo
		-	Customers
		-	Partners
		-	Support
		-	Contact
*/

/*****	Layout	*****/

	#nav {
			background: url(../images/common/nav_back.png) repeat-x;
			width: 960px;
			*margin-bottom: -3px;
	}
			#logo a img{
					margin: 11px 0px 20px 70px;
			}
			
			#nav_items ul{
					display: inline;
					float: right;
					list-style: none;
					margin: 23px 70px 0px 0px;
			}
					#nav_items ul li{
							color: #737373;
							display: inline;
							font-size: 18px;
							margin: 0px;
					}
							#nav_items ul li a{
									color: #737373;
									text-decoration: none;
							}
									
									#nav_items ul li a:visited{
											color: #000000;
									}
									#nav_items ul li a:hover{
											color: #ff9e01;
									}
									#nav_items ul li a.active{
											color: #ff9e01;
									}
	#banner {
			background: url(../images/common/banner_back.png) repeat-x;
			height: 200px;
			width: 960px;
	}
			#logo_icon{
			}
					#logo_icon img{
							position: absolute;
					}
					#logo_icon img.logo{
							top: 83px;
							left: 123px;
					}
					#logo_icon img.stat{
							top: 83px;
							left: 250px;
					}
					#logo_icon img.flags{
							top: 37px;
							left: 217px;
					}
					#logo_icon img.usr{
							top: 26px;
							left: 155px;
					}
					#logo_icon img.video{
							top: 37px;
							left: 91px;
					}
					#logo_icon img.audio{
							top: 83px;
							left: 65px;
					}
					#logo_icon img.pdf{
							top: 132px;
							left: 90px;
					}
					#logo_icon img.security{
							top: 145px;
							left: 155px;
					}
					#logo_icon img.conf{
							top: 135px;
							left: 219px;
					}
			#intro{
					margin: 40px 0 0 330px;
					*margin: 40px 0 0 10px;
			}
					#intro h1{
							color: #FFFFFF;
							font-size: 26px;
							margin: 0px;
							line-height: 1.2;
							letter-spacing: -1px;
							font-weight: 400;
					}
					#intro h2{
							color: #FFFFFF;
							font-size: 16px;
							margin: 5px 0 0 0;
							letter-spacing: -1px;
							line-height: 1.2;
							font-weight: 400;
					}
			#screen_shots img{
					margin: 32px 0 0 28px;			
			}
	#content {
			background: url(../images/common/content_back.png) repeat-x;
			width: 960px;
	}
	#footer{
			background: url(../images/common/footer_back.png) repeat-x;
			height: 160px;
			width: 960px;
			margin-top: 50px;
	}
			#footer a.active{
					color: #ff9e01;
			}
			#footer a:visited{
					color: #82a9d0;
			}
			#footer a:hover{
					color: #ff9e01;
			}
	
			#footer #login fieldset{
					margin: 0px;
			}
					#login dl{
							margin: 20px 0px 0px 70px;
					}
							#login form label{
									color: #737373;
									font-size: 18px;
									line-height: 1.2;
							}
							#login #login_input, 
							#login #password_input{
									width: 100px;
									height: 15px;
							}
							#login a{
									text-decoration: none;
									color: #454f8c;
							}
			#footer #policy .posiciona{
					margin: 20px 0;
			}
					#policy h2{
							color: #737373;
							font-size: 20px;
							letter-spacing: -1px;
							margin: 0px;
							font-weight: 400;
					}
					#policy p{
							color: #737373;
							font-size: 14px;
							margin: 0px;
							line-height: 1.2;
					}
			#footer #contact_info .posiciona{
					margin: 20px 0;
			}
					#contact_info h2{
							color: #737373;
							font-size: 24px;
							letter-spacing: -1px;
							margin: 0px;
							line-height: 1.2;
							font-weight: 400;
					}
					#contact_info span{
							color: #737373;
							font-size: 24px;
							letter-spacing: -1px;
							margin: 0px;
					}
					#contact_info a{
							color: #454f8c;
							text-decoration: none;
							font-size: 18px;
							letter-spacing: -1px;
							margin: 0px;
					}