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

html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
body { font: 0.7em Verdana, Arial, sans-serif; line-height: 1.3em; background:#000; }
#main-bg { width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; z-index:1; } 
#scroller { position:absolute; width:100%; height:89%; top: 41px; left:0; overflow:auto; z-index:2; } 

p{font: 11px 'Century Gothic', Arial, sans-serif;letter-spacing:0.04em;font-style:normal;text-transform:none;line-height:1.35em;color:#fff;}
a { color: #fff; text-decoration: none; outline:none; border:none; }
a:hover { color: #99ff33; background: inherit; text-decoration: none; }
a img { background:none; border:none; }
li  { font: 0.93em 'Century Gothic', Arial, sans-serif; font-style: normal; text-transform: none; letter-spacing: 0.05em; line-height: 1.5em; color: #fff; }
h1 { font: bold 2.0em Verdana, Georgia, Arial, Sans-Serif; color: #fff; margin: 0; padding: 0; text-align: left; }
h1 a:hover { color: #fff; background: inherit; }
h2 { font: 1em 'Century Gothic', Arial, sans-serif;letter-spacing:0.05em;font-style:normal;text-transform:none;line-height: 1.5em; color: #99ff33; }
h3{font: 16px "WalkwaySemiBoldRegular", arial, Helvetica, sans-serif;color:#fff;letter-spacing:0.05em;text-transform:none;line-height:1em;}
h4 { font: normal 0.9em Verdana, Sans-Serif; color: #999; background: inherit; margin: 0; padding: 15px 0 0 0; text-align: right; }
.white { font: bold 1.0em Verdana, sans-serif; color: #fff; font-style: normal; letter-spacing: normal; line-height: 1.5em; }
.clear { position: absolute; clear: right; height: 0; line-height: 0; font-size: 0; }
.green { color: #99ff00; font-weight:normal; }
.blue { color: #0099ff; }

/* --------------- Start Header styling ------------------- */
#header { position: absolute; width: 100%; height: 40px; background: transparent url("../design_images/header_bg.png") repeat-x 0 0; margin: 0; padding: 0; z-index:10; }
#header-content { width: 900px; margin: 0 auto 0 auto; padding: 0; position: relative; }	 
#newsletter { width: 320px; height: 30px; position: relative; float: right;	margin: 0; padding: 5px 0 0 0; }
#newsletter p { font-size: 11px; margin: 0; padding-top: 8px; }
#newsletter .form_news { width: 270px; height: 20px; position: relative; float: right; margin: 0; padding: 0; }

#status { background: url("../design_images/status-bgx.png") no-repeat 0 0; width: 185px; height: 30px; float: right; padding: 4px 10px 0 10px; }
#status p { padding-top: 3px; }
#status p.available {background: url("../design_images/i_available.gif") no-repeat right 0; height: 25px;}
#status p.unavailable {background: url("../design_images/i_unavailable.gif") no-repeat right 0; height: 25px; text-transform:uppercase;}
	 
#navigation{width:430px;height:20px;position:relative;float:left;margin:2px 0 0;padding:0;}
.menu{position:relative;float:left;height:37px;width:auto;border-left:1px solid #ccc;display:block;margin:0 auto;padding:0;}
.menu li{list-style:none;display:inline;margin:0;padding:0;}
.menu li a{font:10px "WalkwaySemiBoldRegular", Verdana, Arial, sans-serif;letter-spacing:0.1em;text-transform:uppercase;float:left;display:block;color:#fff;border-right:1px solid #ccc;text-decoration:none;cursor:pointer;padding:13px 20px;}
.menu li a:hover{background:#fff;color:#999;border-right:1px solid #ccc;}
 /* .menu li a.active, .menu li a.active:hover { background: #fff; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #0099ff; } */

#currentpage a { background: #fff; color: #0099ff; }
/* --------------- End Header styling ------------------- */

/* --------------- Start Wrapper Style ------------------- */
#wrapper { 
     min-height:100%;
     height:auto !important;
     height:100%;
     margin:0 auto -40px; /* margine negativo altezza footer */
     }
     .pushfooter {
     height:40px; /* altezza footer */
     clear:both; /* clear di eventuali float se presenti nel layout */
     } 
#container { width: 900px; height: 430px; position: absolute; left: 50%; top: 50%; margin-left: -450px; margin-top: -215px; z-index:2; }
#content { width: 900px; height: 390px; position: absolute; left: 50%; top: 50%; margin-left: -450px;  margin-top: -195px; }
/* --------------- End Wrapper Style ------------------- */

/* --------------- Start Style Home Contact ------------------- */

/* Start Top Boxes for Index - Packages - Contact */
#top-container { width: 900px; }
#top-left-box { width: 400px; height: 155px; position: relative; float: left; margin: 0 20px 0 0; padding: 15px; }
#top-right-box { width: 435px; position: relative; float: left; margin: 0; padding: 15px 0 15px 15px; }
#top-right-box h3 { border-bottom: 1px solid #ccc; padding: 0 0 7px 0; margin: 0 15px 10px 0; text-align: left; }
#top-right-box .intro { height: 122px; background: url("../design_images/v_welcome.gif") no-repeat top right; margin: 0 15px 0 0; padding: 0 40px 0 0; text-align: justify; }
#top-right-box .intro p { border-right: 1px solid #ccc; margin: 0 5px 0 0; padding: 15px 8px 0 0;letter-spacing:0.04em; }
#top-right-box .intro h2 { border-right: 1px solid #ccc; margin: 0 5px 0 0; padding: 5px 8px 0 0; }
#top-right-box p.margin{padding-top:0;}
#top-right-box .cont { background-image: url("../design_images/v_contact.gif"); }
#top-right-box .pack { background-image: url("../design_images/v_packages.gif"); }
#top-right-box .pack h2 { padding: 3px 8px 10px 0; line-height: 0;}

/* List Style for Packages */
#featlist { padding-left: 0; margin: 0; width: 374px; height: auto; border-right: 1px solid #ccc; list-style: none; text-align: left; }
#featlist li { background: url("../design_images/arrows.gif") no-repeat 0 6px; list-style: none; margin: 0 8px 0 0; padding: 0.25em 0.25em 0.25em 1.3em; border-bottom: 1px solid #999; }
#featlist li a { text-decoration: none; background: none; }
	 
/* Start Bottom Boxes for Home */
#bot-boxes { width: 900px; height: auto; position: relative; float: left; margin: 15px 0 0 0; padding: 0 0 15px 0; text-align: justify; }	 
#bot-left-box { width: 400px; height: 165px; position: relative; float: left; margin: 0 20px 0 0; padding: 13px 15px 15px 15px; }

#bot-left-box h3 { border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 10px 8px 0; margin: 0; text-align: left; }
    .text-1 { background: transparent url("../design_images/v_concept.gif") no-repeat; margin: 10px 0 0 0; padding: 0 0 0 45px; color: #999; text-align: justify; }
    .text-1 p { border-left: 1px solid #ccc; margin: 0; padding: 10px 0 0 8px; }
	.text-1 h2 { border-left: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 0 8px; text-align: left; }
#bot-left-box p.margin{padding-top:0;}

#bot-right-box { width: 435px; height: 168px; position: relative; float: left; padding: 10px 0 15px 15px; margin: 0; }
#bot-right-box h2 { padding: 0 0 5px 0; margin: 0; text-align: left; }
#head { width: 420px; height:25px; border-bottom: 1px solid #ccc; margin: 0 0 4px 0; padding:0; position: relative; float: left; }
#head h3 { padding: 3px 10px 0px 0; margin: 0 15px 10px 0; position: relative; float: left; text-align: left; }

#buttons { width:auto; height:16px; margin-top:5px; padding: 0; position: relative; float: right; }
#buttons a { padding: 2px 8px; }
#buttons a#btn-prev { background: url("../design_images/prev.png") no-repeat 0 0; }
#buttons a#btn-pause { background: url("../design_images/stop.png") no-repeat 0 0; }
#buttons a#btn-play { background: url("../design_images/play.png") no-repeat 0 0; }
#buttons a#btn-next { background: url("../design_images/next.png") no-repeat 0 0; }
#buttons a#btn-prev:hover { background: url("../design_images/prev_over.png") no-repeat 0 0; }
#buttons a#btn-pause:hover { background: url("../design_images/stop_over.png") no-repeat 0 0; }
#buttons a#btn-play:hover { background: url("../design_images/play_over.png") no-repeat 0 0; }
#buttons a#btn-next:hover { background: url("../design_images/next_over.png") no-repeat 0 0; }

#slider { width:420px; height:140px; position:relative; float:left; overflow:hidden; } /* You MUST specify the width and height */
#mask-gallery {	overflow:hidden; margin-top: 20px; }
#gallery { list-style:none; margin:0; padding:0; z-index:10; width:1680px; overflow:hidden; }/* Clear the list style and Set Width = total items multiply with #mask gallery width */
#gallery li { float:left; background:none; } /* float left, so that the items are arrangged horizontally */
#mask-excerpt {	position:absolute; top:40px; left:20px; z-index:0; width:420px; overflow:hidden; } /* Set the position and Width should be lesser than #slider width */
#excerpt {
	/* Opacity setting for different browsers
	filter:alpha(opacity=50); -moz-opacity:0.5;	-khtml-opacity: 0.5; opacity: 0.5; */
	/* Clear the list style */
	list-style:none; margin:0; padding:0;
	/* Set the position */
	z-index:0; position:absolute; top:0; left:0;
	/* Set the style */
	width:420px; background-color:none;	overflow:hidden;
    }
#excerpt li { padding:0; letter-spacing: 0em; }

/* Start Bottom Container for Packages */
#bot-content { width: 900px; height: 120px; position: relative; float: left; margin: 15px 0 0 0; padding: 0; }
.navlist { padding: 0 0 0 8px; margin: 0; width: 215px; height: 130px; border-left: 1px solid #ccc; list-style: none; }
.navlist li { background: url("../design_images/arrows.gif") no-repeat 0 6px; list-style: none; margin: 0; padding: 0.25em 0.25em 0.25em 1.3em; border-bottom: 1px solid #999; }
.navlist li a { text-decoration: none; background: none; }

#pack1 { width: 260px; height: auto; position: relative; float: left; margin: 0 20px 0 0; padding: 13px 10px 15px 15px; }	
#pack1 .text-1 { height: 130px; background: transparent url("../design_images/v_249.gif") no-repeat 0 0; margin: 0; padding: 0 0 0 30px; color: #999; text-align: left; }
#pack1 h3 { border-bottom: 1px solid #ccc; padding: 0 10px 5px 0; margin: 0 5px 10px 0; text-align: left; }

#pack2{ width: 260px; height: auto; position: relative; float: left; margin: 0 20px 0 0; padding: 13px 10px 15px 15px;	 }	
#pack2 .text-1 { height: 130px; background: transparent url("../design_images/v_349.gif") no-repeat 0 0; margin: 0; padding: 0 0 0 30px; color: #999; text-align: justify; }
#pack2 h3 { border-bottom: 1px solid #ccc; padding: 0 10px 5px 0; margin: 0 5px 10px 0; text-align: left; }

#pack3 { width: 262px; height: auto; position: relative; float: left; margin: 0; padding: 13px 10px 15px 15px; }	
#pack3 .text-1 { height: 130px; background: transparent url("../design_images/v_499.gif") no-repeat 0 0; margin: 0; padding: 0 0 0 30px; color: #999; text-align: justify; }
#pack3 h3 { border-bottom: 1px solid #ccc; padding: 0 10px 5px 0; margin: 0 5px 10px 0; text-align: left; }

/* Start Bottom Container for Contact */
#bot-container { width: 900px; height: 180px; position: relative; float: left; margin: 15px 0 0 0; padding: 0 0 5px 0; }
#bot-contents { width: 900px; height: 130px; position: relative; float: left; margin: 0; padding: 10px 0 0 0; background: url("../design_images/v_details.gif") no-repeat 15px 40px; }
#bot-contents h3 { border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0px 15px 10px 15px; text-align: left; }

#box3 { width: 368px; height: 130px; border-left: 1px solid #ccc; padding: 0 10px 0 0; margin: 0 0 0 30px; float: left; }
html>body #box3 { width: 368px; height: 130px; border-left: 1px solid #ccc; padding: 0 10px 0 0; margin: 0 0 0 60px; float: left; }
#box3 h2 { margin:0 0 10px 0; padding: 0 0 0 8px; text-align: left; }
#box4 { width: 435px; height: 130px; float: left; margin: 0; padding: 0; border-left: 1px solid #ccc; }
#box4 .form { width: 435px; height: 130px; float: left; margin: 0; padding: 0 0 0 10px; }

#list-1 { padding: 0 0 0 5px; margin: 0; width: 180px; height: 103px; list-style: none; position: relative; float: left; }
#list-1 li { list-style: none; margin: 0; padding: 0 0.25em 0 2.0em; color: #fff; text-align: left; }
#list-1 .studio { background: transparent url("../design_images/i_studio.png") no-repeat 0 0; padding-top: 0.2em; }
#list-1 .phone { background: transparent url("../design_images/i_phone.png") no-repeat 0 5px; padding-top: 0.3em; }
#list-1 .email { background: transparent url("../design_images/i_email.png") no-repeat 0 4px; padding-top: 0.3em; }
#list-1 li a { text-decoration: none; background: none; }
#list-1 li a:hover { text-decoration: none; background: none; }
#list-2 { padding: 0; margin: 0; width: 140px; height: auto; list-style: none; position: relative; float: right; margin: 0; padding: 0; text-align: right; }
#list-2 li { list-style: none; margin: 0; padding: 0 0.25em 0 2.0em; }
#list-2 li a { text-decoration: none; background: none; }
#list-2 li a:hover { text-decoration: none; background: none; }

/* --------------- End Style Home Packages Contact ------------------- */	

/* --------------- Start Style About and Folio ------------------- */
#left-column { width: 430px; height: auto; position: relative; float: left; margin: 0 15px 0 0;	padding: 0;	}
#left-column h3 { border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 10px 5px 0; margin: 0 0 0 15px; text-align: left; }
#logo { width: 400px; height: 160px; margin: 0 0 15px 0; padding: 15px 15px 10px 15px; }

#box0 { width: 415px; height: 157px; margin: 0; padding: 13px 15px 15px 0; }

#box0 .text-1 { background: transparent url("../design_images/v_about.gif") no-repeat; margin: 10px 0 0 15px; padding: 0 0 0 45px; color: #999; text-align: justify; }
#box0 .text-1 p { border-left: 1px solid #ccc; margin: 0; padding: 12px 0 0 8px;letter-spacing:0.05em; }
#box0 .text-1 h2 { border-left: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 0 8px; text-align: left; }
#box0 p.margin { padding-top:0; }

#box1 { width: 415px; height: 157px; margin: 0; padding: 13px 15px 15px 0; }
#box1 .text-1 { background: transparent url("../design_images/v_works.gif") no-repeat; margin: 10px 0 0 15px; padding: 0 0 0 45px; color: #999; text-align: justify; }
#box1 .text-1 p { border-left: 1px solid #ccc; margin: 0; padding: 10px 0 0 8px; }
#box1 .text-1 h2 { border-left: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 0 8px; text-align: left; }

#right-column { width: 435px; height: 372px; float: left; padding: 13px 0 0 15px; margin: 0; }
#right-column h3 { border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 15px 10px 0; text-align: left; }
#right-column h4 { padding: 0 0 0 3px; margin: 0; text-align: left; }
.intro { height: 200px; background: transparent url("../design_images/v_folio.gif") no-repeat top right; margin: 0 15px 0 0; padding: 0 40px 0 0; }
.pixgal { position: relative; float: left; width: 373px; height: 325px; margin: 0; padding: 0; border-right: 1px solid #ccc; }
#box2 .text-2 { background: transparent url("../design_images/v_services.gif") no-repeat top right; margin: 0 15px 0 0; padding: 0 40px 0 0; text-align: justify; }
#box2 .text-2 p { height: auto; margin: 0 5px 0 0; padding: 0 0 8px 0; }
#box2 .text-2 h2 { margin: 10px 5px 0 0; padding: 0 8px 5px 0px; text-align: justify; }
#box2 h2.margin { margin-top:0; }
#box2 .list { height:auto; margin: 0 5px 0 0; padding: 0; border-right: 1px solid #ccc; }
#box2 .pack { width: 366px; margin: 0; padding: 0; text-align: right; }
#box2 .pack a { font: bold 0.9em Helvetica, Arial, sans-serif; background: #fff; color: #0099ff; margin: 0; padding: 3px 5px 2px 7px; }
#box2 .pack a:hover { background: #ccc; color: #fff; }

.featlist { padding: 0 0 0px 0; margin: 0; width: 374px; height: auto; list-style: none; text-align: left; }
.featlist li { background: url("../design_images/arrows.gif") no-repeat 0 6px; list-style: none; margin: 0 8px 0 0; padding: 2px 0.25em 2px 1.3em; border-bottom: 1px solid #999; }
.featlist li a { text-decoration: none; background: none; }

#box3 h3 { border-bottom: 1px solid #ccc; padding: 0 10px 7px 0; margin: 0 30px 5px 0; text-align: left; }
#links { font-size: 0.9em; position: relative; float: left; width: 408px; height: auto; margin: 0; padding: 0; }
#links p { margin: 0; padding: 0; text-align: left; letter-spacing: -0.03em; }
#links .left { width: auto; float: left; padding: 0 0 0 3px; text-align: left;}
#links .right { width: auto; float: right; padding: 0 4px 0 0; text-align: right; }
#links .left a { background: #ccc; color: #fff; padding: 1px 7px 2px 7px; }
#links .left a:hover { background: #fff; color: #0099ff; padding: 1px 7px 2px 7px; }
#links .right a { background: #fff; color: #0099ff; padding: 1px 7px 2px 7px; }
#links .right a:hover { background: #ccc; color: #fff; padding: 1px 7px 2px 7px; }
/* --------------- End Style About and Folio ------------------- */

/* --------------- Footer styling ---------------------- */
#footer { position: relative; height: 40px; background: transparent url("../design_images/header_bg.png") repeat-x 0 0; z-index:10; }
#foot { width: 900px; height: 40px; line-height: 1.1em; margin: 0 auto; padding: 0 10px; }
#foot p { font-size: 0.9em; margin-top: 6px; color: #fff; }
.left { width: 330px; background: transparent url("../design_images/i-hwbstudio.gif") no-repeat 0 8px; float: left; padding:0 0 0 115px; }
.right { width: 270px; float:right; padding-top: 10px; text-align: right; }
.right a { background: #fff; color: #0099ff; padding: 3px 5px 2px 5px; }
.right a:hover { background: #ccc; color: #fff; text-decoration: none; }	
/* --------------- End Footer styling ------------------- */