@import url("reset.css");

body			{ color: #787978; background: #fff }

/*-------------- Wrapper ------------------*/

#wrap 			{ width: 897px;  margin: 0 auto }

/*-------------- Layout -------------------*/

#header			{ position: relative; position:relative; width: 100%; margin-bottom: 5px}

.logo			{ display: block; width: 288px; height: 116px; text-indent: -9999px;
				  position: absolute; top: 47px; right: 37px;
				  background: url(../images/logo.png) no-repeat }
.logo2			{ display: block; width: 448px; height: 86px; text-indent: -9999px;
				  position: absolute; top: 47px; right: 37px;
				  background: url(../images/logo2.png) no-repeat }				  
				  
.number			{ position:absolute; right: 39px; top: 168px}


#Menu			{ margin-bottom: 10px; background:url(../images/menu.gif) no-repeat; width: 878px; height: 33px; padding-left: 19px; position:relative; z-index:99; }
#Menu li		{ margin: 0; list-style: none; float:left; padding-right: 0px; position:relative; font-size:1em }
#Menu a:link,
#Menu a:visited
				{ float:left; display:block; height: 33px }
				
.menu1			{ background:url(../images/top-menu.gif) no-repeat -17px 0px; width:160px; }
.menu1:hover		{ background:url(../images/top-menu.gif) no-repeat -17px -33px; }
.active1		{ background:url(../images/top-menu.gif) no-repeat -17px -66px !important;}

.menu2			{ background:url(../images/top-menu.gif) no-repeat -180px 0px; width: 180px }
.menu2:hover	{ background:url(../images/top-menu.gif) no-repeat -180px -33px; }
.active2			{ background:url(../images/top-menu.gif) no-repeat -180px -66px !important; }


.menu3			{ background:url(../images/top-menu.gif) no-repeat -360px 0px; width: 180px }
.menu3:hover	{ background:url(../images/top-menu.gif) no-repeat -360px -33px;}
.active3			{ background:url(../images/top-menu.gif) no-repeat -360px -66px!important;}

.menu4			{ background:url(../images/top-menu.gif) no-repeat -540px 0px; width: 180px }
.menu4:hover		{ background:url(../images/top-menu.gif) no-repeat -540px -33px;}
.active4			{ background:url(../images/top-menu.gif) no-repeat -540px -66px!important;}

.menu5		{ background:url(../images/top-menu.gif) no-repeat -720px 0px; width: 179px }
.menu5:hover	{ background:url(../images/top-menu.gif) no-repeat -720px -33px; }
.active5 		{ background:url(../images/top-menu.gif) no-repeat -720px -66px !important; }

.residential	{ background:url(../images/residential-normal.gif) no-repeat; width: 203px }
.residential:hover{ background:url(../images/residential-hover.gif) no-repeat }
.activeH		{ background:url(../images/residential-hover.gif) no-repeat !important}

#Menu li ul		{ display:none; position:absolute; left:-2px; top: 33px; background:#700000 url(../images/submenu.gif) top repeat-x; width: 145px; padding:10px 10px 5px 9px;}
#Menu li ul li	{ padding-bottom:3px; width: 145px; margin-bottom: 5px; border-bottom: 1px solid #711b1c}
#Menu li ul li a:link,
#Menu li ul li a:visited
				{ font: normal 1.1em/1.2em Arial, Helvetica, sans-serif; height: auto; width: 100%; color: #fff; background: none  !important}
#Menu li ul li a:hover,
#Menu li ul li a:active
				{ color: #fff; text-decoration:underline}

#mainCol #breadcrumbs {margin:-28px 0px 5px; margin:-28px 0px 5px -225px;}
#mainCol #breadcrumbs._examples {margin:-28px 0px 5px -225px;}
#mainCol #breadcrumbs ul		{margin:0px; padding:0px; list-style-type:none;}
#mainCol #breadcrumbs ul li	{background:none; float:left; width:auto; padding:0px;}
#mainCol #breadcrumbs ul li a, #mainCol #breadcrumbs ul li a:visited {color:#495458; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none; border-right:1px solid #495458; display:block; float:left; padding:0px 8px 0px 8px;}
#mainCol #breadcrumbs ul li a:hover {text-decoration:underline;}
#mainCol #breadcrumbs ul li a.active, #mainCol #breadcrumbs ul li a.active:visited {color:#79000e;}
/*----------------------------------*/				
#content		{ width:897px; float:left; background:url(../images/content-middle.gif) repeat-y }
.extra1			{ width:897px; float:left; background:url(../images/content-top.gif) top no-repeat}
.extra2			{ width: 832px; float:left; background:url(../images/content-bottom.gif) bottom no-repeat; padding: 45px 38px 10px 27px}

#leftCol		{ float:right; width: 176px; padding-bottom: 5px}
#leftCol h3		{ color: #848174; background:url(../images/title.gif) bottom no-repeat; width: 161px; height: 23px; padding-left: 15px; margin-bottom: 5px}
#leftCol p		{ margin:0; font: normal 1.1em/1.4em Arial, Helvetica, sans-serif; color: #787978; padding-left: 15px}
#leftCol a:link { color: #495458;}
#leftCol a:visited		{ color: #787978; }
#leftCol a:hover		{ color: #750000; }


#leftSubmenu	{ width: 144px; height: 150px; background:url(../images/leftmenu.gif) no-repeat; padding: 30px 16px 0 16px; margin:0 0 30px 0}
#leftSubmenu li	{ float:left; list-style: none; padding-bottom:4px; margin:0 0 4px 0 ; border-bottom: 1px solid #66677d; width: 144px; font-size:1em}
#leftSubmenu li a:link,
#leftSubmenu li a:visited
				{ float:left; display:block; font: normal 1.1em/1.2em Arial, Helvetica, sans-serif; color: #fff}
#leftSubmenu li a:hover
				{ color: #6ba9da; text-decoration:none }
.activeL		{ color: #cc8e77 !important}

.leftTitle		{ padding-top: 30px}

.contactForm	{ float:left; width: 100%}
.contactForm legend
				{ display: none}
.contactForm input
				{ float:left; width: 149px; color: #787978; font: normal 1.1em/1.2em Arial, Helvetica, sans-serif; 
					padding:2px 10px 2px 7px; border: 1px solid #d6d6d6; margin-bottom: 3px} 
.contactForm label
				{ float:right;  width: 155px; color: #787978; font: normal 1.1em/1.7em Arial, Helvetica, sans-serif; margin:0}
.contactForm textarea
				{ float:left; width: 144px; height: 34px; color: #787978; font: normal 1.1em/1.2em Arial, Helvetica, sans-serif;
					padding:5px 15px 5px 7px;border: 1px solid #d6d6d6; margin-bottom: 5px}
.checkbox		{ width: 13px !Important; height: 13px; clear:both; padding:0 !important; border: none !important; margin-top: 3px}
.submit			{ margin-left: 100px; background:url(../images/submit.gif) no-repeat; width: 67px !important; height: 22px !important; padding:0 0 0 8px !important;
					 color: #fff !Important; text-transform:uppercase; border: none !Important; cursor: pointer;  text-align:left}

#mainCol		{ float:left; width: 608px; /*overflow:hidden*/}
#mainCol h1		{ font: normal 28px Georgia, "Times New Roman", Times, serif; margin-bottom: 5px}
#mainCol h3		{ color: #6f8459; font: normal 22px Georgia, "Times New Roman", Times, serif; padding:0 !important; background: none !important;}
#mainCol a:link, #mainCol a:visited {font: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline;}
#mainCol a:hover {font: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}
#mainCol p		{ margin-bottom: 20px; text-align:left; color: #5f605f}
#mainCol p span	{ font-size: 0.8em}
.first			{ margin-bottom: 30px !Important; color: #8b0505; background:url(../images/main-title.gif) bottom no-repeat; padding-bottom: 25px; line-height:26px;}
.first2 		{ margin-bottom: 30px !Important; color: #8b0505; background:url(../images/main-title2.gif) bottom no-repeat; padding-bottom: 25px; line-height:26px;}
.blue1			{ color: #3f435e}
.blue2			{ color: #5ea6de}
.green			{ color: #4a8f02; background:#f0fbe8; padding: 3px 3px 3px 3px; margin: 35px 0 10px 0; }
.orange			{ color: #ec8d05; background:#fef1df; padding: 3px 3px 3px 3px; margin: 35px 0 10px 0; }

#mainCol ul		{ width: 95%; padding-left: 23px; margin-bottom: 15px; overflow:hidden; text-align:left; margin-top:25px;}
#mainCol ul	li	{ float:left; width: 94%; padding-left: 33px; background:url(../images/list.gif) left top no-repeat;
					 margin:0 0 10px 0; list-style: none; font-size: 1em; }
					 #mainCol ul	li p{ margin:0; line-height: 1.5em}
#mainCol ul	li p span
				{ float:right; font-size: 1em !important}
				
				

#mainCol ul.greenlist	{ width: 80%; padding-right: 50px; margin-bottom: 15px; overflow:hidden; text-align:left; margin-top:25px; }
#mainCol ul.greenlist li 	{ 
		float:left; 
		padding:18px 33px 0;
		background: #f9f1ee url(../images/purchasebox-arrow.gif) left bottom no-repeat;
		margin:0 0 10px 0; 
		list-style: none; 
		font-size: 1em; 
		line-height:1.8em;
		margin-bottom:20px;
					 }

#mainCol ul.greenlist li p{ margin:0 0 20px 0; line-height: 1.8em; }
#mainCol ul.greenlist li p span	{ float:right; font-size: 1em !important}




.inner li		{ background: none !important; padding:0 !Important}

.line			{ width: 100%; overflow:hidden; border-bottom: 1px solid #dedede; padding-bottom: 15px; margin-bottom: 30px}

.view			{ width: 380px !important; float:left}
.view li		{ width: 330px !important}

.faq h2			{color: #0d7acf; background:#edf5fb; padding: 3px 3px 3px 3px; margin: 0 0 10px 0;  font: normal 2em/1.2em Georgia, "Times New Roman", Times, serif}


#footer			{ width: 900px;padding:14px 0 15px 0; margin:0 auto; overflow:hidden; clear: both;}
#footer p		{ padding:0; margin:0; color: #8c8c8c; font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; text-align:center;}

#footerGreenLogo {block: display; width:65px; height:66px; float:right; padding:0;}		
#footerCicadaLogo {
	display:block;
	width:110px;
	height:28px;
	float:left;
	margin-top:7px;
}		

#footer a		{ float:left; margin-right: 20px}

#maps	
{ 
	background:url(../images/maps.gif)
	width: 845px; 
	height: 400px;
}

#contentmessages	
{ 
	float:left; 
	width: 144px;
	height: 84px; color: #787978; 
	font: normal 1.1em/1.2em Arial,	Helvetica, sans-serif;
	/*margin-top:275px;*/
	width: 180px; 
	height: 20px;
}

#h3Send
{
	border-width:2px;
	border-color:#99CCFF;
	padding-top:2px;
	padding-left:10px;
	margin-top:5px;
	width:167px;
	height:20px;
	background-color:#E8E8E8 ;
	font: normal 1.8em/1.2em Georgia, Times New Roman, Times, serif;
	font-size: 15px;
	color:red;
}

.quote {
	padding:0px 0px 0px 40px;
	background:url(../images/quotesL.gif) no-repeat left 8px;
	width:558px;
}

#mainCol .quote p {
	float:left;
	width:530px;
	color:#79000e;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:14px;
	font-weight:bold;
}

.quote span {
	background:url(../images/quotesR.gif) no-repeat left 8px;
	display:block;
	width:22px;
	height:65px;
	float:right;
}


#bluebox {
background-color:#ffffff;
margin: 0 0 25px 0;
padding: 0 10px 5px 10px;
border: 10px #e4f1fb solid;
 }
 
 #orangebox {
background-color:#ffffff;
margin: 0 0 25px 0;
padding: 0 10px 5px 10px;
border: 10px #fef1df solid;
 }
 
 #greenbox {
background-color:#ffffff;
margin: 0 0 25px 0;
padding: 0 10px 5px 10px;
border: 10px #f0fbe8 solid;
 }
 
#readmore {
float:right;
display:block;
padding-bottom:15px;
}

			
ul.prices li p {
	float: left;
}

ul.prices li span {
	float: right;
	font-size: 1.2em;
	line-height:1.5em;
}				

.leftSubNav {
	background:url(../images/leftSub.gif) no-repeat;
	height:288px;
	padding:20px 10px 15px 0px;
}

.leftSubNav ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.leftSubNav ul li {
	background:none;
}

.leftSubNav ul li a, .leftSubNav ul li a:visited {
	color:#495458;
	font-family:Arial,	Helvetica, sans-serif;
	font-size:11px;
}

#leftCol .leftSubNav ul li.active a, #leftCol .leftSubNav ul li.active a:visited {
	color:#750000;
}

#leftCol .leftSubNav ul li a:hover {
	color:#750000;
}

#leftCol .leftSubNav ul li.borderBottom {
	border-bottom:1px solid #d7d7d7;
	padding-bottom:8px;
	margin-bottom:8px;
}

#mainCol ul {
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style-type:none;
}

#mainCol ul li {
	background:url(../images/greenArrow.gif) no-repeat left 6px;
	padding-left:20px;
	margin:0px 0px 5px 0px;
	color:#495458;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

h2.blue {
	color: #0d7acf; 
	background:#e6f1fa;
}

h2.pink {
	color: #720000; 
	background:#f1e5e6;
}

h2.peach {
	color: #ec8d05; 
	background:#fef1df;
}

#mainCol ol {
	margin:0px 0px 18px 0px;
	padding:18px 18px 18px 18px;
	color:#0d7acf;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:6px solid #e6f1fa; 
}

#mainCol ol li {
	color:#0d7acf;
	padding-bottom:15px;
}

#mainCol ol li span {
	color:#495458;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:18px;
}

#mainCol .details {
	padding-bottom:15px;
}

#mainCol .details p {
	font-weight:bold;
	margin-bottom:10px;
}

#mainCol .details p span {
	width:320px;
	display:block;
	float:left;
	font-size:12px;
}

