body { background-color:#DECA72; }

#wrapper {
	padding:0; 
	padding-top:50px;
	color:#555555 }

/************************************************************************/
/* BRANDING    														    */                         
/************************************************************************/

h1 {
	height:51px;
	background: transparent url("../images/PNG/logo.png") no-repeat; }

	h1 a {
		display:block;
		height:51px;
		width:317px;
		text-indent:-9999px; }

/************************************************************************/
/* MAIN NAVIGATION    												    */                         
/************************************************************************/

div#nav {
	position:absolute;
	left: 358px;
	top: 51px; }

	div#nav ul li {
		display:inline;
		position:absolute; }

li#home { top: 15px;left:0; }

li#food { top: 15px;left:80px; }

li#drink {
	top: 15px;
	left:210px;
}

li#gallery {
	top: 15px;
	left: 280px;
	border-right:1px dotted #481113; 
}	

li#events {
	top:-51px;
	left:423px;
	height:67px;
	width:98px; }

	li#events a {
		display:block;
		height:67px;
		width:98px;
		text-indent:-9999px;
		background: url("../images/PNG/top_events.png") no-repeat 0 0; }

		li#events a:hover { background-position: 0 -40px }

li#home a, li#food a, li#drink a, li#gallery a {
	display:block;
	width:80px;
	height:20px;
	border-left:1px dotted #481113;
	 }

/************************************************************************/
/* JQUERY SLIDER    														*/                         
/************************************************************************/
#slideshow {
	margin:0 auto;
	width:958px;
	height:263px;
	background:transparent url("../js/img/bg_slider.png") no-repeat 0 0;
	position:relative;
	padding: 0 0 5px 0;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:780px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url("../js/img/control_left.png") no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url("../js/img/control_right.png") no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#481113;
  letter-spacing:-1px;
}
.slide p {
  font: 14px Georgia, "Times New Roman", Times, serif;
  color:#481113;
}
.slide img {
  float:right;
  margin:0 155px;
}




/************************************************************************/
/* MAIN CONTENT    														*/                         
/************************************************************************/

div#content_main h2 { width:96%; }

.portfolio li {
	width:96%;
	height:130px;
	padding:10px 10px 0 0;
	border-bottom:1px dotted #dededf;
	position:relative; }

.anteprima {
	position:absolute;
	top:120px;
	right:30px; }

.lancia {
	position:absolute;
	top:120px;
	right:130px; }
	
#blogbird {
	position:absolute;
	left: 759px;
	top: 110px; }

#arci { background: url() no-repeat 0 20px; }

#milchstrasse { background: url() no-repeat 0 20px; }

#verbavoglio { background: url() no-repeat 0 20px; }

#elcarromato { background: url() no-repeat 0 20px; }

#appaloosa { background: url() no-repeat 0 20px; }

#grapejuice { background: url() no-repeat 0 20px; }

#pourlamaison { background: url() no-repeat 0 20px; }

div#content_main ul li h3, div#content_main ul li p { margin-left: 35%; }

ul.services {margin-top:1.58em}

.services li {
	list-style:disc;
	margin:0 0 1.58em 5.5em }

.principles li {
	list-style:none;
	margin:0 0 1.58em 5.5em; }

div#text_sub dt {
	width:336px;
	height:119px;
	background: url("../images/jpg/bedandbreakfast.jpg");
	text-indent:-9999px;
	margin-bottom:1.58333em; }
	
div#text_sub dt a {
	display:block;
	height:145px }

div#text_main  a, div#text_sub  a { color:#4896AC; }

div#text_main a:hover, div#text_sub a:hover { color:#999; }

.floatleft {
	float: left;
	width: 283px;
	margin-top: 0.796667em;
}
.right {
	margin-left: 298px;
	width: 403px;
}

/************************************************************************/
/* Form    														        */                         
/************************************************************************/

#form-div {
	text-align: center;
}

form {
	text-align: left;
}

fieldset {
	background-color: #ededdd;
	padding: 0 2.5em 2.5em 2em;	
	margin: 1.09em 0;
}

legend {
	font-family: georgia;
}

label {
	display: block;
	padding: 1.5em 0 0.5em 0;
	font-family: georgia;
	font-size: 1em;
	text-transform: uppercase;
}

input {
	border: 0;
	height: 28px;
	width: 100%;
	font-size: 1.7em;
	display: block;
	padding: 0.2em 0 0 0.3em;
}

textarea {
	border: 0;
	height: 200px;
	width: 100%;
	font-size: 1.7em;
	display: block;
}

select {
	height: 28px;
	width: 100%;
	font-size: 1.1em;
	display: block;
	padding-top: 0.2em;
}

button {
	margin-top: 1.5em;
	background-color: #ec7514;
	border: 0;
	font-family: georgia;
	font-size: 1.1em;
	padding: 1em 2em;
	color: #fff;
	cursor: pointer;
}
 li#empty {
	display: none;
}

/************************************************************************/
/* Blog    														    */                         
/************************************************************************/

