* { margin: 0; padding: 0;}
html, body { height: 100%;}
body { 
background-color: #000;
font-family: "Arial"; 
font-size: 20px; 
line-height: 45px; 
color: #333;
text-align: center;
}
img { border: 0;}
#distance { 
width: 1px; height: 50%; 
margin-bottom: -282px; /* container height /2 */
}
#container {
width: 994px; height: 565px;
position: relative;
text-align: left;
margin: 0px auto;
}

a { font-weight: bold; text-decoration: none; cursor: pointer; color: #333;}
a:hover { text-decoration: underline;}
a:active { outline: 0;}
p { margin: 0 0 40px 0;}
h1 { font-style: "Arial"; font-size: 20px; line-height: 20px; color: #333; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; padding: 0;}
h4 { font-style: "Arial"; font-size: 12px; line-height: 20px; color: #333; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; padding: 0;}

/*----------------------------------- HEADER begins ------------------------------------------*/
#logo1 { width: 72px; height: 100px; float: left; position: relative; z-index: 100; top: 10px; left: 15px; margin-bottom: -100px;}
#logo2 { width: 181px; height: 55px; float: right; position: relative; z-index: 100; top: 0; right: 10px; margin-bottom: -55px; background-image: url('../images/logo2.png'); background-repeat: no-repeat;}
#logo1 a { display: block; width: 72px; height: 100px; background-image: url('../images/logo1.png'); background-repeat: no-repeat;}
/*----------------------------------- HEADER ends ------------------------------------------*/

/*----------------------------------- MAIN CONTENT begins ------------------------------------------*/
#container { background-repeat: no-repeat; background-color: #333; border: 1px #000 solid;}
#homepage #container { background-image: url('../images/bghome.jpg');}
#infopage #container { background-image: url('../images/bginfo.jpg');}
#contactpage #container { background-image: url('../images/bgcontact.jpg');}
#locationpage #container { background-image: url('../images/bg.jpg'); background-repeat: repeat-x;}
#gallerypage #container { background-image: url('../images/pic1big.jpg');}
#gallerypage #container.pic1 { background-image: url('../images/pic1big.jpg');}
#gallerypage #container.pic2 { background-image: url('../images/pic2big.jpg');}
#gallerypage #container.pic3 { background-image: url('../images/pic3big.jpg');}
#gallerypage #container.pic4 { background-image: url('../images/pic4big.jpg');}
#gallerypage #container.pic5 { background-image: url('../images/pic5big.jpg');}
#main { width: 994px; height: 497px; float: left;}
#map { width: 100%; height: 497px; float: left; background-image: url('../images/italy.gif'); background-position: 800px 55px; background-repeat: no-repeat;}
.text { padding: 110px 133px 0 133px;}
#infopage .text { padding-top: 160px;}
#infopage .text, #infopage .text a { color: #fff}
ul#contact-links { width: 500px; height: 45px; float: left; position: relative; z-index: 10; margin: 0 -500px -45px 0; padding: 0; display: inline; top: -45px; left: 90px; line-height: 40px;}
ul#contact-links li { height: 45px; margin: 0 0 0 40px; padding: 0 0 0 5px; display: inline; float: left; border-left: 3px #fff solid;}
#gallery-list { width: 100%; height: 105px; background-repeat: repeat-x; float: left; position: relative; z-index: 10; margin-bottom: -105px; top: 385px; left: 0;}
.gallery-item { width: 152px; height: 91px; float: left; background-image: url('../images/frame.png'); background-repeat: no-repeat; margin: 12px 23px 0 23px; display: inline;}
.gallery-item img { width: 137px; height: 76px; float: left; border: 4px #fff solid; margin: 4px 0 0 4px; display: inline;}
.gallery-item a { display: block; width: 137px; height: 76px;}
.gallery-item a:hover img { border: 4px #e42322 solid!important;}
form#region fieldset { border: 0;}
form#region label { width: 100%; float: left; font-size: 16px; line-height: 30px; font-weight: bold;}
form#region select { border: 0; width: 262px; height: 20px; float: left;}
#select { width: 270px; height: 28px; float: left; background-image: url('../images/select.png'); background-repeat: no-repeat; padding: 8px 0 0 8px; margin: 0 0 0 -8px; display: inline;}

/* scroller */
#object { width: 650px; height: 270px; overflow: hidden;}
.scrolling_line { width: 23px; height: 270px; float: right;}
#content { width: 600px; float: left;}
.scroll-bg { width: 23px; height: 270px; background-image: url('../images/line.gif'); background-repeat: no-repeat; float: right;}
#scroller { position: relative;}
#object, #object a { font-family: "Arial"; font-size: 12px; line-height: 20px; color: #333;}
#object ul { margin: 0; padding: 20px 0; width: 100%; float: left;}
#object ul li { margin: 0; padding: 0; list-style: none; display: inline; float: left; width: 50%; height: 130px;}
/*----------------------------------- MAIN CONTENT ends ------------------------------------------*/

/*----------------------------------- FOOTER begins ------------------------------------------*/
#footer { width: 100%; height: 68px; background-image: url('../images/bgfooter.gif'); background-repeat: no-repeat; clear: both;}
#logo3 { width: 181px; height: 64px; background-image: url('../images/logo3.png'); background-repeat: no-repeat; float: right; margin: 3px 10px 0 0; display: inline;}
#logo4 { width: 204px; height: 62px; background-image: url('../images/logo4.png'); background-repeat: no-repeat; float: right; margin: 3px 30px 0 0; display: inline;}
ul#main-menu { margin: 20px 0 0 10px; padding: 0; float: left; display: inline;}
ul#main-menu li { margin: 0; padding: 0; list-style: none; display: inline; float: left;}
ul#main-menu li a { display: block; height: 27px; background-repeat: no-repeat;}
ul#main-menu li a#home { width: 52px; background-image: url('../images/home.png');}
ul#main-menu li a#home:hover, ul#main-menu li a#home.active { background-image: url('../images/home-hov.png');}
ul#main-menu li a#info { width: 45px; background-image: url('../images/info.png');}
ul#main-menu li a#info:hover, ul#main-menu li a#info.active { background-image: url('../images/info-hov.png');}
ul#main-menu li a#location { width: 75px; background-image: url('../images/location.png');}
ul#main-menu li a#location:hover, ul#main-menu li a#location.active { background-image: url('../images/location-hov.png');}
ul#main-menu li a#gallery { width: 67px; background-image: url('../images/gallery.png');}
ul#main-menu li a#gallery:hover, ul#main-menu li a#gallery.active { background-image: url('../images/gallery-hov.png');}
ul#main-menu li a#contact { width: 69px; background-image: url('../images/contact.png');}
ul#main-menu li a#contact:hover, ul#main-menu li a#contact.active { background-image: url('../images/contact-hov.png');}
ul#main-menu li a#back { width: 48px; background-image: url('../images/back.png');}
ul#main-menu li a#back:hover, ul#main-menu li a#back.active { background-image: url('../images/back-hov.png');}
/*----------------------------------- FOOTER ends ------------------------------------------*/