@charset "utf-8";
/* CSS Document */


/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-size: 95%;
	font-weight: normal;
	font-family: Helvetica,Arial, sans-serif;
}

p{line-height: 21px;}
em{font-style: italic;}
strong{font-weight: bold;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	width:100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a span {
	display:none;
}

input {
	margin:0;
	padding:0;
}

/* SITE START */
body{ background:#7795af url(../images/body_bg.png) repeat;  height: 100%; min-width: 1000px;}
#top_header{width: 100%; background: #242c34 url(../images/top_header_rptx.png) repeat-x 0 3px; overflow: visible; position: relative; z-index:79;}
	#top_header_holder{width:960px; margin: 0 auto; position: relative;}
	.content{height: 0px; overflow: hidden; width: 100%; display: block; color: #f7f7f7; padding-top: 3px;}
	
	.about_btn_expand {width:140px; height: 20px; text-indent: -9999px; background: url(../images/top_header_about_btn_expand.png) top left; display: block; position: absolute; bottom: -20px; right: 150px; cursor: pointer;}
	.about_btn_expand.expanded{background-position: bottom left;}

   #about_holder{width:1000px; height:410px; position: absolute; bottom: -405px; right:-20px; display:none; z-index:9998; background:url(../images/loader.gif) no-repeat center;}
   #about_holder span.bg{width:1000px; height:410px; position:absolute; display:block; background:url(../images/about_holder_bg.png) no-repeat top left; visibility:visible;}
   #about_holder *{font-size:0; visibility:hidden;}

   #about_designerscouch_profile{width:75px; height:50px; display:block; position:absolute; top:310px; left:240px; visibility:visible;}
   #about_linked_profile{width:100px; height:50px; display:block; position:absolute; top:310px; left:330px; visibility:visible;}
   #about_vimeo_profile{width:90px; height:50px; display:block; position:absolute; top:310px; left:455px; visibility:visible;}
   #about_twitter_profile{width:110px; height:50px; display:block; position:absolute; top:310px; left:560px; visibility:visible;}

   /*#about_designerscouch_profile, #about_linked_profile, #about_vimeo_profile, #about_twitter_profile{background:rgba(255,255,255,.5)}*/

   #about_close{width:82px; height:30px; position:absolute; top:48px; left:876px; display:block; visibility:visible; cursor:pointer;}

	.btn_expand {width:140px; height: 20px; text-indent: -9999px; background: url(../images/top_header_btn_expand.png) top left; display: block; position: absolute; bottom: -20px; right: 0px; cursor: pointer;}
	.btn_expand.expanded{background-position: bottom left;}
	
	#top_header li {text-indent: 0px !important;}
	
#sub_header_wrapper{width:100%;display: block; background: url(../images/sub_header_rptx.png) bottom repeat-x; position:fixed; z-index:4;}

#sub_header_wrapper .h_top{width:100%; height:100px; display:block; position:absolute; background:url(../images/hover/top.png) repeat-x; bottom:-295px !important; top:inherit; left:0;  pointer-events:none;z-index:99999991;}

	#header_holder{width: 960px; height: 163px; margin: 0 auto; background: url(../images/sub_header_bg.jpg) no-repeat top center;}
	
	.logo{width: 348px; height: 60px; margin-top: 87px; display: block; float: left; background: url(../images/logo.png) no-repeat; text-indent: -9999px;}
	
	#header_holder h1{width: 467px; height: 35px; margin-top: 87px; display: block; float: right; background: url(../images/hello.png) no-repeat; text-indent: -9999px;}
	
#wrapper{width: 100%; height: 100%; float: left;}	
#content_wrapper{width: 960px; margin: 196px auto 0 auto; overflow: visible; display: block;}	

	h2.work{width: 252px; height: 27px; margin: 58px 0; background: url(../images/work.png) no-repeat; text-indent: -9999px; float: left;}
	
	#gallery_list{display: block; width: 980px; height: 2110px; position: relative; overflow: hidden; float: left; display:none;}
	
	#gallery_list_ul{display:block; float:left; width:980px; }		
	.gallery {position: relative; width: 470px; height: 250px; float: left; display: block; margin:0px 20px 20px 0; display: block; background: #dcefff; text-indent: 0px !important; }
	
	/*.gallery.last{margin-bottom: 70px;}*/
	
	.gallery .links{position: absolute; width: 300px; height: 120px; padding: 10px; display: block; background: url(../images/overlay_bg.png) no-repeat; top:64px; left: 75px;}
	
	.links a{font-size: 18px; font-family: Georgia, sans-serif; font-style: italic; line-height: 70px; color: #fff; }
	.links a:hover{text-decoration: underline;}
	
	.preview{margin-left: 60px;}
	.visit{margin-left: 80px;}
	.visit.na{text-decoration: line-through !important;}
	
	.fullsize{margin: 0 0 0 60px; line-height: 43px !important;}	
		
	/*.gallery.expanded .links{display: block;}*/
	
#footer{width: 100%; min-width: 960px; height: 35px; position: fixed; bottom: 0px; background:url(../images/black_70_op.png); line-height: 35px; color: #fff; font-size: 12px; padding: 0 20px; z-index: 3;}

.made_on_mac{color: #fff; padding-right: 15px; margin-right: 40px; background: url(../images/apple_logo.png) no-repeat right 8px; display: block; width: 57px; float: left; text-decoration: none;}
.made_on_mac:hover{text-decoration: underline;}

#footer a{color: #fff; text-decoration: none; margin-right: 25px; line-height: 35px; height: 35px; display: block; float: left;}
#footer a:hover{text-decoration: underline;}

.valid{ height: 35px; border-left: dotted 1px #4e4e4e; border-right: dotted 1px #4e4e4e;  line-height: 35px; display: block; float: left; padding: 0 10px; margin-right: 14px !important;}
.valid:hover{background: #1a1a1a;}

.copyright{width: auto; float: right !important; display: block; padding-right: 45px;}


.contact{padding-left: 35px; width: 210px; height: 110px; margin-top: 40px; float: left; background: url(../images/contact_icons.png) no-repeat top left; font-size: 18px; color: #fff; }

.contact li{height: 40px;font-family: Georgia, sans-serif; font-style: italic;}

.contact a{color: #fff;font-family: Georgia, sans-serif; font-style: italic;}
.contact a:hover{text-decoration: underline;}

.dark_blue{color: #7994ad; font-family: Helvetica, sans-serif; font-style: normal;}

.about{width:auto; display: block; float: right; margin-top:30px;}

.about p{line-height: 40px; color: #7994ad; font-family: Helvetica, sans-serif; font-size: 16px; font-style: normal;}

.about p a{color: #fff; text-decoration: none;}
.about p a:hover{text-decoration: underline;}



h1, ul, li, h2, h3{color: #fff;}

p{color: #eee; font-size: 14px;}

h1{font-size: 32px; font-weight: bold; line-height: 50px;}
h2{font-size: 24px; font-weight: bold; line-height: 50px;}
h3{font-size: 18px; font-weight: bold; line-height: 50px;}

li{ line-height: 23px; text-indent: 20px;font-size: 14px;}


.main_nav{height: 103px; margin-top:93px; display:block; float:left; margin-left:103px; width:auto;}

.nav_contact{display:block; float:left; margin:0;}
.nav_contact a#contact{width:136px; height:103px; background:url(../images/contact_sprite.png) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}

.nav_home, .nav_portfolio, .nav_resume  {display:block; float:left; margin:0 50px 0 0 !important; width:auto; text-indent:0;}

.nav_home a{width:59px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden; background:url(../images/main_menu.png) 0 -103px no-repeat;}
.nav_home a:hover{background:url(../images/main_menu.png) 0px 0px no-repeat; height:100px; opacity: .5;}
.nav_home.active a:hover{background:url(../images/main_menu.png) no-repeat; height:103px;  opacity: 1;}
.nav_home.active a{height:103px;background:url(../images/main_menu.png) 0px 0px no-repeat;}
	

.nav_portfolio a{width:85px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden; background:url(../images/main_menu.png) -99px -103px no-repeat;}
.nav_portfolio a:hover{ background:url(../images/main_menu.png) -99px top no-repeat; height:100px; opacity: .5;}
.nav_portfolio.active a:hover{background:url(../images/main_menu.png) -99px top no-repeat; height:103px;  opacity: 1}
.nav_portfolio.active a{height:103px;background:url(../images/main_menu.png) -99px top no-repeat;}

.nav_resume a{width:79px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden; background:url(../images/main_menu.png) -224px -103px no-repeat;}
.nav_resume a:hover{background:url(../images/main_menu.png) -224px top no-repeat; height:100px; opacity: .5;}
.nav_resume.active a:hover{ background:url(../images/main_menu.png) -224px top no-repeat; height:103px;  opacity: 1}
.nav_resume.active a{height:103px; background:url(../images/main_menu.png) -224px top no-repeat;}	
	
#coverflow{position: relative; padding-bottom: 50px; height: 906px; width: 960px; background: url(../images/glass_under_shadow.jpg) no-repeat bottom center;}
#CoverFlowID{z-index:0 !important; position:absolute; bottom:52px; left:0;}
.fg1{position: absolute; bottom:0px; left: 0; width: 100px; height: 690px; z-index: 2; background: url(../images/fg1.png) repeat-y;}
.fg2{position: absolute; bottom:0px; right: 0; width: 150px; height: 690px; z-index: 2; background: url(../images/fg2.png) repeat-y;}

.more_work{width: 960px; height: 30px; background: url(../images/more_work.png) no-repeat; margin: 15px 0; display: block; text-indent: -9999px; cursor: pointer;}

.more_work.active{background-position: bottom left;}

.hidden_list a{display: none;}

.last_p{float:left; margin-bottom:60px; width:960px;}

.clear{width:960px; height: 60px; display: block; float: left;}

.resume{width:133px; height: 78px; display: block; position: absolute; bottom: -78px; left: 0px; background: url(../images/resume.png) no-repeat; text-indent: -9999px; overflow: hidden;}

.experience_company{width:210px; height: 180px; float: left; display: block; margin-bottom: 30px;background:#728ea6; padding: 15px 10px 10px 10px; margin-right: 13px;}
.experience_company:hover{background-color: #668a20;}
.experience_company.netbridge{margin: 0;}
.experience_company.hp{margin: 0;}

.experience_company.empty:hover{width:210px; height: 180px; float: left; display: block; margin-bottom: 30px;background:#728ea6; padding: 15px 10px 10px 10px; margin-right: 13px;}

.experience_company.empty_last{width:210px; height: 180px; float: left; display: block; margin-bottom: 30px;background:#728ea6; padding: 15px 10px 10px 10px; margin-right: 0px;}

.experience_company.empty_last:hover{background:#728ea6;}

.experience_company span{clear: both; float: left; color: #FFF;}

.company_name{font-size: 18px; font-family: Helvetica, Arial sans-serif; color: #242C34 !important; font-weight: bold; margin-bottom: 30px;}

.position {font-weight: bold; margin-bottom: 15px; clear:left !important; float: left; width: 200px; display: block;}

.time_period {width: 200px; clear:left !important; float: left; display: block;}

span.separator{width: 960px; height: 16px; background: url(../images/separator.png) repeat-x; display: block; margin: 30px 0; float: left;}

span.white{color: #fff; font-weight: bold; font-size: 14px;}

.photoshop{width: 940px; height: 60px; line-height: 66px; display: block; float: left; margin-bottom: 30px; color: #242C34; background:#728ea6 url(../images/resume_icons.png) no-repeat 908px 0px; font-size: 14px; padding:0 0 0 20px;}

.coda{width: 940px; height: 60px; line-height: 66px; display: block; float: left; margin-bottom: 30px; color: #242C34; background:#728ea6 url(../images/resume_icons.png) no-repeat 908px -60px; font-size: 14px; padding:0 0 0 20px;}

.flash{width: 940px; height: 60px; line-height: 66px; display: block; float: left; margin-bottom: 0px; color: #242C34; background:#728ea6 url(../images/resume_icons.png) no-repeat 908px -120px; font-size: 14px; padding:0 0 0 20px;}

.photoshop:hover{background-color: #668a20;}
.coda:hover{background-color: #668a20;}
.flash:hover{background-color: #668a20;}

h2.about{padding-left: 45px; line-height: 32px; height: 32px; background: url(../images/resume_h2.png) no-repeat 0 0; display: block; text-align: left; width: 915px; margin-bottom: 15px; float: left; clear: both;}
h2.experience{padding-left: 45px; line-height: 32px; height: 32px; background: url(../images/resume_h2.png) no-repeat 0 -32px; display: block; text-align: left; width: 915px; margin-bottom: 15px; float: left; clear: both;}
h2.skills{padding-left: 45px; line-height: 42px; height: 32px; background: url(../images/resume_h2.png) no-repeat 0 -64px; display: block; text-align: left; width: 915px; margin-bottom: 25px; float: left; clear: both;}
h2.studies{padding-left: 45px; line-height: 40px; height: 32px; background: url(../images/resume_h2.png) no-repeat 0 -96px; display: block; text-align: left; width: 915px; margin-bottom: 15px; float: left; clear: both;}

.omagiu_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; margin-top: 25px;}
.dreamgazers_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -60px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}
.arond_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -120px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}
.netbridge_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -180px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}

.hp_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -240px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}

.rompay_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -300px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}

.dfu_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -360px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}

.webapp_logo{width:210px; height: 60px; float: left; background: url(../images/resume_logos.png) no-repeat 0 -420px; text-indent: -9999px; overflow: hidden; margin-top: 25px;}

#not_found{width:960px; height: 550px; display: block; background: url(../images/404.png) no-repeat center center; text-indent: -9999px; overflow: hidden; margin-top: 60px;}

#css_galleries{width: 960px; height: 150px; margin-top: 20px; display: none; float: left; background: url(../images/css_galleries.jpg) no-repeat;}
#css_galleries h2{text-indent: -9999px; height: 50px; width: 960px; clear: both; overflow: hidden;}
#css_galleries a{text-indent: -9999px; overflow: hidden; width: 150px; height: 33px; margin-right: 10px; float: left;}

#cssawards{width:115px; height: 115px; position: absolute; display: block; top:-115px; right:40px; z-index: 5; background: url(../images/honormention_black.png) no-repeat;}
#cssawards a{width: 115px; height: 115px; display: block;text-indent: -9999px;}

#project_page_body #wrapper{overflow:visible;}

#project_header{ width: 100%; height: 100px; background: url(../images/black_70_op.png) repeat;}
#project_header h1{font-size: 18px; font-weight:normal; margin-top: 25px; margin-right: 20px; display: block; float: right;}

.project_page_logo{width:346px; height: 35px; display: block; text-indent: -9999px; overflow: hidden; margin-top: 35px; margin-left: 20px; display: block; float: left; background: url(../images/logo_transp.png) no-repeat; }

.go_back{width:139px; height:40px; position: fixed; top:280px; left: 40px; background: url(../images/go_back_btn.png) no-repeat; text-indent: -9999px; overflow: hidden;}

h3.login{height:30px; font-size: 14px; font-weight: normal; background: url(../images/lock.png) no-repeat; padding-left: 30px; line-height: 30px; margin-top: 30px;}

#client_login {margin-top: 30px;}
#client_login span{color: #fff; font-weight: bold;display: block; float: left; clear:both; margin-bottom: 5px; font-size: 14px;}
#client_login input{border: 1px solid #fff; background: #97b0c2; outline: none; width: 400px; height: 25px; padding: 0 10px; clear: both; display: block; float: left;margin-bottom: 15px;}
#client_login input:focus{background: #b6cfe0;}
#client_login input.submit{background:url(../images/client_login.png) no-repeat; width:400px; height: 40px; border: none; text-indent: -9999px;}
#client_login input.submit:hover{background:url(../images/client_login.png) no-repeat 0 -40px;}
#client_login input.submit:active{background:url(../images/client_login.png) no-repeat 0 -80px;}

#client_login p.error{margin:25px 0px 0 60px; width:400px; height: 70px; display: block; float:left; background: url(../images/black_70_op.png) repeat; padding: 10px;  border: 1px solid #a2b8c9;}
#client_login p.error span{color: #ff3737; display: inline; width: 100%; margin: 13px auto; text-align: center;}

#client_login p.input_block{float: left;}

p.error span.input_credentials{width: 350px; height: 50px; background: url(../images/login_input_cred.png) no-repeat; float: left; margin:0 0 0 35px !important;}

ul.download_links{margin-top: 30px;}
ul.download_links li a{display:block; width:70%; padding-left:15px; margin-left:10px; float:left; color: #fff; height: 30px; line-height: 30px; background: url(../images/download_link_icon.png) no-repeat;font-weight: bold;}
ul.download_links li span{display:inline; clear: none !important; padding: 0!important; float: right; margin-right: 10px; color: #fff; height: 30px; line-height: 30px; color: #242c34; font-weight: bold;}
ul.download_links li {padding: 5px; width: 100%; margin-bottom: 5px; display: block; float: left;}
ul.download_links li:nth-child(2n){display:block; background: #97b0c2;}
ul.download_links li:nth-child(2n+1){display:block; background: #6b849b;}
ul.download_links li:hover{background: #668a20;}

.btn_logout {width:140px; height: 40px; text-indent: -9999px; background: url(../images/logout.png) top left; display: block; position: absolute; bottom: -40px; right: 160px; cursor: pointer;}

.cv_pdf{width:150px; height: 100px; float: right; display: block; text-indent: -9999px; overflow: hidden; margin-left: 20px; background: url(../images/cv_pdf.png) no-repeat;}

.linkedin{width:150px; height: 100px; float: right; display: block; text-indent: -9999px; overflow: hidden; margin-left: 20px; background: url(../images/linkedin.png) no-repeat;}

.p_about_me{width: 600px; float: left; padding: 20px 0 0;}

#skills_assessment{width:960px; height: 370px; display: block; float: left; margin:0 0 30px 0; background: url(../images/skills_assessment.png) no-repeat;}
.video{width:940px; display:block; margin:30px 0; background: url(../images/black_70_op.png) repeat; padding: 10px;  border: 1px solid #a2b8c9; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative;}

#fly3d_ribbon{position:absolute; top:-4px; left:-4px; background:url(../images/fly3d-ribbon.png) no-repeat; width:260px; height:160px; text-indent:-9999px; overflow:hidden;}
#fly3d_description{display:block; padding:30px; width:800px; line-height:21px; font-size:16px; background:#1e1e1e; color:#f2f2f2;}

.total3d {width:940px; height:630px; display:block; margin:30px 0; background: url(../images/black_70_op.png) repeat; padding: 10px;  border: 1px solid #a2b8c9; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative;}
.total3d span{position:absolute; top:-4px; left:-4px; background:url(../images/3dtotal-ribbon.png) no-repeat; width:260px; height:160px; text-indent:-9999px; overflow:hidden;}
.total3d a{width:940px; height:630px; background:url(../images/3d_total_award_scene.jpg) no-repeat; text-indent:-9999px; overflow:hidden; display:block;}

#social_networks{width:960px; height:50px; margin:0 0 30px 0; display:block;}
#designerscouch_profile{width:100px; height:50px; background:url(../images/social_networks/designer_couch.png) no-repeat; display:block; float:left; text-indent:-9999px; margin:0 30px 0 235px; }
#linked_profile{width:100px; height:50px; background:url(../images/social_networks/linkedin.png) 0px 0px no-repeat; display:block; float:left; text-indent:-9999px; margin:0 30px 0 0; }
#vimeo_profile{width:100px; height:50px; background:url(../images/social_networks/vimeo.png) 0px 0px no-repeat; display:block; float:left; text-indent:-9999px; margin:0 30px 0 0;  }
#twitter_profile{width:100px; height:50px; background:url(../images/social_networks/twitter.png) 0px 0px no-repeat; display:block; float:left; text-indent:-9999px; }

#overlayA{width:100%; height:100%; display:block; z-index:9999999; position:fixed; pointer-events:none; background: url(../images/hover/transp_0.png) repeat; }
.h_top{width:100%; height:100px; display:block; position:fixed; background:url(../images/hover/top.png) repeat-x; top:0; left:0;  pointer-events:none;z-index:99999991;}
.h_bottom{width:100%; height:100px; display:block; position:fixed; background:url(../images/hover/bottom.png) repeat-x; bottom:-13px; left:0;  pointer-events:none;z-index:99999992;}
.h_left{width:100px; height:100%; display:block; position:fixed; background:url(../images/hover/left.png) repeat-y; top:0; left:0; pointer-events:none;z-index:99999993;}
.h_right{width:100px; height:100%; display:block; position:fixed; background:url(../images/hover/right.png) repeat-y; top:0; right:-13px; pointer-events:none;z-index:99999994;}


.projects_previous{width:139px; height:40px; position: fixed; top:50%; left: 40px; background: url(../images/project_slider/previous.png) no-repeat; text-indent: -9999px; overflow: hidden; opacity:0.3;}
.projects_next{width:139px; height:40px; position: fixed; top:50%; right: 37px; background: url(../images/project_slider/next.png) no-repeat; text-indent: -9999px; overflow: hidden; opacity:0.3;}

#image_holder img{margin:60px auto; display: block;  background: url(../images/black_70_op.png) repeat; padding: 10px;  border: 1px solid #a2b8c9;}
#projects_holder img{margin:60px auto; display: block;  background: url(../images/black_70_op.png) repeat; padding: 10px;  border: 1px solid #a2b8c9; }

#projects_holder{overflow:hidden; position:absolute; margin-top:246px; display:none;}
.project{width:982px; display:block; float:left; position:relative;}

#project_page_body{background:url(../images/portfolio_bg.jpg) no-repeat fixed 0% 0px; overflow-x:hidden;overflow-y:scroll;}

.slider_nav_holder{position:fixed; width:100%; height:160px; bottom:0;}
.slider_nav{display:block; height:60px; width:540px; background:url(../images/project_slider/nav_bg.png); margin:0 auto; opacity:.3; padding:0 5px 0; }

.slider_nav a{display:block; height:20px; width:20px; background:url(../images/project_slider/nav_item.png) no-repeat 10px 10px; float:left; margin:10px; padding:10px; text-indent:-9999px; overflow:visible; position:relative;}
.slider_nav a:hover{background:url(../images/project_slider/nav_item_hover.png) no-repeat 10px 10px;}

.slider_nav a .thumb{position:absolute; top:-160px; left:-80px; width:200px; height:150px; display:block; background:url(../images/project_slider/thumb_bg.png) no-repeat; display:none; opacity:0;}
.slider_nav a .thumb img{margin:20px 20px 0px 20px; width:160px; height:100px; display:block;}

.slider_nav a.active{background:url(../images/project_slider/nav_item_active.png) no-repeat 10px 10px;}
.slider_nav a.active:hover{background:url(../images/project_slider/nav_item_active.png) no-repeat 10px 10px;}

.header_dropdown{width:33px; height:32px; background:url(../images/project_slider/header_dropdown.png) no-repeat 0px -32px; position:fixed; right:57px; top:90px; opacity:0;}

.back_top{width:33px; height:32px; background:url(../images/project_slider/back_top.png) no-repeat 0px 0px; position:fixed; right:57px; bottom:113px;}

.info_btn{width:33px; height:32px; background:url(../images/project_slider/info_btn.png) no-repeat 0px 0px; position:absolute; top:15px; left:10px;}



.details_holder{width:100%; clear:both; display:block; float:left; padding-top:100px; background:none; display:none; opacity:0; margin-top:306px;}

.details{width:960px; display:block; margin:0 auto; position:relative; display:none; opacity:0;}
.details h2{width:960px; height:62px; display:block; float:left; margin-bottom:40px; text-indent:-9999px; overflow:hidden;}
.description{width:920px; display:block; float:left; padding:20px; background:rgba(0,0,0,.7); -moz-box-shadow:0px 30px 90px rgba(0,0,0,.75); -webkit-box-shadow:0px 30px 90px rgba(0,0,0,.75); box-shadow:0px 30px 90px rgba(0,0,0,.75);font-size:16px;line-height:26px; }
.details img{margin:3px 20px 0px 0px; float:left; -moz-box-shadow:0px 10px 20px rgba(0,0,0,.75 ) inset,0px 1px 0px rgba(255,255,255,.5) ;  -webkit-box-shadow:0px 10px 20px rgba(0,0,0,.75 ) inset,0px 1px 0px rgba(255,255,255,.5) ; }
.details a.close_btn{ width:33px; height:32px; background:url(../images/project_slider/info_btn.png) no-repeat 0px -32px; position:absolute; top:10px; right:0px; }

#aficionado_details h2{background:url(../images/project_slider/projects/h2/aficionado.png) no-repeat;}
#scm_details h2{background:url(../images/project_slider/projects/h2/scm.png) no-repeat;}
#homeart_details h2{background:url(../images/project_slider/projects/h2/homeart.png) no-repeat;}
#beed_details h2{background:url(../images/project_slider/projects/h2/beed.png) no-repeat;}
#linxlab_details h2{background:url(../images/project_slider/projects/h2/linxlab.png) no-repeat;}
#wibo_details h2{background:url(../images/project_slider/projects/h2/wibo.png) no-repeat;}
#pagfarm_details h2{background:url(../images/project_slider/projects/h2/pagfarm.png) no-repeat;}
#webapp_details h2{background:url(../images/project_slider/projects/h2/webapp.png) no-repeat;}
#rompay_details h2{background:url(../images/project_slider/projects/h2/rompay.png) no-repeat;}

.contact_string{width:9px; height:20px; background:url(../images/contact_string.png) no-repeat bottom left; display:block; position:absolute; bottom:-20px; right:55px;}


#twitter_last{display:block; float:left;padding-left:20px; background:url(../images/twitter.png) no-repeat center left; opacity:.5;}
#twitter_last:hover span.tweet_content{text-decoration:underline;}
#twitter_last:after{content:"..."}

#twitter_last span.tweet_content{display:block; float:left; line-height:36px;}

a.terms{float:right !important; opacity:.5;}

#portfolio-nav{width:250px; height:350px; position:absolute; top:50%; left:50%; margin-left:-155px; margin-top:-150px; background:url(../images/portfolio_nav.png) no-repeat; opacity:0; z-index:9999999;}
/*#projects_holder,.slider_nav_holder,.projects_previous, .projects_next{display:none;}*/

#plusone-catalin{padding-top:10px; display:block; float:left; margin-right:15px; height:25px; line-height:normal !important;}