/* - - - START outside_container - - - */

#outside_container {
	position: relative;
	min-height: 100%;
    background:url(http://top-optic.com/images/bg.jpg) repeat-x;
}

* html #outside_container {
	height: 100%;
}

	/* - - - START container - - - */

	#container {
		padding-bottom: 100px;
	    min-height:655px;
		width:945px;
	    position:relative;
	}

	/* in container */

	#logo {
		position:absolute;
		top:30px;
		left:50px;
	}

	ul#right_menu {
	    margin:0px;
		padding:0px;
	    position:absolute;
		top:30px;
		right:50px;
	}

	ul#right_menu li {
		float:right;
	    margin:0px 0px 0px 5px;
		padding:0px;
		list-style:none;
	    display:inline;
	}
	
	#right_menu a {
		display: block;
		text-indent: -9000%;
		outline: none;
	}
	
	#right_menu a:hover {
		background-position: left bottom;
	}

	#right_menu .despre_noi {
		width: 130px;
		height: 50px;
		background: url(http://top-optic.com/images/menu_despre_noi.jpg) no-repeat;
	}
	
	#right_menu .produse {
		width: 120px;
		height: 50px;
		background: url(http://top-optic.com/images/menu_produse.jpg) no-repeat;
	}
	
	#right_menu .contact {
		width: 120px;
		height: 50px;
		background: url(http://top-optic.com/images/menu_contact.jpg) no-repeat;
	}
	
	#right_menu .jobs {
		width: 70px;
		height: 50px;
		background: url(images/job_openings.png) no-repeat;
		margin-left:20px;
	}
	
	/* out container */

		/* - - - START content - - - */
	
		#content {
		    padding-top:140px;
		    padding-left:70px;
			padding-bottom:50px;
		    width:900px;
		    color:#666666;
		    font-size:13px;
		    line-height:20px;
		}

		#content a {
		    color:#666666;
		    text-decoration:none;
		}

		#content a:hover {
			color:#000000;
		}
		
		.content_img {
			margin:20px 0px 0px 0px;
			padding:2px;
			border:3px solid #ffffff;
		}
		
		.cere_mostre {
			width:500px;
			height:150px;
			margin:30px 0px 10px 0px;
			padding:2px;
			border:3px solid #ffffff;
		}
		
		#content span {
			font-size:12px;
			color:#1e3334;
			text-transform: uppercase;
		}
		
		/* in content */
		
		.column1 {
			float:left;
			width:580px;
			margin-right:50px;
		}

		.column2 {
			float:left;
			width:200px;
		}
		
		.column2 img {
			margin:7px 0px 7px 0px;
			padding:2px;
			border:2px solid #ffffff;
		}
		
		ul#content_right_menu li {
			list-style:none;
		    display:block;
			width: 190px;
			height: 23px;
			background: url(http://top-optic.com/images/lentile_oftalmologice.jpg) no-repeat;
		}
		
		#content_right_menu a {
			margin-left:10px;
		    color:#950002;
		    text-decoration:none;
		}
		
		#content_right_menu a:hover {
			color:#000000;
		}
		
		ul#ok {
			margin:40px 0px 20px 0px;
		}
		
		ul#ok li {
			list-style:none;
			line-height:26px;
			color:#1e3334;
		}
		
		#angajat h2{
			font-size:16px;
			text-transform: uppercase;
			margin-bottom:25px;
		}
		
		#angajat ul{
			margin-bottom:15px;
		}
		
		#angajat li{
			list-style:none;
			line-height:26px;
		}	

		/* out content */

		/* - - - STOP content - - - */
		
	/* - - - STOP container - - - */
	
/* - - - STOP outside_container - - - */

/* - - - START footer - - - */

#footer {
	position: relative;
	margin-top: -118px;
	background-color:#9fb869;
    border-top:10px solid #cfdcb4;
    padding:30px 50px 50px 50px;
    color:#1e3334;
    font-size:9px;
    line-height:14px;
	overflow: hidden;
}

#footer a {
    color:#950002;
    text-decoration:none;
}

#footer a:hover {
	color:#000000;
}

#footer img {
    float:left;
    margin-right:10px;
}

#footer span {
    display:block;
    float:left;
    width:250px;
}

/* - - - STOP footer - - - */

/*
	General Styles
*/

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

html {
	height: 100%;
}

body {
    background-color:#eaf8fb;
    font-family:'Trebuchet MS';
	color:#666666;
	height: 100%;
}

h1 {
    margin:15px 0px 25px 0px;
    font-weight:normal;
	font-size:18px;
	color:#9fb868;
}

h1 span {
	font-size:12px;
	color:#1e3334;
	text-transform: uppercase;
	}

h2 {
    margin:15px 0px 10px 0px;
    font-weight:normal;
	font-size:18px;
	color:#1e3334;
}