#mainCol .detailsMain {
	width:608px;
	padding:15px 0px;
}

#mainCol .detailsMain:after, .quote:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.detailsLeft {
	width:278px;
	float:left;
}

.detailsRight {
	float:right;
}

#mainCol .detailsLeft ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
}

#mainCol .detailsLeft ul li {
	background:none;
	padding-left:0px;
	width:275px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0px 0px;
	padding-bottom:5px;
}

#mainCol .detailsLeft ul li span {
	width:215px;
	display:block;
	float:left;
}

#mainCol .detailsLeft ul li.total span {
	width:213px;
}

/*#mainCol .detailsLeft ul li.header {
	font-family:Georgia, Times New Roman, Times, serif;
}*/

#mainCol .detailsLeft ul li.blue {
	color:#0D7ACF;
	font-size:14px;
}

#mainCol .detailsLeft ul li.peach {
	color:#EC8D05;
	font-size:14px;
}

#mainCol .detailsLeft ul li.header {
	font-weight:bold;
	border-bottom:1px solid #f1e5e6;
	margin-bottom:4px;
	font-family:Georgia, Times New Roman, Times, serif;
}

#mainCol .detailsLeft ul li.total {
	border-bottom:1px solid #f1e5e6;
	border-top:1px solid #f1e5e6;
	margin-bottom:10px;
	padding-top:5px;
	font-weight:bold;
}
#mainCol .process {
	background:url(../images/pinkArrow.gif) no-repeat 30px bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#mainCol .process p {
	color:#495458;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#f4e8e4;
	padding:10px;
	margin-bottom:0px;
}

