/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- tag comuni ------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */
a {
	color:#ff9306
}
a:hover {
	font-weight:bold;
}

body {
	margin:0;
	padding:0;
	background:url(../gfx/bg.jpg) repeat-x;
	font:11px Helvetica, Verdana, Arial, sans-serif;
	color:#000;
}
h1 {
	padding:0;
	margin:0;
}
h2 {
	padding:0 8px;
	margin:0;
	height:26px;
	line-height:26px;
	font-size:18px;
	background:url(../gfx/h2_bg.gif) repeat-x;
	float:left;
	color:#ca770a;
	text-transform:uppercase;
}
input, 
textarea {
	font:11px Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- classi in ordine alfabetico ------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

.block {
	display:block;
}
.chiusura_div {
	clear:both;
}
.hide {
	display:none;
}
.p_16 {
	font-size:16px;
	margin:0 0 0 8px;
	width:545px;
}
.p_20 {
	font-size:20px;
	margin:25px 0 10px 8px;
}
.portfolio_list_dark {
	color:#584d45;
}
.porfolio_list_light {
	color:#79716b;
}
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- dichiarazione div di layout-------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#container_header {
	width:1200px;
	margin:0 auto;
}
#header {
	height:308px;
	background:url(../gfx/bg_header.jpg) no-repeat;
	position:relative;
}
#container_content {
	width:1200px;
	margin:0 auto;
}
#footer {
	clear:both;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#e5e5e5;
	color:#30363f;
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- dichiarazione id vari ------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
#logo {
	position:absolute;
	top:19px;
	left:156px;
}
#logo h1 {
	width:241px;
	height:41px;
	background:url(../gfx/logo_effectivestudio.jpg);
}
#logo h1 span.hide {
	text-indent:-1000em;
	visibility:visible;
	display:block;
}
#pc_screenshot {
	position:absolute;
	top:38px;
	left:618px;
}
#lang {
	position:absolute;
	top:0;
	left:840px;
	width:100px;
	font-weight:bold;
	color:#f88f06;
}
#lang a {
	color:#fff;
}
#content_portfolio {
	height:363px;
	background:url(../gfx/separator.gif) 0 362px no-repeat;
	margin:0 0 18px 154px;
}
#content_adv {
	height:110px;
	background:url(../gfx/separator.gif) 0 109px no-repeat;
	margin:0 0 18px 224px;
}
#portfolio_sx {
	float:left;
	width:237px;
	margin:0 105px 0 0;
}
#about_me_sx p,
#contact_me_info {
	margin:10px 0;
	padding:0;
}
#portfolio_sx p {
	margin:10px 0 0 0;
	padding:0;
}
#portfolio_latest_project p {
	margin:17px 0 8px 0;
	padding:0;
}
#portfolio_dx p {
	margin:0;
	padding:36px 0 10px;
}
#portfolio_sx ul {
	padding:0;
	margin:0;
	list-style:none;
}
#portfolio_sx ul li {
	background:url(../gfx/portfolio_list.gif) center left no-repeat;
	text-indent:7px;
	font-size:20px;
	margin:3px 0;
}
#content_about_me {
	background:url(../gfx/separator.gif) 0 100% no-repeat;
	padding:0 0 18px 0;
	margin:0 0 18px 154px;
}
#about_me_sx,
#contact_me_sx {
	float:left;
	width:440px;
	margin:0 114px 0 0;
}
#about_me_dx {
	float:left;
	width:333px;
	height:215px;
	margin:36px 0 0 0;
}
#content_contact_me {
	margin:0 0 0 154px;
}
#contact_me_sx {
	position:relative;
}
#contact_me_dx {
	padding:0;
	margin-left:554px;
}
#contact_me_dx p {
	padding:36px 0 0 0;
}
#contact_me_map {
	position:absolute;
	top:36px;
	right:0;
}
#form_name,
#form_email,
#form_allfields {
	float:left;
	width:178px;
}
#form_allfields {
	position:relative;
	width:336px;
	margin-bottom:17px;
}
#form_name input,
#form_email input {
	width:155px;
}
#form_message {
	float:left;
	margin:5px 0;
}
#form_message textarea {
	width:332px;
	height:55px;
}
#form_buttons {
	position:absolute;
	top:0;
	right:0;
}
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------- bottoni --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#btn_behancenetwork a {
	display:block;
	width:217px;
	height:55px;
	background:url(../gfx/btn_behancenetwork.gif) no-repeat;
}
#btn_behancenetwork a:hover {
	background-position:0 -55px;
}
#btn_linkedin a {
	display:block;
	width:84px;
	height:30px;
	background:url(../gfx/btn_linkedin.gif) no-repeat;
}
#btn_linkedin a:hover {
	background-position:0 -30px;
}
#btn_send,
#btn_send_it,
#btn_reset {
	width:44px;
	height:23px;
	border: none;
	overflow: hidden;
	text-indent: -999px;
	font-size: 0px;
	display:block;
	float:left;
	line-height: 0px;
}
#btn_send:hover,
#btn_send_it:hover,
#btn_reset:hover {
	background-position:0 -23px;
}
#btn_send {
	background:url(../gfx/btn_send.gif);
	/*margin-right:5px;*/
}
#btn_send_it {
	background:url(../gfx/btn_send_it.gif);
	/*margin-right:5px;*/
}
#btn_reset {
	background:url(../gfx/btn_reset.gif);
}

#btn_skype a {
	float:left;
	width:79px;
	height:38px;
	background:url(../gfx/btn_skype.gif) no-repeat;
}
#btn_vcard a {
	float:left;
	display:block;
	width:53px;
	height:38px;
	background:url(../gfx/btn_vcard.gif) no-repeat;
	margin:0 15px 0 0;
}