* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*@font-face { font-family: Keffeesatz; src: url(YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(YanoneKaffeesatz-Bold.otf) format("opentype") }*/

body { 
	font-family:Arial, Helvetica, sans-serif; 
	background-color: #f1f5f8; 
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/ 
}

/*::selection { background-color: rgba(122, 192, 0, 0.2); }
::-moz-selection { background-color: rgba(122, 192, 0, 0.2); border: 10px solid red; }*/

header { 
	width: 100%; 
	height:190px;
	background: url(images/bggrad.png) repeat-x;
	position:fixed;
	z-index:10;
	left:0;
	top:0;
}

#headercontainer { width: 960px; margin: 0 auto; position: relative; background: url(images/bglines.png) no-repeat top center; height:190px; }
#contentcontainer { width: 800px; margin: 0 auto; padding:0; }

#headercontainer {
	padding-top:40px;
}
	

#headercontainer h1 a{
	background:url(images/pmlogo.png) no-repeat;
	text-indent:-9999px;
	width:226px;
	height:45px;
	float:left;
}


section{
	
	padding:190px 0 0 0;
}

nav {
	float:left;
	padding:12px 0 0 45px;
/*	padding-top:12px;*/
}

nav ul{
	float:left;
	list-style:none;
}
	
nav li{
	float:left;
	margin:0 15px;
	padding:0;
	background:url(images/menu-button.png) no-repeat;
	width:108px;
	height:29px;
}

nav a{
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow:1px 1px 2px #ccc;
	font-family:"Arial Rounded MT Bold";
	padding-top:6px;
	color:#474747;
}
nav li:hover{
	background:url(images/menu-button-hover.png) no-repeat;
}
#first-btn {
	background:url(images/despre-noi.png) no-repeat;
	width:142px;
	height:29px;
	margin-right: 70px;
	padding-left:15px;
}
#first-btn:hover {
	background:url(images/despre-noi-hover.png) no-repeat;
}

/*#head-grafix{
	position:relative;
	left:-80px;
}*/


#titlu-despre {
	background:url(images/titlu-despre-noi.png) no-repeat;
	text-indent:-9999px;
	width:123px;
	height:22px;	
	margin-bottom:30px;
}

#titlu-portofoliu {
	background:url(images/titlu-portofoliu.png) no-repeat;
	text-indent:-9999px;
	width:182px;
	height:19px;
	margin-bottom:30px;
}

#titlu-contact {
	background:url(images/titlu-contact.png) no-repeat;
	text-indent:-9999px;
	width:181px;
	height:20px;
	clear:left;
}

#despre p {
	font-size:14px;
	text-shadow:1px 1px 2px #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	text-indent:20px;
	line-height:20px;
	padding-top:5px;
}

/*#servicii {
	margin:50px 0;
}*/

.servicii-item {
	height:280px;
}

.titlu-servicii {
	clear:both;
	padding:30px 0;
}

.icon-servicii {
	float:left;
	width:170px;
	height:170px;
}

#servicii p {
	float:left;
	width:610px;
	font-size:14px;
	text-shadow:1px 1px 2px #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	line-height:20px;
	padding-top:5px;
}
p a {
	text-decoration:none;
	color:#000;
}
p a:hover {
	text-decoration:underline;
}
#servicii h2 {
	font-size:16px;
	text-shadow:1px 1px 2px #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5c5c5c;
	padding-bottom:10px;
}


/*footer*/
footer {
	padding-top:250px;
}


#above-footer {
	display:inline-block;
	width:100%;
	margin: 0 auto;
	position:relative;
}

#left-footer{
	background:#ff9819;
	width:50%;
	height:100px;
	margin-top:49px;
	float:left;
}

#twitter{
	position:relative;
	float:left;
	height:50px;
	width:300px;
	z-index:9;
}
#twitter a:hover {
	background:url(images/twitter-over.png) no-repeat;
}
#twitter a{
	display:block;
	text-indent:-9999px;
	background:url(images/twitter.png) no-repeat;
	height:50px;
	width:300px;
}
#twitter img {
	border:none;
}
/*#right-footer{
	background:#ff9819;
	width:50%;
	height:51px;
	margin-top:149px;
	float:left;
}*/

#center-footer {
	clear:both;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
#footer-content {
	background:#ff9819;
	height:300px;
}
#contact{
	margin:0 auto;
	position:relative;
	width:900px;
}

#contact-area {
	width: 400px;
	margin-top: 25px;
	position:relative;
	left:-115px;
	float:left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	border:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:inset 1px 1px 10px #5E3400, 1px 1px 3px #FFB04F;
	-moz-box-shadow:inset 1px 1px 10px #5E3400, 1px 1px 3px #FFB04F;
	-webkit-box-shadow:inset 1px 1px 10px #5E3400, 1px 1px 3px #FFB04F;
	background:#EB7900;
	color:#332211;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #FFC382;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	border:1px solid #ffb04f;
	box-shadow:1px 1px 3px #5E3400;
	-moz-box-shadow:1px 1px 3px #5E3400;
	-webkit-box-shadow:1px 1px 3px #5E3400;
	background: -moz-linear-gradient(center top, #ffb04f 0%,#ff8c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb04f),color-stop(1, #ff8c00));
	padding:4px;
	margin-right:4px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
/*	padding-top: 5px;*/
	font-size: 16px;
	color:#EEE;
	text-shadow:0 1px 1px #333;
	font-family:"Arial Rounded MT Bold";
}

#contact-right {
	float:left;
	border-left:1px solid #ffad2b;
	float:left;
	position:relative;
	left:-75px;
	margin-top:25px;
	padding-left:35px;
	box-shadow:-1px 0 0 #bd6f0e;
	-moz-box-shadow:-1px 0 0 #bd6f0e;
	-webkit-box-shadow:-1px 0 0 #bd6f0e;
}
#contact-info {
	color:#fff;
/*	text-shadow:0 0px 1px #666;*/
	font-family:"Arial Rounded MT Bold";
	font-size:12px;
}
#contact-info img{
	padding-bottom:10px;
}
#contact-info strong{
	padding-right:10px;
	font-weight:normal;
	font-size:14px;
}

#contact-links {
	text-decoration:none;
	padding-top:50px;
}
#contact-links h3{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-bottom:20px;
}

#contact-links a{
	float:left;
	padding:0 35px 0 1px;
	border-right:1px solid #ffad2b;
	box-shadow:1px 0 0 #bd6f0e;
	-moz-box-shadow:1px 0 0 #bd6f0e;
	-webkit-box-shadow:1px 0 0 #bd6f0e;
	
}

#contact-links a img{
	border:none;
}