#mainCol .processBottom {
	margin-bottom:25px;
}

#mainCol .processBottom p {
	color:#495458;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#f4e8e4;
	padding:10px;
	margin-bottom:0px;
}

#mainCol ul.spe li {
	background:url(../images/greyDot.gif) no-repeat left 7px;
}

#mainCol .faq h2 {
	background:#f1e5e6;
}

#mainCol .faq h2 a, #mainCol .faq h2 a {
	color:#720000;
	font-size:15px;
	text-decoration:none;
	background:url(../images/redArrow.gif) no-repeat 8px center;
	padding:0px 0px 0px 25px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}

#mainCol .faq h2 a:hover {
	text-decoration:underline;
}

#mainCol .faq.active h2 {
	background:#ededed;
}

#mainCol .faq.active h2 a, #mainCol .faq.active h2 a {
	color:#4d4d4d;
	font-size:15px;
	text-decoration:none;
	background:url(../images/greyArrow.gif) no-repeat 8px center;
	padding:0px 0px 0px 25px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
}

#mainCol .faq p {
	display:none;
}

#mainCol .faq.active p {
	display:block;
}

#mainCol a.email, #mainCol a.email:visited {
	font-weight:normal;
	color:#720000;
}

#mainCol #exampleProp ul {
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	width:100%;
}

