@import "reset.css";
@import "orbit.css";


/*-----------------Tools-----------------*/
.horizontal-line { background: url(images/horizontal-line.png) no-repeat; width: 950px; height: 10px; }
.vertical-line { float: left; background: url(images/vertical-line.png) no-repeat; width: 4px; height: 385px; }

/*-----------------GENERAL STYLES-----------------*/
body { background: url(images/main-bg.jpg) repeat; font-family: arial; }
#wrap { width: 960px; margin: 0 auto; }

/*---------------------HEADER---------------------*/
#header { height: 100px; }
#header h1 { float: left; background: url(images/logo.png) no-repeat; width: 280px; height: 90px; text-indent: -9999px; margin: 2px 0 0 0; }
#header #nav { float: left; margin: 48px 0 0 0; }
#header #nav li { float: left; font-size: 16px; }
#header #nav a { color: #000; text-decoration: none; font-weight:bold; }
#header #nav a:hover { color: #00aeef; }
#header #nav .nav-divider { color: #000; padding: 0 10px; }

/*------------FEATURED CONTENT SECTION------------*/
#featured-content { background: url(images/bg-top.png ) no-repeat; margin: 0 ; }
#featured-content h2 {  width: 440px; height: 190px; padding: 80px 30px 0 510px; color: #eee; line-height: 28px;}
#featured-content p { }

/*--------------------SERVICES--------------------*/
#services { padding: 20px 0; height: 355px;  }
#services p { font-size: 14px; color: #fff; line-height: 21px; text-align: center; margin: 0 0 24px 0; }
#services .service-box { float: left; background: url(images/service-box-bg.png) no-repeat; width: 233px; height: 301px; margin: 0 0 0 46px; padding: 22px 28px 30px 26px; }
#services .service-box-chisiamo { float: left; background: #ccc; width: 800px;  height: 300px; margin: 0 0 0 46px; padding: 22px 28px 30px 26px; }
#services .service-box-chisiamo p { text-align: left; }
#services .first { margin-left: 0px; }
#services .service-box h2 { margin: 0 auto; }

#services .service-box-opere { float: left; background: #ccc; width: 800px;  height: 300px; margin: 0 0 0 46px; padding: 22px 28px 30px 26px; }
#services .service-box-opere p { text-align: left; }

.chi-siamo-title { background: url(images/chi-siamo-title.png) no-repeat; width: 186px; height: 48px; }
.cosa-facciamo-title { background: url(images/cosa-facciamo-title.png) no-repeat; width: 186px; height: 48px;  }
.lavori-title {  background: url(images/lavori-title.png) no-repeat; width: 200px; height: 48px;}
.service-dotted-line { background: url(images/service-dotted-line.png) no-repeat; width: 237px; height: 3px; margin: 10px 0 24px 0;  }

#services .continua { display: block; background: url(images/continua-button.jpg) no-repeat; width: 232px; height: 41px; }

/*----------------ADDITIONAL INFO-----------------*/
#additional-info { margin: 38px 0 0 0; height: 420px; }
#additional-info #client-testimonials { float: left; width: 405px; padding: 0 25px 0 0; }
#additional-info #client-testimonials h3 { background: url(images/servizi-title.png) no-repeat; width: 180px; height: 28px; margin: 0 0 24px -5px; text-indent: -9999px; }
.testimonial {  margin: 0 0 22px -5px; background-color:#CCC;  }
.testimonial .author-img { float: left;   background: url(images/impresa-edile.png) no-repeat; width: 58px; height: 48px; margin: 8px 18px 0 8px; }
.testimonial img { margin: 0 0 0 3px;  }
.testimonial p { color: #555; font-size: 14px; line-height: 21px; margin: 0 0 12px 0; padding-top:5px; }
.testimonial p.author-name { font-weight: bold; margin: 0;  }
.testimonial a { color: #00aeef; font-size: 14px; text-decoration: none; }
.testimonial a:hover { color: #555; }

/*----------------FEATURED PROJECT----------------*/
#featured-project { float: left; margin: 0 0 0 45px; width: 425px; }
#featured-project h3 { background: url(images/foto-title.png) no-repeat; width: 160px; height: 32px; margin: 0 0 16px -5px; text-indent: -9999px; }
#featured-project h4 { font-size: 20px; color: #888; font-weight: normal; margin: 0 0 8px 0; }
#featured-project img { margin: 0 0 7px 0; }
#featured-project p { font-size: 14px; color: #555; line-height: 21px; margin-bottom: 7px; }
#featured-project a { color: #00aeef; font-size: 14px; text-decoration: none; }
#featured-project a:hover { color: #555; }

/*--------------------FOOTER----------------------*/
#footer { height: 70px; padding: 0 0 30px 0; text-align:center;}
#footer p { font-size: 16px; color: #888; padding: 14px 0 0 0; }