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

* { margin:0; padding:0;}

html, body {width:100%; _height:100%;}

body { background:#CCD2CF url(images/body_bg.gif); font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-size:10px; color:#000;}

a {text-decoration:none;}

a img {border:none;}

ul { list-style-type:none;}
ol {list-style-position:outside; margin-left:25px;}

#page {height:500px; background:#fff url(images/page_bg.gif) repeat-x; margin:10px 0; padding:12px 0 15px 0; _padding-bottom:5px; position:relative;} 


#header {width:750px; overflow:hidden;}

#header h1 {position:absolute; height:60px; top:181px; left:0px;}


/*#flashcontent {width:550px; height:160px; background:url(images/flashcontent_bg.gif) top left no-repeat; position:absolute; top:12px; left:225px;}*/

#flashcontent {width:625px; height:160px; background:url(images/flashcontent_bg.gif) top left no-repeat; position:absolute; top:12px; left:125px; z-index:1; overflow:hidden;}

/*#navbar {background:url(images/navbar_bg.gif) top left no-repeat; width:171px; height:117px; margin:10px; font-size:14px; _padding-top:10px; _background-position: 0 10px;}*/
#navbar {position:absolute; background:#E9B70A; width:125px; height:150px;; margin:0; font-size:12px; _padding-top:10px; /*_background-position: 0 10px;*/ z-index:2; padding:5px 0 5px 0;}
#navbar li a{padding:2px 10px 2px; display:block; color:#fff;  border-bottom:1px solid #F0CD54;}
/*#navbar li a:hover {color:#fff; background:#EDC53B;}*/
#navbar li a.active, #navbar li a:hover.active {color:#A3591E; background:#F0CD54; text-decoration:none; cursor:default;}

* html #navbar li  a { zoom: 1; padding:5px 12px 1px;}

#content {width:750px; padding:101px 50px 0 214px; _padding:111px 50px -10px 214px; height:262px; margin-top:137px;}




#content h2 {font-size:18px; color:#333; padding:10px 10px 15px 5px}

#content #textcontent {width:380px; height:190px; overflow:hidden; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:150%; color:#666; padding:0 50px 0 25px; text-align:left;}

#content #textcontent p { margin-bottom:6px;}
#content #textcontent h3 { margin-bottom:6px;}




#content .scroller { background:#006; width:5px; height:200px; position:absolute; left:735px; top:301px;}
#content .knob { background:#F4C72C; width:5px; height:5px; cursor:s-resize;}

#content #subnavbar {float:left; margin-left:5px; background:#F4C72C url(images/subnavbar.gif) top left no-repeat; /*border:1px solid #D6A80C;*/ width:75px; /*padding:5px 0;*/ min-height:104px; width:85px; padding:10px 0;}
#content #subnavbar li  { text-align:left; }
#content #subnavbar li a {color:#A3591E; display:block; _zoom:1; padding:2px 5px;}
#content #subnavbar li a:hover { background:#E9B70C;}
#content #subnavbar li a.active, #content #subnavbar li a:hover.active {color:#000; background:#E9B70C url(images/left_arrow.gif) center right no-repeat; cursor:default;}


.servizi, .servizi-generale { background: url(images/servizi.jpg) bottom left no-repeat;}
.servizi-refitting { background: url(images/servizi-rimessaggio.jpg) bottom left no-repeat;}
.servizi-rimessaggio { background: url(images/servizi-refitting.jpg) bottom left no-repeat;}
.servizi-carpenteria { background: url(images/servizi-carpenteria.jpg) bottom left no-repeat;}


.homepage { background: url(images/homepage_bg.jpg) bottom left no-repeat;}
.azienda { background: url(images/azienda_2_bg.jpg) bottom left no-repeat;}
.group { background: url(images/group.jpg) bottom left no-repeat;}
.contact { background: url(images/contact.jpg) bottom left no-repeat;}

.groupLinksBox {width:100px; position:absolute; top:50px; right:50px; border:1px solid #eee; left:650px; top:280px; text-align:center;}

.groupLinksBox li {margin:2px 0 15px;}

/*	FLAGS	*/
#langbar {position:absolute; width:105px; height:17px; margin:0; font-size:14px; z-index:2; padding:5px 10px 2px; top:150px; overflow:hidden; background:#EDC53B;}
#langbar li {float:right; width:20px; height:13px; overflow:hidden; margin:0 2px;}
#langbar li a{padding-left:2000px; display:block; zoom:1;}
.ita { background:url(images/flags/ita.gif) top left no-repeat;}
.eng { background:url(images/flags/eng.gif) top left no-repeat;}


.formRow {display:block; clear:left; padding:2px;}
.formRow label {float:left; width:170px; margin-left:15px; padding:1px 15px; border-color:#fff; border-style:solid; border-width:1px 0 2px 1px;}
.formRow .text {width:250px; border:1px solid #C4CCCE; font-size:10px; padding:2px;}
textarea.text {font-family:inherit; font-size:10px;}
.formRow .text:focus, .formRow .focus {border-color:006; background:#E7E8ED;}



#contact label {}

.error {border:1px solid #900;}

#the_map {width:500px; height:350px; margin:10px auto; background:#eee; border:1px solid #999;}

.floating { position:absolute; z-index:2; width:550px; height:400px; border:2px solid #006; z-index:200; display:none; padding:90px 5px 5px;}

#contact {background:#fff url(images/logo_intermare.jpg) top left no-repeat;}
#map {background:#fff url(images/logo_intermare.jpg) top left no-repeat;}


.bgOverlay {position:absolute; width:100%; height:100%; background:#fff; top:0; left:0; z-index:100;}

.closeImg {position:absolute; top:5px; right:5px; cursor:pointer;}

/*	IF JS IS ACTIVE	*/
#textcontent #refitting, #textcontent #rimessaggio, #textcontent #carpenteria, #textcontent #assistenza {display:none;}

#footer {position:absolute; left:0; bottom:-7px; _bottom:-17px; text-align:center; width:750px; font-size:10px; color:#444; z-index:1;}