@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('jquery.jcarousel.css');
@import url('jquery.jcarousel.skin.css');

body{background-color:#a4a2a3; background-repeat:no-repeat; background-position:top center;text-align:center; font-family:Verdana, Geneva, sans-serif;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}


div#wrapper{width:940px;margin:0 auto;}
h1#name {width:940px;height:690px; background:url(../img/header.png) no-repeat top left;text-indent:-9999px;}

div#main_controls{width:940px;height:112px;position:absolute; top:721px;overflow:hidden; background-image:url('../img/main_controls_background.png'); background-position:center center;}

div#main_navigation_controls{color:white; text-align:left;font-size:8px; position:absolute; width:600px;margin-top:18px;margin-left:50px;}
div#main_navigation_controls a{color:white;text-decoration:none;}
div#main_navigation_controls a:hover{color:#cccccc;}

div#main_navigation_controls2{color:white; text-align:left;font-size:8px; position:absolute; width:250px;text-align:right;margin-top:18px;margin-left:651px;}
div#main_navigation_controls2 a{color:white;text-decoration:none;}
div#main_navigation_controls2 a:hover{color:#cccccc;}

.standard8{font-size:8px;font-family:'Verdana';}

a#seeMyWorks{display:block;text-indent:-9999px;width:940px;height:112px;background:url(../img/see_my_works.png) no-repeat top left;}
a#seeMyWorks:hover{background-position:0 -112px;}
a#seeMyWorks:active{background-position:0 -224px;}

#projects_container{
	width:940px;
	height:410px;
	position:absolute;
	top:370px;
	overflow:hidden;
	display:none;
}
#project{
	width:940px;
	height:410px;
	background:black;
}
#project_right_panel{
	position:absolute;
	top:0;
	right:0;
	width:480px;
	height:410px;
	background-image:url('../img/project_information_background.png');
}
#projects_thumbs_container{
	position:absolute;
	top:32px;
	left:28px;
	width:422px;
	height:222px;
	overflow:hidden;
}
#projects_thumbs_slider{
	position:absolute;
	top:0;
	left:0;
	height:222px;
	background:red;
}
div.project_thumb{
	overflow:hidden;
	width:205px;
	height:108px;
	position:absolute;
	background-position:bottom;
}
div.project_thumb img.new_label{
	position:absolute;
	left:0;
	top:14px;
}
div.project_thumb span{
	display:none;
}
div.project_thumb.activ{
	background-position:top;
}
div.project_thumb.hovered{
	background-position:top;
}
#projects_thumb_navigation{
	position:absolute;
	top:280px;
}
a#prev_button{
	display:block;
	width:67px;
	height:68px;
	background-image:url('../img/prev_button.gif');
	background-position:top;
	position:absolute;
	left:308px;
	top:0;
}
a#prev_button:hover{
	background-position:bottom;
}
a#next_button{
	display:block;
	width:67px;
	height:68px;
	background-image:url('../img/next_button.gif');
	background-position:top;
	position:absolute;
	left:378px;
	top:0;
}
a#next_button:hover{
	background-position:bottom;
}

#projects_categories{
	position:absolute;
	top:370px;
	left:28px;
	font-size:8px;
	color:white;
	width:500px;
}
#projects_categories a{
	color:white;
	text-decoration:none;
}
#projects_categories a.active{
	color:white;
	text-decoration:none;
	font-weight:bold;
}
#project_image_slider{
	width:940px;
	height:410px;
	position:absolute;
}

div.project_active_images{
	position:absolute;
	bottom:10px;
	text-align:center;
	width:940px;
}

div.project_active_images span.project_image{
	display:inline-block;
	visibility:hidden;
	width:16px;
	height:14px;
	background-image:url('../img/icoane_imagini.gif');
	background-repeat:no-repeat;
	background-position:top;
	margin-right:4px;
	cursor:pointer;
}
div.project_active_images span.hovered{
	background-position:bottom!important;
}
div.project_active_images span.active{
	background-position:0 -14px;
}
div.project_active_images span.passed{
	background-position:0 -28px;
}

#project_left_panel{
	position:absolute;
	top:0;
	left:0;
	width:460px;
	height:410px;
	background-image:url('../img/project_information_background.png');
}
#project_description{
	width:285px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a6a5a5;
	position:absolute;
	top:30px;
	left:154px;
	text-align:left;
	line-height:1.5em;
}
#project_title{
	position:absolute;
	width:422px;
	height:347px;
	border-bottom:1px solid #fff;
	top:0;
	left:22px;
	text-align:right;
	line-height:0.5em;
}
#project_title h1{
	position:absolute;
	bottom:2px;
	color:white;
	width:422px;
	text-align:right;
	font-weight:normal;
	font-family:Arial;
}
#project_subtitle{
	position:absolute;
	width:422px;
	top:355px;
	left:22px;
}
#project_subtitle h2{
	position:absolute;
	width:422px;
	color:white;
	text-align:right;
	font-size:14px;
	font-weight:normal;
	font-family:Arial;
	text-transform:uppercase;
}
#project_information{
	position:absolute;
	width:422px;
	top:386px;
	left:22px;
	text-align:right;
	color:white;
	text-transform:uppercase;
	font-size:8px;	
}
#buy_prints{
	position:absolute;
	width:37px;
	height:29px;
	top:350px;
	left:22px;
}
#buy_link{
	margin-bottom:5px;
}
#share_links{
	background:white;
	position:absolute;
	margin-top:-18px;
	margin-left:37px;
	display:none;
	padding-top:0;
}