.post {
	clear:both;
	padding-bottom: 10px; }

.post-date { margin-top:7px }

.post-cat li { clear:left; }

.entry {
	clear: both;
	padding-top: 10px; }
	
.entry li {
	list-style:disc;
	margin-left:3em;
	margin-bottom:1.58333em; }

.post-cat {
	background: url() no-repeat left center;
	padding:4px 0 0 20px;
	margin-left:15px;
	font-size: 95%;
	color: #999999; }

.post-comments {
	background: url() no-repeat left center;
	padding:4px 0 0 20px;
	margin-left:15px;
	font-size: 95%; }

.ul-cat li {
	padding: 0px 0px 0px 20px;
	background: url() no-repeat left center; }

.ul-arch li {
	padding: 0px 0px 0px 20px;
	background: url() no-repeat left center; }

.navigation {
	clear: both;
	padding: 10px 0px; }

.prev {
	float: left;
	padding-left: 18px;
	background: url(http://studioluma.it/images/icone/mini-nav-left.gif) no-repeat left center; }

.next {
	float: right;
	padding-right: 18px;
	background: url(http://studioluma.it/images/icone/mini-nav-right.gif) no-repeat right center; }
	
.img_float {
	float:left;
	margin:15px 15px 0 0; }

#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px; }

.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%; }

	.commentlist li {
		padding: 5px 10px;
		position: relative; }

	.commentlist .avatar {
		position: absolute;
		top: 5px;
		right: 5px;
		border: solid 1px #ededed;
		padding: 1px;
		background: #fff; }

	.commentlist .alt { background: #f2f2f2; }

	.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
		font-weight: bold;
		font-style: normal;
		font-size: 120%;
		color: #343434; }

	.commentlist small {
		margin-bottom: 5px;
		display: block;
		font-size: 87%; }

#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif; }

	#commentform p {
		padding: 6px 0px;
		margin: 0px; }

	#commentform label {
		font-weight: bold;
		color: #666666;
		font-size: 100%; }

	#commentform input {
		width: 153px;
		background:#e0e0e0;
		border: none;
		padding: 3px;
		margin-top: 3px; }

	#commentform textarea {
		width: 478px;
		height: 115px;
		background:#e0e0e0;
		border: none;
		padding: 2px;
		margin-top: 3px; }

		#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }

	#commentform #submit {
		background-color:#ec7514;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		border: none;
		width: 144px;
		height: 29px; }

/************************************************************************/
/* SUPPLEMENTARY CONTENT    														    */                         
/************************************************************************/

div#content_sub ol li {
	border-bottom:1px dotted #dededf;
	display:block }

div#content_sub li {
	border-bottom:1px dotted #DEDEDF;
	display:block; }

div#content_sub li a img {
	vertical-align:middle; }

#galleries {
	height:128px;
	padding-right:0;
	width:220px; }

 #content_sub #galleries li {
	border:none;
	float:left;
	height:22px;
	padding-left:6px; }

/************************************************************************/
/* NAVIGATION SUB   												    */                         
/************************************************************************/

div#nav_sub {
	margin-top:38px;
	position:relative;
	clear: left; }

#nav_sub ul li {
	display:inline;
	border-right:1px dotted #dededf }

li#home_sub a, li#food_sub a, li#drink_sub a, li#blog_sub a, li#contact_sub a { padding:0 9px 0 5px; }

#nav_sub img {
	position:absolute;
	top:-25px;
	left:822px; }

/************************************************************************/
/* SITE INFO    														*/                         
/************************************************************************/

div#site_info {
	position:relative;
	margin-top:10px;
	border-top:1px dotted #dededf;
	height:50px; }

	div#site_info h5 {
		position:absolute;
		top:12px;
		left:0px;
		width:73px;
		height:15px;
		background: url() no-repeat; }

		div#site_info h5 a {
			display:block;
			width:73px;
			height:15px;
			text-indent:-9999px; }

	div#site_info p {
		position:absolute;
		top:10px;
		left:85px; }

	div#site_info ul {
		position:absolute;
		top:10px;
		left:770px; }

		div#site_info ul li {
			display:inline;
			position:absolute; }

li#html {
	width:80px;
	height:16px;
	background:url() no-repeat;
	padding-left:30px;
	left:0; }

li#css {
	width:70px;
	height:16px;
	padding-left:30px;
	left:90px; }


/************************************************************************/
/* Varie    														*/                         
/************************************************************************/

.grey {
	color:#999;
	margin-right:0.1em }

#index {
	position:absolute;
	left: 761px;
	top: 82px; }

#services {
	position:absolute;
	left: 717px;
	top: 87px; }

#port {
	position:absolute;
	left: 759px;
	top: 119px; }

#construction {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-140px;
	margin-top:-155px; }

	#construction a { color: #4896ac }

	#construction p { margin:30px 0 0 0 }

#error img {
	position:absolute;
	top:100%;
	left:100%;
	margin:-414px 0 0 -420px }