@import 'reset.css';

body {
	background: url('images/bg.jpg') top left repeat;
	font-family: Arial;
}

#wrapper {
	width: 920px;
	margin: 20px auto;
	background: url('images/top.jpg') top left no-repeat #FFFFFF;
	padding: 20px 0 0 0;
}

	#logo {
		display: block;
		width: 185px;
		height: 47px;
		background: url('images/logo.jpg') top left no-repeat;
		text-indent: -10000px;
		float: left;
		margin: 0 0 10px 20px;
	}

	#header ul {
		float: right;
		width: 500px;
		margin: 0 20px 0 0;
	}
		#header ul li {
			float: right;
			margin: 22px 0 0 15px;
		}
			#header ul li a {
				font-size: 12px;
				text-decoration: none;
				text-transform: uppercase;
				color: #839310;
			}

				#header ul li.current a, #header ul li a:hover {
					border-bottom: 3px solid #839310;
				}

	#media {
		clear: both;
		display: block;
		width: 880px;
		height: 270px;
		background: url('images/header/img2.jpg') top left no-repeat;
		margin: 0 20px;
	}

	#media.contact {
		background: url('images/header/img4.jpg') top left no-repeat !important;
	}

	#media.proiecte {
		background: url('images/header/img3.jpg') top left no-repeat !important;
	}

	.corporate-branding {
		background: url('images/header/b1.jpg') top left no-repeat !important;
	}

	.web-development {
		background: url('images/header/img1.jpg') top left no-repeat !important;
	}

	.marketing-online {
		background: url('images/header/b2.jpg') top left no-repeat !important;
	}

	#footerLinks li {
	   float: left;
	   margin: 0 10px 0 0 !important;
	   list-style-type: none !important;
	   font-size: 12px;
	}

#content {
	margin: 20px;
	font-size: 12px;
	clear: both;
}

	#content .box {
		width: 280px;
		float: left;
		margin: 0 20px 0 0;
	}

	#content .box.last {
		margin: 0;
	}

	#content h1 {
		font-size: 18px;
		color: #465902;
		margin: 0 0 15px 0;
	}

	#content p {
		font-size: 12px;
		color: #465902;
		margin: 5px 0;
		line-height: 20px;
	}

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

	#content a:hover {
		text-decoration: underline;
	}

	#content ul {
	   margin: 10px 0;
	}

	#content ul li {
	   list-style-type: square;
	   margin: 0 0 0 14px;
       line-height: 20px;
       color: #465902;
	}

	#content strong {
	   font-weight: bold;
	}

	#contact {
	   width: 366px;
	   float: right;
	}

	#contact b {
	   display: block;
	   width: 60px;
	   float: left;
	   margin: 2px 0 0 0;
	   color: #465902;
	   font-weight: normal;
	}

	#contact input, #contact textarea {
	   display: block;
	   width: 300px;
	   float: left;
	   margin: 0 0 5px 0;
	   color: #465902;
	}

    #contact textarea {
        height: 120px;
	}

	#submit-contact {
	   width: 120px !important;
	   margin: 0 0 0 59px !important;
	}

	#contact .error {
	   border: 1px solid #DD200B;
	   padding: 10px;
	   font-size: 12px;
	   color: #DD200B;
	   background: #FBB3AA;
	   width: 284px;
	   margin: 0 0 20px 60px;
	}

	#contact .info {
	   border: 1px solid #15560C;
	   padding: 10px;
	   font-size: 12px;
	   color: #15560C;
	   background: #E4EA86;
	   width: 284px;
	   margin: 0 0 20px 60px;
	}

	.project {
	   width: 430px;
	   float: left;
	   margin: 0 20px 20px 0;
	}

	.project img {
	   border: 1px solid #F1FEC0;
	}

	.project h3 {
		font-size: 16px;
		color: #465902;
		margin: 10px 0 10px 0;
	}

	.project.right {
	   margin: 0 0 20px 0;
	}

#footer {
	width: 880px;
	background: url('images/bottom.jpg') bottom left no-repeat #FFFFFF;
	padding: 20px 20px 10px 20px;
	color: #9E9E9E;
	font-size: 11px;
	clear: both;
}

	#footer a {
		color: #9E9E9E;
		text-decoration: none;
	}
		#footer a:hover {
			text-decoration: underline;
		}
		
#consultanta {
    display: block;
    width: 30px;
    height: 170px;
	background: url('images/consultanta.png') top left no-repeat;
	text-indent: -10000px;
	float: right;
	margin: 80px -30px -190px 0;
}

.art_cont {
    display: none;
}