* { margin: 0; padding: 0; }
body, html { width: 100%; height: 100%; }

body {
	margin: 0;
	padding: 0;
	background: #F4E8E2 url('images/body_bg.jpg');
	font: 14px/1.5 Tahoma, Geneva, Kalimati, sans-serif;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	color: #666;
}

/* img, div { behavior: url('iepngfix.htc') } */
input, textarea { border: 1px solid #ccc; margin: 1px 0 2px 0; }
input:focus { border: 1px solid #999; }
a { text-decoration: none; cursor: pointer; padding: 0; margin: 0; outline: none; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; }
a:link, a:visited { color: #666; }
a:hover, a:active { color: #8C210D; text-decoration: none; }
.clr { clear: both; }
p { margin: 0; padding: 5px 0; }
.align_right { text-align: right; }

/* Page */
#wrapper { width: 920px; margin: 0 auto; height:100%; }
.page { width: 920px; margin: 0 auto; }
.line { margin: 30px; width: 100%; height: 2px; display: block; background: transparent url('images/line-separator.png') 0 50% no-repeat; }

/* Header */
#header { margin: 20px 0; height: 100px; display: block; background: transparent url('images/header_bg.png') 590px 50% no-repeat; }

/* Intro */
#intro { padding: 20px 30px; height: 100px; display: block; }

/* Portfolio */
#portfolio { background: transparent url('images/page_bg.png') repeat; border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 865px; padding: 30px 0 30px 0; margin: 20px 0 0 24px; }
#portfolio .portfolio_carousel { float: left;}
#portfolio ul { list-style: none; }
#portfolio li { margin: 0 5px; width: 190px; height: 128px; }
#portfolio a.prew { float: left; border: 0; width: 17px; display: inline; height: 118px; background: transparent url('images/arrow_prew.png') 50% 50% no-repeat; margin: 0 6px 0 10px; }
#portfolio a.next { float: right; border: 0; width: 17px; display: inline; height: 118px; background: transparent url('images/arrow_next.png') 50% 50% no-repeat; margin: 0 10px 0 0; }
#portfolio a.thumb { width: 180px; height: 118px; padding: 4px; border: 1px solid #E3DED9; float: left; background: #fff; }
#portfolio a.thumb:hover { background-color: #900; border: 1px solid #666; }

/* Content */
#content { margin: 0; padding: 0; }
#content ul { padding: 0 0 0 30px; margin: 0; list-style-image: url('images/dott.png'); }
#content ul li { border-bottom: 1px dotted #666; padding: 4px; }

/* Cosa facciamo */
#work { width: 250px; float: left; margin: 0 30px; }
#work .title { margin: 0 0 5px 0; width: 180px; height: 27px; display: block; background: transparent url('images/title_cosafacciamo.png') no-repeat; }

/* Partners */
#partners { width: 230px; float: left; margin: 0 70px 0 0; }
#partners .title { margin: 0 0 5px 0; width: 180px; height: 27px; display: block; background: transparent url('images/title_partners.png') no-repeat; }
#partners span { font-size: 12px; color: #999; }

/* Contatti */
#contacts { width: 270px; float: left; margin: 0; }
#contacts .title { margin: 0 0 5px 0; width: 180px; height: 27px; display: block; background: transparent url('images/title_contattaci.png') no-repeat; }
#contacts #contacts_data { margin: 15px 0 0 0; }

/* Footer */
#footer { clear: both; margin: 50px 0 0 0; background: #781418; text-align: right; width: 100%; height: 180px; display: block; font-size: 12px; color: #ECEAE5; }
#footer .page { padding: 20px 50px 0 0; }

/* Tooltip */
#tooltip { display: none; background: transparent url('images/black_arrow.png'); font-size: 11px; height: 80px; width: 170px; padding: 20px; color:#fff; }
#tooltip a { font-weight: bold; color: #fff; }
#tooltip a:hover { color: #8C210D; }

/* Modal Portfolio */
.modal_portfolio { width: 680px; padding: 10px; }

.modal_image { width: 200px; float: left; }
.modal_image span { display: block; width: 290px; height: 190px; border: 1px solid #E3DED9; padding: 5px; background: white; }
.modal_content { width: 360px; float: right; font-size: 12px; color: #666; }
.modal_content h2 { padding: 4px; font-size: 22px; color: #781318; font-weight: normal; }
.modal_content div { padding: 4px; }
.modal_content ul { padding: 0 0 0 30px; margin: 0; list-style-image: url('images/dott.png'); }
.modal_content div a { color: #8C210D; }
.modal_content div a:hover { color: #666; }