#mainCol #exampleProp ul li {
	padding:0px 0px 20px 0px;
	margin:0px 0px 20px 0px;
	list-style-type:none;
	clear:both;
	border-bottom:1px solid #a4a9ab;
	width:100%;
}

#mainCol #exampleProp ul li .propleft {
	width:126px;
	height:91px;
	float:left;
	overflow:hidden;
}

#mainCol #exampleProp ul li .propright {
	float:right;
	width:375px;
	padding-right:90px;
}

#exampleProp .propright {
	position:relative;
}

#exampleProp .propright h2 {
	background:none;
	color:#495458;
	font-size:15px;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#exampleProp .propright p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:18px;
}

#exampleProp .propright a, #exampleProp .propright a:visited {
	color:#79000e;
	text-decoration:none;
}

#exampleProp .propright a:hover {
	text-decoration:underline;
}

.toLet {
	position:absolute;
	width:83px;
	height:72px;
	right:10px;
	top:15px;
	display:block;
	background:url(../images/toLet.gif) no-repeat left top;
}

#mainCol #propMainLeft {
	float:left;
	width:350px;
}

#propCont {
	background:url(../images/blueBack.jpg) no-repeat left top;
	width:320px;
	height:130px;
	padding:15px 12px;
	margin:25px 0px 0px;
}

