@charset "utf-8";
/* CSS Document */

html{
height:100%;	
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
	/*behavior:url(css/cssHoverFix.htc);
	background-image: url(../images/bg.jpg);
	background-image: linear-gradient(bottom, #000000 72%, #4F4D4E 100%);
	background-image: -o-linear-gradient(bottom, #000000 72%, #4F4D4E 100%);
	background-image: -moz-linear-gradient(bottom, #000000 72%, #4F4D4E 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 72%, #4F4D4E 100%);
	background-image: -ms-linear-gradient(bottom, #000000 72%, #4F4D4E 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.72, #000000),
		color-stop(1, #4F4D4E)
	);*/
	
	background: #4f4d4e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGQ0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4f4d4e 0%, #000000 20%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4d4e), color-stop(20%,#000000), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #4f4d4e 0%,#000000 20%,#000000 100%);
	background: -o-linear-gradient(top,  #4f4d4e 0%,#000000 20%,#000000 100%);
	background: -ms-linear-gradient(top,  #4f4d4e 0%,#000000 20%,#000000 100%);
	background: linear-gradient(top,  #4f4d4e 0%,#000000 20%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4d4e', endColorstr='#000000',GradientType=0 );
    background-repeat: no-repeat;
    background-attachment: fixed;

}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

-->
.lightbox{
	display:none;
	position:absolute;
}
#lightboxbg{
	width:100%;
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.4);
	height:100%;
	top:0;
	left:0;
	z-index:100;
	cursor:crosshair;
}

#lightbox{
	width:600px;
	min-height:350px;
	padding:10px;
	left:50%;
	top:100px;
	margin-left:-310px;
	background:white;
	z-index:101;
}
#lightbox a#close{
	position:absolute;
	top:20px;
	right:20px;
	z-index:102;
	padding:3px 5px;
	border:1px solid black;
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.6);
	color:black;
}
#lightbox a#close:hover{
	background:white;	
}
#navigationmenu {
	position:relative;
	z-index:10;
	margin: 0px;
	padding: 0px;
	padding-left:3px;
	background:white;
}		
#navigationmenu li { 
	list-style: none;
	height: 102px;
	overflow:hidden;
	position:relative;
	margin-bottom:3px;
	opacity:0.8;
}
#navigationmenu li:hover{
	opacity:1.0;	
}
#navigationmenu li img {
	width: 372px;	
}
#navigationmenu li a.label{
opacity:.60;
filter: alpha(opacity=60);	
background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 25px;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	color:black;
	display:block;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	font-size: 16px;
	line-height:25px;
}
#navigationmenu li a.label:hover{
	color: red;
	background:white;
}
        ul.sub-level { display: none; width:200px; }
        /*li:hover .sub-level {
            
            border: #fff solid;
            border-width: 1px;
            display: block;
            position: absolute;
            left: -220px;
			height:400px;
            top: -1px;
			text-align:left;
			
        }*/
        ul.sub-level li {
			border: none;
			float:right;
			width:150px; 
        }
		
		#navigationmenu .sub-level { 
		background-image: url(images/bg_transparent.png); 
		font-family:Verdana;
		font-size:12px; 
		line-height:1.6em;
		padding:10px; 
		}
		#navigationmenu .sub-level .sub-level {  }
						
		#GasThumbText,#WoodThumbText,#OutdoorThumbText,#ElectricThumbText {
		font-family:Verdana;
		font-size:12px; 
		line-height:1.6em;
		padding:10px;
		color:black;
		}				
						
		.red {
		font-family:Verdana;
		font-size:12px;
		color:red;
		}				
						
#layout {
	background-image: url(images/bg.jpg);
}

