@charset "utf-8";

* {margin:0; padding:0;}
html {overflow:-moz-scrollbars-vertical; overflow-x:hidden;  height:101%; background:url(../images/bg_body.jpg) repeat center top fixed;}
body {min-height:100%; font:normal 15px Georgia, "Times New Roman", Times, serif; color:#434343; background:url(../images/abstract_bg.png) no-repeat center top fixed;}
a {color:#7b7d00; text-decoration:none; outline-style:none;}
a:hover {color:#434343;}
img {border:0px;}
.shadowLeft {height:100%; background:url(../images/shadow_left.png) no-repeat left top fixed;}
.shadowRight {height:100%; background:url(../images/shadow_right.png) no-repeat right top fixed;}
.fL {float:left;}
.fR {float:right;}
.mb20 {margin-bottom:20px;}
.mb60 {margin-bottom:60px;}
.clear {clear:both;}

.w980 {width:980px; margin:0px auto;}
.header {position:relative; height:79px; border-bottom:1px solid #c2c1b6;}
	.logo {display:block; width:225px; height:79px; margin-right:20px; text-indent:-9999px; background:url(../images/logo_hm_andrei.png) no-repeat left top;}
	.twitter {position:absolute; display:block; width:106px; height:67px; bottom:-61px; right:0px; text-indent:-9999px; background:url(../images/twitter.png) no-repeat left top;}
.paper {height:615px; background:url(../images/paper_bg.png) no-repeat center top;}
.paperProjects {height:615px; background:url(../images/paper_bg_projects.png) no-repeat center top;}
.welcomeHome {height:122px; padding:0 20px;}
.welcome {height:78px; padding:22px 20px 22px;}
.welcomeHome h1 {padding:15px 0 0 0; font:bold 40px/30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif; text-shadow:0 1px 1px #fff;}
.welcomeHome h1 b {font-size:24px;}
.welcomeHome p {line-height:25px;}
.welcomeHome p span {font-size:30px; line-height:30px; font-weight:bold;}

.patchHand {position:relative; z-index:99;}
.patchHand div {display:block; position:absolute;}
.patchHand div.patch {width:56px; height:48px; top:-20px; left:520px; background:url(../images/patch.png) no-repeat left top;}
.patchHand div.patchProjects {width:56px; height:48px; top:30px; left:520px; background:url(../images/patch.png) no-repeat left top;}
.patchHand div.hand {width:358px; height:318px; top:-80px; right:0px; z-index:99; background:url(../images/hand.png) no-repeat left top;}

.slide {height:465px;}
.fruits {position:relative; height:60px;}
	.fruitGrapes {position:absolute; width:303px; height:205px; top:-150px; left:-130px; background:url(../images/grapes.png) no-repeat left top;}
	.fruitLime {position:absolute; width:292px; height:175px; top:-120px; right:-150px; background:url(../images/lime.png) no-repeat left top;}
	.fruitStrawberry {position:absolute; width:305px; height:237px; top:-180px; left:-150px; background:url(../images/fruit_strawberry.png) no-repeat left top;}
	
.wrapTwitterBlog {padding-top:15px;}
.btnTwitter {display:block; width:357px; height:48px; text-indent:-9999px; background:url(../images/btn_twitter.png) no-repeat left top;}
.blogFeed {width:608px; height:48px; background:url(../images/pe_blog_bg.png) no-repeat left top;}

.cat {border-top:1px solid #cacac0;}
.cat h1 {padding-left:20px;  font:bold 30px/50px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.cat h2 {padding-left:20px; font:bold 30px/50px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.catTitle {padding:10px 0 0 0; font:bold 40px/50px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.catTitle h1 b {font-size:24px;}
.catIntro {padding:0 0 15px 0;}
.catIntro span {font-size:30px; line-height:30px; font-weight:bold;}

.proiecte {}
.proiecteThumb {width:209px; height:281px; padding:23px 0 0 24px; margin:0 15px 15px 0; background:url(../images/proiect_categ_bg.png) no-repeat center center;}
.proiecteThumb .label {display:block; height:100%; vertical-align:middle; text-align:center; margin:0 22px 22px 0; font:bold 30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif; color:#abae00;}
.proiecteThumb .label:hover {color:#434343;}
.proiecteThumb .label small, 
.proiecteThumbSmall .label small {font-size:15px;}
.proiecteThumbSmall {width:141px; height:186px; padding:9px 0 0 14px; margin:0 10px 10px 0; background:url(../images/proiect_thump_small.png) no-repeat center center;}
.proiecteThumbSmall .label {display:block; height:100%; text-align:center; margin:0 22px 22px 0; font:bold 20px "Chaparral Pro", Georgia, "Times New Roman", Times, serif; color:#abae00;}
.proiecteThumbSmall .label:hover {color:#434343;}

.wrapProject {height:370px; padding:20px 20px 0 20px;}
.projectInfo {width:500px;}
.projectInfo h1 {padding:0 0 10px 0; border-bottom:1px solid #c5c4b9; font:normal 30px/30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.projectInfo p {padding:10px 0; line-height:21px;}
.projectInfo a.lnkComment {float:left; display:block; padding:5px; font-size:11px; letter-spacing:0em; color:#fff; background-color:#b0d000; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.projectInfo a.lnkComment:hover {background-color:#98b400;}
.projectInfo .data {padding:5px 0; border-bottom:1px solid #dddcd0; font-size:12px; letter-spacing:.3em; color:#c2c51d;}
.projectInfo .client {height:20px; margin-top:2px; border-bottom:1px solid #dddcd0; font-size:11px;}
.projectInfo .client b {display:block; float:left; width:100px; padding:0 5px; font-weight:normal; line-height:20px; color:#959487; text-shadow:#fff 0px 1px 0px; background-color:#dddcd0;}
.projectInfo .client span {display:block; float:left; padding:0 5px; line-height:20px;}
.projectGallery {width:420px;}
	.wrapPrevNext {padding:20px; border-top:1px solid #d9d8d2; background:url(../images/wrap_prev_next_bg.png) no-repeat center top;}
	.next, .prev {
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-corner-radius:10px;
		-moz-box-shadow:0px 0px 4px #696969;
		-webkit-box-shadow:0px 0px 3px #b5b4af;
		border:1px solid #909088;
		text-shadow:0 1px 1px #fff;
		color:#424033;
	}
	.prev {padding:5px 10px 5px 35px; background:url(../images/btn_prev_project.gif) no-repeat left top;}
	.prev:hover {border:1px solid #a0a323; background-position:left bottom;}
	.next {padding:5px 35px 5px 10px; background:url(../images/btn_next_project.gif) no-repeat right top;}
	.next:hover {border:1px solid #a0a323; background-position:right bottom;}
	

.contact {padding:20px;}
.contact h1 {padding:0 0 10px 0; border-bottom:1px solid #c5c4b9; font:normal 30px/30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.contact h1 span.allFields {float:right; padding-top:10px; font-size:11px; line-height:18px; color:#900;}
.contactForm {width:600px; padding-top:15px;}
	.contactRow {position:relative; padding-bottom:10px;}
	.contactRow label {display:block;}
	.contactRow .fields {width:580px; padding:9px 10px 10px 10px; border:none; vertical-align:top; font:normal 14px Georgia, "Times New Roman", Times, serif; color:#434343; letter-spacing:1px; background:url(../images/contact_fields_bg.png) no-repeat left top;}
	.contactRow .fields:hover {background:url(../images/contact_fields_bg.png) no-repeat left bottom;}
	.contactRow .fields:focus {background:url(../images/contact_fields_bg.png) no-repeat left bottom;}
	.contactRow .fieldsTxtArea {width:580px; height:87px; padding:10px; border:none; font:normal 14px/20px Georgia, "Times New Roman", Times, serif; color:#434343; letter-spacing:1px; background:url(../images/contact_fields_txtarea_bg.png) no-repeat left top;}
	.contactRow .fieldsTxtArea:hover {background:url(../images/contact_fields_txtarea_bg.png) no-repeat left bottom;}
	.contactRow .fieldsTxtArea:focus {background:url(../images/contact_fields_txtarea_bg.png) no-repeat left bottom;}
	.contactForm button {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-corner-radius:5px;
		-moz-box-shadow:0px 0px 3px #484848;
		-webkit-box-shadow:0px 0px 3px #b5b4af;
		padding:3px 5px;
		border:1px solid #909088;
		text-shadow:0 1px 1px #fff;
		font-size:15px;
		color:#424033;
		background:url(../images/btn_prev_project.gif) no-repeat center top;
	}
	.contactForm button:hover {color:#000; outline-style:none; background-position:center bottom;}
	.contactForm span {display:block; position:absolute; top:0; right:0; width:300px; height:20px; line-height:20px; font-size:11px; color:#900; text-align:right;}
	
.contactDetails {width:310px; padding-top:15px;}
.mess {padding:5px; margin-bottom:10px; border:1px solid; color:#d00000; text-align:center;}


.footer {font-size:11px; background:url(../images/footer_lines_bg.gif) repeat-x center bottom;}
.footerTrees {padding:40px 0 50px 150px; background:url(../images/footer_trees.gif) no-repeat left top;}
.footerTop {display:block; width:36px; height:22px; text-indent:-9999px; background:url(../images/footer_btn_top.gif) no-repeat left top;}
.footerTop:hover {background:url(../images/footer_btn_top.gif) no-repeat left bottom;}

.mr0 {margin-right:0px;}
.er404 {height:415px;}
.er404 h1 {border:none; font:normal 30px/30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.er404 h1 span {color:#d4d4cd;}
.er404 h2 {font:normal 30px "Chaparral Pro", Georgia, "Times New Roman", Times, serif;}
.er404 p {font-size:16px;}
.er404 .erLipsa {padding:130px 0 100px 350px; background:url(../images/eroare_404_hm_andrei.jpg) no-repeat 50px 30px;}










/* Easy Slider */
#slider {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border:10px solid #d9d8d2;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:400px;
	height:330px;
	overflow:hidden; 
	}
span#prevBtn a, span#nextBtn a, span#firstBtn a, span#lastBtn a {
	display:block;
	position:relative;
	top:-36px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-corner-radius:5px;
	-moz-box-shadow:0px 0px 3px #484848;
	-webkit-box-shadow:0px 0px 3px #b5b4af;
	padding:3px 5px;
	border:1px solid #909088;
	text-shadow:0 1px 1px #fff;
	font-size:12px;
	color:#424033;
	background:url(../images/btn_prev_project.gif) no-repeat center top;
}
span#prevBtn a:hover, span#nextBtn a:hover, span#firstBtn a:hover, span#lastBtn a:hover {color:#000; background-position:center bottom;}
span#prevBtn a, span#nextBtn a, span#firstBtn a, span#lastBtn a {color:#424033;}
	span#prevBtn a {float:left; margin:0 0 0 13px;}
	span#nextBtn a {float:right; margin:0 13px 0 0;}
	span#firstBtn a {float:left; }
	span#lastBtn a {float:right; }

/* // Easy Slider */




/* Info over image */
div.wrapper{
	position:relative; /* important(so we can absolutely position the description div */ 
	width:187px;
	height:260px;
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:15px;
	color:white;
}
div.description_content{
	width:167px;
	padding:10px;
	cursor:default;
}
div.description_content a {
	color:#7b7d00;
}
div.description_content a:hover {
	color:#fff;
}

/* Info over small thumb */
div.wrapperSmall{
	position:relative; /* important(so we can absolutely position the description div */ 
	width:127px;
	height:173px;
}
div.descriptionSmall{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: Georgia;
	font-size:11px;
	color:white;
}
div.description_content_small{
	width:107px;
	padding:10px;
	cursor:default;
}
div.description_content_small a {
	color:#7b7d00;
}
div.description_content_small a:hover {
	color:#fff;
}


/* The CSS Awards */
.thecssawards {position:absolute; width:69px; height:105px; top:0; right:0; text-indent:-9999px; background:url(../award_day_black.png) no-repeat left top;}
.thecssawards:hover {background:url(../award_day_white.png) no-repeat left top;}
.thecssawards a {display:block; width:69px; height:105px;}