#propCont h2 {
	background:none;
	color:#115e8d;
	font-size:15px;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#propCont p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#propMainLeft a.pdf, #propMainLeft a.pdf:visited {
	background:url(../images/pdf.gif) no-repeat left top;
	padding:7px 0px 7px 32px;
	margin:15px 0px;
	color:#495458;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#propMainRight {
	float:right;
	width:248px;
}

#propMainRight h2 {
	background:url(../images/proph2Back.gif) no-repeat left top;
	color:#ffffff;
	font-size:15px;
	margin:0px 0px 10px 0px;
	padding:9px 4px 10px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#propMainRight p.proPrice {
	color:#115e8d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:12px;
	border-bottom:1px solid #a4a9ab;
	margin-bottom:10px;
	padding-bottom:10px;
}

#propMainRight p.proPrice span {
	color:#495458;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#propMainRight p {
	margin-left:12px;
	border-bottom:1px solid #a4a9ab;
	padding-bottom:15px;
}

#propMainRight h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#115e8d;
	margin-left:12px;
	margin-bottom:5px;
}

#mainCol #propMainRight ul {
	margin:0px 0px 15px;
	padding:0px 0px 15px 0px;
	list-style-type:none;
	width:100%;
}

#mainCol #propMainRight ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#495458;
	margin:0px 0px 0px 12px;
	background:url(../images/liDot.gif) no-repeat left 7px;
	width:100%;
	padding-left:10px;
}

#bigLet {
	position:absolute;
	right:0px;
	top:20px;
	background:url(../images/let-big.png) no-repeat;
	width:123px;
	height:106px;
}

/* Francesco */

h4.boxList{
	font-size: 16px;
	margin: 0;
}