/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#333; }

span.green {
	color: #5bc117;
	font-weight: bold;
	font-size: 18px;
}

p {
	font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	color: #828282;
	font-size: 13px;
	text-align: justify;
	line-height: 1.7;
	padding: 0px;
	font-weight: normal;
}
strong {
	font-weight: bold;
}

/* LAYOUT */

img { behavior:url(iepngfix.htc); }

.clear { clear: both; }

#container { width: 790px; height: 100%; margin: 0 auto; position: relative; }

#main { width:100%; height: 100%; position: relative; }

#header {
	width: 100%;
	height: 110px;
	background: transparent url(images/header.jpg) no-repeat left;
}

#content {
	width: 565px;
	height: 100%;
	float: right;
	background: transparent url(images/content_top.gif) no-repeat top;
	position: relative;
	padding: 5px 15px 5px 15px;
}
#content_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 595px;
	height: 24px;
	background: transparent url(images/content_bottom.gif) no-repeat top;
}


#menu {
right:0;
position:absolute;
bottom:8px;
height:22px;
width:410px;
}

#menu li {
display:inline;
}

#menu a {
position:relative;
float:right;
display:block;
font-size:13px;
font-weight:bold;
text-align:center;
line-height:27px;
color:#5bc117;
height:27px;
width:84px;
background: transparent url(images/menu.gif) no-repeat 0 0;
margin: 0px 0px 0px 5px;
}

#menu a:hover {
background: transparent url(images/menu.gif) no-repeat 0px -27px;
}

#menu a.active {
background: transparent url(images/menu.gif) no-repeat 0px -27px;
}


/* BOXES */
#main .box { background: url(images/box_580bg.png) 0 100% no-repeat; overflow: hidden; }
#main .sidebar .box { background: url(images/box_184bg.png) 0 100% no-repeat; float: left; }

#main .box h2 { height: 21px; overflow: hidden; position: relative; margin-bottom: 0; padding: 4px 10px 0 10px; color:white; font-weight:bold; font-size:14px; }

#content .immagini {
	width: 100%;
	height: auto;
	margin: 20px 0px 0px 0px;
}

/* DRAWERS */
#main ul.drawers { margin: 0 !important; }
#main .slider .drawer-handle { color: #333; font-size: 12px; padding: 7px 0; text-indent: 15px; width: 100%; background: #939393 url(images/slider_handlebg.png) 0 0 no-repeat; cursor: default; }
#main .slider .drawer-content { display: block; margin: 0; background: none; height: auto; }
#main .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; }
#main .drawercap { height: 5px; width: 184px; position: absolute; z-index: 100; bottom: 0; left: 0; background: url(images/slider_capbottom.png) no-repeat; behavior:url(iepngfix.htc); }

/* SOLUTIONS */
#macatwork { height: 750px; width: 185px; }
#macatwork h2 { background: url(images/header_184bg.png) no-repeat; }
#macatwork .drawers { margin: 0; position: relative; overflow: hidden; height: 100%; }
#macatwork .drawers li { display: block; position: absolute; top: 0; z-index: 1; width: 100%; }
#macatwork .drawers img.photo { display: block; margin: 2px 3px 0 3px; }
#macatwork .drawers .handle { display: block; padding: 15px 15px 8px; height: 55px; margin-bottom: -6px; background: url(images/shingles_handlebg.png) -184px 100% no-repeat; overflow: hidden; }
#macatwork .drawers .handle:hover { text-decoration: none; }
#macatwork .drawers .handle strong { display: block; font-size: 13px; color: #333; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; }
#macatwork .drawers .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
#macatwork .drawers .handle .more { color: #2971a7;}
#macatwork .drawers li.obscured .handle { background-position: 0 100%; }
#macatwork .drawers li.obscured .handle .description { color: #666; }

/* FOOTER */
#footer {
	width: 100%;
	height: 30px;
	margin: auto;
}
#footer p.footer {
	font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
	color: #cccccc;
	font-size: 10px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

/* BUTTONS */
a.awesome {
display:inline-block;
text-decoration:none;
font-weight:400;
line-height:1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
cursor:pointer;
background-color:#8dc73f;
color:#fff;
padding:5px 10px 6px;
}

a.awesome:hover {
background:#75ac2b;
color:#fff;
}

.medium.awesome,.medium.awesome:visited {
font-size:13px;
font-weight:400;
line-height:1;
}

/* LINKS */

a { 
	color: #2b2b2b;
	text-decoration: none;	
}

a:hover { 
	color: #5bc117;
	text-decoration: none;	
}

a:active, a:focus{ 
   outline:0;
}