#share_links table td{
	padding-right:2px;
}

span.contact_information{display:block;width:940px;height:14px;margin:148px 0 0 0;background:url(../img/contact.png) no-repeat top center;text-indent:-9999px;}

div#updates{margin:95px 0 0 0 ;}

div#updates .column{width:220px;float:left;margin:0 20px 0 0;overflow:hidden;text-align:left;}
div#updates .last{margin:0;}

div#updates h2.header{display:block;width:220px;height:37px;text-indent:-9999px;background:url(../img/column_headers.png) no-repeat;}

div#updates div#awards h2.header{background-position:0 0;}
div#updates div#booksmagz h2.header{background-position:-220px 0;}
div#updates div#interviews h2.header{background-position:-440px 0;}
div#updates div#features h2.header{background-position:-660px 0;}


div#updates ul.news{/*background:#666666;*/}

div#updates ul.news li div.header{margin:10px 0 0 0;}
div#updates ul.news li div.header span.date{display:block;background:black;padding:8px 6px 8px 6px;color:white;font-size:13px;margin:0 5px 0 0;}
div#updates ul.news li div.header h3.title{width:160px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px;font-weight:bold;color:#2b2a2a;}
div#updates ul.news li p.content{margin:10px 0 0 0;font-size:12px;color:#2b2a2a;line-height:16px;}

div#updates ul.news li p.content a{color:#2b2a2a;text-decoration:underline;}
div#updates ul.news li p.content a:hover{color:black;}
div#updates ul.news li p.content a:active{color:#2b2a2a;}

div.navigation{width:220px;background:black;}
div.navigation span a{display:block;position:relative;z-index:3;color:white;font-size:13px;padding:0 10px 0 10px;line-height:30px; text-decoration:underline;cursor:pointer;}

div#bechira_about{width:889px;background:black;padding:23px 28px 26px 23px;margin:45px 0 0 0;text-align:left;}
div#about_a_few_words{width:408px;color:white;font-family:Arial, Helvetica, sans-serif;font-size:13px;float:left;}
div#about_a_few_words h1{padding:0;margin:0;background-image:url(../img/about_a_few_words.gif);background-repeat:no-repeat;width:408px;height:57px; text-indent:-5000px;}
div#about_a_few_words p{margin-top:20px;}

div#about_background_skills{width:408px;color:white;font-family:Arial, Helvetica, sans-serif;font-size:13px;float:right;clear:rigth;}
div#about_background_skills h1{padding:0;margin:0;background-image:url(../img/about_background_skills.gif);background-repeat:no-repeat;width:408px;height:57px; text-indent:-5000px;}
div#about_background_skills p{margin-top:20px;}

div#main_links{	width:940px; background-color:black;margin:3px 0 0 0;text-align:left;}

a#download_cv_link{display:block;float:left;width:470px; height:89px; background-image:url(../img/download_full_resume_link.gif);background-position:top;background-repeat:no-repeat;font-size:0px;text-indent:-5000px;}
a#download_cv_link:hover{background-position:bottom;}
a#get_in_touch_link{display:block;float:right;width:470px;height:89px; background-image:url(../img/get_in_touch_link.gif);background-position:top;background-repeat:no-repeat;font-size:0px;text-indent:-5000px;}
a#get_in_touch_link:hover{background-position:bottom;}

div#follow_links{width:940px; margin:33px 0 0 0;}
div#follow_links a{display:block;float:left; background-position:left bottom; background-repeat:no-repeat;font-size:0px; height:54px;text-indent:-5000px;}
div#follow_links a:hover{background-position:left top;}
a#f_twitter_link{background-image:url(../img/twitter_link.gif); width:113px; margin-right:22px;}
a#f_behance_link{background-image:url(../img/behance_link.gif); width:145px; margin-right:17px;}
a#f_flickr_link{background-image:url(../img/flickr_link.gif); width:146px; margin-right:19px;}
a#f_linked_in_link{background-image:url(../img/linked_in_link.gif); width:151px; margin-right:23px;}
a#f_cg_society_link{background-image:url(../img/cg_society_link.gif); width:152px; margin-right:19px;}
a#f_slash_three_link{background-image:url(../img/slash_three_link.gif); width:133px;}

div#bottom_quote{width:940px;height:102px;background-image:url(../img/bottom_quote.gif);background-repeat:no-repeat;background-position:top;margin-top: 47px;font-size:0px;text-indent:-5000px;}

div#about{width:910px;background:black;padding:20px 15px 20px 15px;margin:45px 0 0 0;text-align:left;}
div#about p, div#footer p{color:white;font-size:12px;line-height:16px;margin:0 0 15px 0;}

div#about p a, div#footer p a{color:white;text-decoration:underline;}
div#about p a:hover, div#footer p a:hover{color:white;}
div#about p a:active, div#footer p a:active{color:white;}

div#footer{width:910px;background:black;padding:20px 15px 10px 15px;text-align:left;margin:45px 0 0 0;}