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

body {
     background: #96928A url(../img/pattern_home.jpg);
	/* background: #96928A url('../design/var1.png'); */      
}

.title {
	text-align: center;
	color: white;
	font-size: 12px;
	margin: 6px 0px 6px 0px;
} 

.invisible {
        display: none;
}

.fucsia {
        color: #b00061
}

#container {
        margin-left: auto;
        margin-right: auto;
	width: 800px;
}
.clear{
     clear: both;
}
#wrapper {
        width: 738px;
        float: left;
        clear: both;
	background: white;
	padding: 6px 31px 6px 31px;
	margin-bottom: 10px;
}

.conveythis {
        float: left;
}

#superheader ul, .wayfinder ul {
	font-size: 11px;
	float: left;
	color: #a4a3a3;
	margin-top: 6px;
}

#superheader li, .wayfinder li {
	float: left;
}

#superheader a {
	color: #a4a3a3;
	text-decoration: none;
}

#superheader a:hover {
	color: #747e87;
	text-decoration: underline;
}

#superheader .active a {
        font-weight: bold;
        color: black;
}

#superheader .wayfinder ul{
	float: right;
}

.wayfinder li {
	margin-left: 10px;
}

#breadcrumbs {
	height: 10px;
	width: 738px;
	float: left;
	background-color: white;
	font-size: 10px;
	color: #aaa;
}

#breadcrumbs a {
	text-decoration: none;
	color: #37060f;
}

#breadcrumbs a:hover {
	text-decoration: none;
	color: #be3d6e;
}

#main {
        float: left;
        width: 738px;
}

#footer {
	background-color: black;
	height: 23px;
	width: 718px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
        margin-bottom: 24px;
}

#footer p {
	float: left;
	color: #999;
	font-size: 9px;
}

#footer strong {
        font-weight: bold;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer .active a {
        color: white;
        font-weight: bold;
}

#footer a:hover {
	color: #fff;
}

#footer .wayfinder ul {
	margin-right: 20px;
	margin-top: 0px;
        float: right
}

.grey {
	text-align: right;
	margin-right: 20px;
	margin-top: 615px;
	margin-bottom: 11px;
}

.grey a {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

.grey a:hover {
	color: #222;
}


/* REGOLE HEADER */

#header {
        float: left;
        width: 738px;
        height: 482px;
        position: relative;
}

#logo {
        position: absolute;
        top: 53px;
        left: -10px;
}

#slideshow {
        float: left;
}

#blinds-cont {
        float: left;
}

#slogan {
        position: absolute;
        padding: 6px 80px 6px 6px;
        border: 1px #b00061 solid;
        background: white url(../immagini/slogan-img.gif) no-repeat right;
        top: 120px;
        right: 2px;
}

#slogan h2 {
        font-size: 12px;
}

#mainmenu {
        position: relative;
        bottom: 15px;
        float: left;
        width: 738px;
        height: 90px;

}

#mainmenu ul {
        float: left;
        background: url(../immagini/menu-bg.gif) repeat-x bottom;
        width: 738px;
        height: 90px;

}

#mainmenu ul li {
        float: left;
        text-align: center;
        height: 90px;
        width: 146px;
        background: url(../immagini/menu-out.gif) repeat-x bottom ;
        margin-right: 2px;
}

#mainmenu ul .last {
        margin-right: 0px;
}

#mainmenu a {
        display: block;
        text-decoration: none;
        color: white;
        padding-top: 46px;
        height: 44px;
        width: 146px;
}

#mainmenu a:hover {
        background: url(../immagini/menu-hvr.gif) repeat-x top ;

}



#mainmenu .active a, .pro #mainmenu ul .scnd {
        background: url(../immagini/menu-actv.gif) repeat-x top ;

}

#flash {
        float: right;
        width: 360px;
        height: 164px;
}

/*
/
/
/
/
/
/
/
*/

#mainmenu ul li .hover {
        position: absolute;
        width: 738px;
        height: 243px;
        background: url(../immagini/hover-menu.png) repeat-x top;
        top: -228px;
        left: 0px;
        visibility: hidden;
}

#mainmenu ul .active .hover {
        visibility: hidden;
}

#mainmenu ul li .hover-img {
        position: absolute;
        width: 146px;
        height: 228px;
}

#mainmenu ul .first .hover-img {
        left: 0px;
}

#mainmenu ul .scnd .hover-img, #mainmenu ul .first .hover h2 {
        left: 148px;
}

#mainmenu ul .thrd .hover-img, #mainmenu ul .scnd .hover h2 {
        left: 296px;
}

#mainmenu ul .frth .hover-img, #mainmenu ul .thrd .hover h2 {
        left: 444px;
}
#mainmenu ul .last .hover-img  {
        left: 592px;
}

#mainmenu ul .frth .hover h2 {
        right: 296px;
}

#mainmenu ul .last .hover h2 {
        right: 148px;
}

#mainmenu ul .last .hover h2, #mainmenu ul .frth .hover h2 {
        text-align: right;
}

#mainmenu ul .first .hover h2, #mainmenu ul .scnd .hover h2, #mainmenu ul .thrd .hover h2 {
        text-align: left;
}

#mainmenu li:hover .hover {
        visibility: visible;
}

#mainmenu li:hover .hover h2 {
        position: absolute;
        color: #ebc1ce;
        line-height: 36px;
        font-size: 24px;
        padding: 6px 0px 6px 0px;
        border-top: 1px #ebc1ce solid;
        border-bottom: 1px #ebc1ce solid;
        margin: 50px 14px 14px 14px;
}

#mainmenu .active:hover .hover, .pro #mainmenu .scnd:hover .hover {
        visibility: hidden;
}
.mail_j{
     visibility: hidden;
}
.proj_name{
     color: #333333;
     padding-top: 5px;
}
.other_recent_projects{
     background: #37373B;
     margin-top: 5px;
     padding: 5px 0px 20px 0px;
}