div#kontainer{
	width:1020px;
	margin:auto;
	background:white;
	padding:5px;
	margin-bottom:10px;
}
.menubutton {
	float: left;
	list-style: none;
	font-family:Verdana;
	font-size:12px;
	line-height: 1em;
	text-decoration: none !important;
}
#copyrightfootertext{
	font-family:Verdana;
	font-size:10px;
	color:#656668;
	clear: both;
	text-align: left;
	margin-left: 25px;
	padding-top:40px;
}
#centeredContent{
	min-height:417px;
	margin-top: 5px;
	margin-bottom: 5px;
	position:relative;
	background-repeat: no-repeat;
}
#centeredContent.service{
	background-image: url('../images/serviceBackground.jpg');
}
#centeredContent.about{
	background-image: url('../images/aboutBackground.jpg');
}
#centeredContentLeft{
	/*margin-right:218px;
	width:805px;
	height:420px;
	float:left;
	text-align:left;*/
}
#centeredContentRight{
	position: absolute;
	top: 0;
	right: 0;
	height:417px;
}
#footer{
	height:170px;
	background-image:url('../images/footerbg.jpg');
	padding:30px 0 0 10px;
}
.push{
height:170px;	
}
#footer ul.footermenu,
#footer div.footerblock{
	max-width: 140px;
	float: left;
	padding: 0 25px;
	border-right: 1px dashed #818285;
	height: 100px;
	font-family: Verdana;
	font-size: 10px;
	color: #7C7D7F;
	text-align: left;
	line-height: 1.5em;
}
#footer div.footerblock.last{
	border-right:none;	
}
#footer ul.footermenu li.upper{
	text-transform:uppercase;	
}
#footer div.footerblock h3{
	font-size: 10px;
	color: #7C7D7F;
	text-transform:uppercase;	
	margin:0;
	padding:0;
}
#footer .footerMenuColumn{
	float:left;
	margin-left:25px;
	padding-right:25px;
	border-right : 1px dashed #818285;
	height:100px;
	font-family:Verdana;
	font-size:10px;
	color:#7c7d7f;
	text-align: left;
	line-height:1.5em;
}


.rightThumbs{
	position:absolute;
	width:215px;
	height:85px;
	padding-top:16px;
	padding-left:5px;
	cursor :pointer;
	font-family:Verdana;
	font-size:14px;
	color:#272727;
	text-align:left;	
	line-height:1.2em;
}


.rightThumbsHover , .rightThumbs:hover{
	color:#bd1c1c !important;
}

#galleryText{
	float:left;
}

.leftSidebarText{
	color: #BD1C1C;
    font-family: Georgia;
    font-size: 15px;
    line-height: 1.4em;
    text-align: right;
    width: 262px;
	position: relative;
    right: -15px;
	font-style:italic;
}

#productsCenterText{
float: left;
font-family: Verdana;
font-size: 13px;
line-height: 1.5em;
margin: 74px 0 0 36px;
text-align: left;
}
.slim{
	width: 320px;
}
.wide{
left: -19px;
position: relative;
width: 620px;
}
#productsCenterText h2.producthead{
	font-size:18px;
	margin-bottom:15px;
	position: relative;
	top:-61px;
	
}
#aboutCenterText img.brands,
#productsCenterText img.brands{
cursor: pointer;
display: inline-block;
margin: auto auto 58px;
padding-right: 22px;
width: 129px;
}
#aboutCenterText img.brands,
#productsCenterText.lines img.brands{
	cursor:auto;	
}
#productsCenterText div.brand{
	display:none;
}
#productsCenterText div.brand div.item{
	float:left;
	padding:10px;
	width:125px;
	height:180px;
}
#productsCenterText div.brand div.item span.name{
	display: block;
	height: 40px;
	text-align: center;
}
#productsCenterText div.brand.expanded div.item:hover{
	cursor:pointer;
	background:grey;
}
#productsCenterText img#contactmap{
	width: 155px;
	float: right;
}
#productsCenterText div.brand div.item div.productimage{
	text-align:center;	
}
#productsCenterText div.brand div.item div.productimage img{
	width:125px;
	margin-bottom:10px;
}
#aboutCenterText h3,
#productsCenterText h3{
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:10px;
}
#productsCenterText p{
	margin-bottom:10px;	
}
#productsCenterText p strong{
	font-weight:bold;
	text-decoration:underline;
}
a:link {
	color: #808285;
	text-decoration:none;
}
a:visited {
	color: #808285;
	text-decoration:none;
}
a:active,
a:hover {
	color: #a8a9ab;
	text-decoration:none;
}

#menucontainer {
	background-image:url('../images/headerbg.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	height:136px;
	position:relative;
}
#menucontainer a#logohome{
	display: block;
	position: absolute;
	width: 281px;
	height: 75px;
	left: 36px;
	top: 32px;
}
#menucontainer ul{
	float:right;
	margin-top:70px;
	margin-right:15px;
}
#menucontainer ul li.menubutton a{
	color:white;
	width:90px;
	padding-top:12px;
	padding-bottom:13px;
	background-color :#494949;
	margin: 0 3px 0 0;
	display:block;
	text-decoration: none !important;
}
#menucontainer ul li.menubutton a:hover {
	background-color :#bd1c1c;
}

.fix_d{

margin: 74px 0 0 36px;

}