body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #FFFFFF;
	background-position: center;
	background-image: url(polar-warm-insulation-images/polar-warm-insulation-background2.gif);
	background-repeat: repeat-y;
}



#header {
	padding: 0 10px 0px 14px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 113px;
	position: relative;
	overflow: hidden;
	background-image: url(polar-warm-insulation-images/polar-warm-insulation-background-top.png);
}

#container   {
	width: 820px;
    margin: 0 auto;
	text-align: left;
	
}

#SmallContentBlock {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 178px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#BigContentBlock {
	float: right; /* since this element is floated, a width must be given */
	width: 612px;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	position: relative;
}


.speech_bubble{
	background: transparent;
	margin:5px 0;
}
.speech_bubble_content{
	display:block;
	background:#fff;
	border:3px solid #ddd;
	border-width:0 3px;
}
.speech_bubble p{
    font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
	padding:0em 0;
	color:#000;
	margin:0 15px;
}

.speech_bubble a{
    font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
	padding:0em 0;
	color:#80ca43;
	margin:0 0px;
}
.sb1, .sb2, .sb3, .sb4, .sb5, .sb6, .sb7{
	display:block;
	overflow:hidden;
	font-size:0;
}
.sb1, .sb2, .sb3, .sb4, .sb5, .sb6{
	height:1px;
}
.sb4, .sb5, .sb6, .sb7{
	background:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.sb1 {margin:0 8px; background:#ddd;}
.sb2 {margin:0 6px; background:#ddd;}
.sb3 {margin:0 4px; background:#ddd;}
.sb4 {margin:0 3px; background:#fff; border-width:0 5px;}
.sb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.sb6 {margin:0 2px; background:#fff; border-width:0 3px;}
.sb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;}

.speech_bubble em{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	border-top:12px solid #ddd;
	border-left:12px dotted transparent;
	border-right:12px dotted transparent;
	margin-left:50px;
}
.speech_bubble span{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	border-top:10px solid #fff;
	border-left:10px dotted transparent;
	border-right:10px dotted transparent;
	margin-left:52px;
	margin-top:-15px;
}
* html .speech_bubble em {width:24px; height:12px; w\idth:0; hei\ght:0;}
* html .speech_bubble span {width:20px; height:10px; w\idth:0; hei\ght:0;}


.insulation_maintext{
    font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color : #444444;
    text-decoration : none;
}
.insulation_maintext a{
    font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
    color : #80ca43;
    text-decoration : underline;
}

#breadcrumb_text{
    font : 9pt Verdana, Arial, Helvetica, sans-serif;
    color : #444444;
    text-decoration : none;
    margin-bottom: 5px;
}
#breadcrumb_text a{
    font : 9pt Verdana, Arial, Helvetica, sans-serif;
    color : #80ca43;
    text-decoration : none;
    margin-bottom: 5px;
}

.insulation-title {
   font : bold 18pt Verdana, Arial, Helvetica, sans-serif;
   color : #80ca43;
}
.insulation-text-green {
    font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color : #80ca43;
    text-decoration : none;
}

.pullquote-right {
    font-family: Verdana, Geneva, Arial, sans-serif;
	width: 40%;
	float:right;
	font-size:125%;
	line-height:130%;
	margin:8px;
	background: url(polar-warm-insulation-images/close-quote.png) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 0px 5px 0px;
}
.pullquote-right:first-letter {
	background: url(polar-warm-insulation-images/open-quote.png) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.pullquote-left {
    font-family: Verdana, Geneva, Arial, sans-serif;
	width: 40%;
	float:left;
	font-size:125%;
	line-height:130%;
	margin:8px;
	background: url(polar-warm-insulation-images/close-quote.png) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 15px 5px 0px;
}
.pullquote-left:first-letter {
	background: url(polar-warm-insulation-images/open-quote.png) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.pullquote2-right {
    font-family: Verdana, Geneva, Arial, sans-serif;
	width: 40%;
	float:right;
	font-size:125%;
	line-height:130%;
	margin:8px;
	padding:0px 0px 5px 0px;
}
.pullquote2-right:first-letter {
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.pullquote2-left {
    font-family: Verdana, Geneva, Arial, sans-serif;
	width: 40%;
	float:left;
	font-size:125%;
	line-height:130%;
	margin:8px;
	padding:0px 15px 5px 0px;
}
.pullquote2-left:first-letter {
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

#insulation-footer {
     font-size: 10px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     color: #80ca43;
     margin-top: 2px;
     text-align: center;
     position: absolute;
     /*bottom: 50%px;*/
     left: 0px;
     width: 100%;
     height: 28px
}
#insulation-footer a{
     font-size: 10px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     color: #80ca43;
     width: 100%;
     height: 28px
}
.insulation_contacttext {
    font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color : #2d4d12;
    text-decoration : none;

}
ul {
   list-style-image: url("polar-warm-insulation-images/insulation-arrow.gif");
   width: 450px;
   }
.error {
    font : bold 8pt Verdana, Arial, Helvetica, sans-serif;
    color : #ff0000;
    text-decoration : none;
}
#big-list {
     margin-left: 40px;
}
