/* ---------------------------------------------------------------------------------


				** Hewitt heating & alarms ******
				*								*
				*	1. body						*
				*	2.fonts						*
				*	3.container & structure		*
				*	3a.id bar					*
				*	4.classes					*
				*	5.Warning					*
				*	6.login						*
				*	7.Nav bar					*
				*	8.sliding banne				*
				*	9.contact menu				*
				*	10.acces file format		*
				*	11.Read more				*
				*	12. Blog script				*
				*								*
				*********************************
				
				
------Created by Chris Hewitt - Copyright 2012 All rights reserved----------

		Version1 created on 11/03/12.
		Version2 created on 26/10/12. (Fsb added line 475)



--------------------------
*/
/*


/* 1. body -----------------------------------------------------------------------*/



body{
		font-family:Verdana, Geneva, sans-serif;
		font-size:62.5%;
		color:#000;
		background-color:#000;
		}	
		
/* 2.fonts -----------------------------------------------------------------------*/

.font1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		color:#fff;
		text-decoration:none;
		}
.font1 a:link{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		color:#fff;
		text-decoration:none;}
.font1 a:visited{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		color:#181818;
		text-decoration:none;}
.font1 a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
		color:#FF0;
		text-decoration:none;}

.font2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	}
	
.font2a{
	font-family:Arial, Helvetica, sans-serif;
	font:1.1em;
	color:#000;
	
	}

.font3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000;
	text-align:justify;
	}

.font4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#000;
	}

h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.6em;
		color:#000;
		text-decoration:none;
		text-align:center;
		}
		
h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.6em;
		color:#F00;
		text-decoration:none;
		text-align:center;
		}
		
h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.3em;
		color:#000;
		text-decoration:none;
		text-align:left;
		}
		
.testfont1{
		font:"Times New Roman", Times, serif;
		color:#0C0C0C;
		font-style:italic;
		font-size:1.1em;
		}
.testfont2{
	font:Verdana, Geneva, sans-serif;
		color:#000;
		font-style:italic;
		font-size:1.1em;
		font-weight:bold;
		}
		
.mainfont1{
	font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		font-size:1.3em;
		text-align:justify;
		
		}
.mainfont2{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		font-size:1.1em;
		text-align:justify;
		text-decoration:none;
		
		
		}
		
.mainfont4{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		font-size:1.1em;
		text-align:justify;
		text-decoration:none;
		margin-left:25px;
		
		
		}		

.mainfont2, a:visited{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		font-size:1.1em;
		text-align:justify;
		text-decoration:none;
		
		
		}
		
.mainfont2 a:link{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000099;
		font-size:1.1em;
		text-align:justify;
		text-decoration:none;
		
		
		}
.mainfont2 a:hover{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#F00;
		font-size:1.1em;
		text-align:justify;
		text-decoration:none;}
		
.mainfont3{
		font-family:"Times New Roman", Times, serif;
		color:#000;
		font-size:1.6em;
		font-style:italic;
		font-weight:600;
		text-align:center;
		
		}
		
.label,a, body 
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}



/* 3.container & structure index page	------------------------------------------------------*/

#topdiv{
		width:980px;
		height:30px;
		margin-left:auto;
		margin-right:auto;
		}

#topbar{
		width:100%;
		height:15px;
		margin-top:-8px;
		background-color:#181818;
		padding-top:10px;
		padding-bottom:5px;
		}
		
#bgcontainer{
	width:980px;
	height:420px;
	background-image:url(../images/welcomebg.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-top:110px;
	}

#logocontainers{
		width:980px;
		height:380px;
		
		}
		
#familybanner{
	width:980px;
	height:40px;
	background-image:url(../images/banner.png);
	background-repeat:no-repeat;
	}
	
#copyright{
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	
	}
	
#social{
	width:980px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:#181818;
	margin-top:15px;
	padding-top:10px;
	
	}

/* main website ---------------------------------------------------------------------*/	


#bg{
	position:relative;
	width:980px;
	height:630px;
	background-image:url(../images/dadbg.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:-160px;
	z-index:1;
	
	
	}
	
#maincontainer{
	position:relative;
	width:945px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-590px;
	z-index:2;
	}
	
#stickerpanel{
		position:relative;
		width:980px;
		height:140px;
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;
		z-index:500;
		}
		
#sticker{
	position:absolute;
		width:140px;
		height:140px;
		margin-left:840px;
		}
		
		
#textcon{
		width:745px;
		height:auto;
		overflow:auto;
		margin-left:10px;
		margin-bottom:20px;
		padding:10px;
		background-image:url(../images/conbg.png);
		background-repeat:repeat-y;
		border:#fff;
		border-style:solid;
		border-width:1px;
		float:right;}


#mainbanner{
		width:744px;
		height:198px;
		background-color:#000;
		margin-left:auto;
		margin-right:auto;
		}

#date_time{
		width:744px;
		height:25px;
		background-color:#000;
		}

#banner{
		width:744px;
		height:170px;
		
		}
#navbar{
		width:744px;
		height:25px;
		}
#mainarea{
		width:745px;
		height:auto;
		overflow:auto;
		margin-top:10px;
	
		}
		
#left_panel{
		width:480px;
		height:auto;
		margin-right:10px;
		float:left;
		}
		
#right_panel{
		width:255px;
		height:auto;
		float:left;
		}

#maintext{
		width:468px;
		height:auto;
		overflow:auto;
		
		}
		
#gallery{
		width:448px;
		height:auto;
		overflow:auto;
		background-color:#000;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		}
		
#instagram_header{
		width:448px;
		height:60px;
		background-image:url(../images/insta_header.png);
		background-repeat:no-repeat;
		}
		
		
	
#infobar{
		width:734px;
		height:auto;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding:5px;
		background-color:#000;
		float:right;
		}
		

#twitter_feed{
		width:243px;
		height:250px;
		overflow:auto;
		padding:5px;
		border:#000;
		border-style:solid;
		border-width:1px;
		background-color:#FFF;
		float:right;
		
		}
		
#likebar{
		width:135px;
		height:130px;
		background-color:#000;
		margin-bottom:10px;
		}
		


		
		
/* 3a.id bar -----------------------------------------------------------------------*/
	
#idbar{
		width:145px;
		height:auto;
		padding:10px;
		background-color:#D2D2D2;
		border:#fff;
		border-style:solid;
		border-width:1px;
		float:left;}

#mainlogo{
	width:145px;
	height:145px;
	background-image:url(../images/dadlogo.png);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}

	



#switch{
		width:145px;
		height:60px;
		}
		
#gas_safe{
		width:145px;
		height:35px;
		background-color:#000;
		margin-bottom:10px;
		}
		
#partp{
		width:145px;
		height:65px;
		margin-top:10px;
		background-color:#fff;
		background-image:url(../images/partp.png);
		margin-bottom:10px;}
		
#fsb{
		width:145px;
		height:65px;
		margin-top:10px;
		background-color:#fff;
		background-image:url(../images/fsb.png);
		margin-bottom:10px;}
#ccard{
		width:157px;
		height:32px;
		overflow:auto;
		margin-top:110px;
		margin-bottom:10px;
		}
		
#govoffer{
		width:145px;
		height:60px;
		background-color:#999;
		margin-bottom:10px;
		}
		
#contact_form{
		width:240px;
		height:auto;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		background-color:#666;
		}
		
		
#social_panel{
		width:135px;
		height:auto;
		overflow:auto;
		background-color:#000;
		margin-top:7px;
		padding:5px;
		}
		
.socialcells{
		width:135px;
		height:20px;
		background-color:#666;
		float:left;
		margin-bottom:5px;
		}
.socialcell2{
		width:135px;
		height:20px;
		background-color:#666;
		float:left;
		}
		
		
		
		
		


		


		

		

	


/* 4.classes ---------------------------------------------------------------------*/
.date_time{
		width:358px;
		height:11px;
		
		padding:7px;
		}
		
.left_panels{
		width:468px;
		height:auto;
		overflow:auto;
		padding:5px;
		border:#000;
		border-style:solid;
		border-width:1px;
		background-color:#FFF;
		float:left;
		
		}
		
.external_panel{
		width:243px;
		height:auto;
		overflow:auto;
		padding:5px;
		border:#000;
		margin-top:10px;
		border-style:solid;
		border-width:1px;
		background-color:#000;
		float:left;
		padding-bottom:0px;
		
		}
		
.testimonials{
		width:440px;
		height:auto;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		padding:10px;
		padding-bottom:0px;
		border:#000;
		border-style:solid;
		border-width:1px;
		margin-bottom:10px;
		}

.testimonials_info{
		width:440px;
		height:auto;
		overflow:auto;
		margin-top:5px;
		margin-bottom:5px;
		}
		
.testimonials_cells{
		width:220px;
		height:auto;
		overflow:auto;
		float:left;
		}
.right_panels{
		width:243px;
		height:auto;
		overflow:auto;
		padding:5px;
		border:#000;
		border-style:solid;
		border-width:1px;
		background-color:#FFF;
		float:right;
		margin-bottom:10px;
		}
		

.pdf_links{
		width:240px;
		height:30px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
		}
.pdf_links2{
		width:240px;
		height:30px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		}
.adobe_links{
		width:240px;
		height:40px;
		margin-left:auto;
		margin-right:auto;
		margin-top:-3px;
		}
.pdf_line{
		width:220px;
		height:auto;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:-8px;
		}
		

.left_panels_spacer{
		width:480px;
		height:10px;
		overflow:auto;
		
		float:left;
		
		}

.address_panel1{
		width:145px;
		height:auto;
		overflow:auto;
		padding-top:0px;
		margin-bottom:10px;
		}
		
.address_panel2{
		width:145px;
		height:auto;
		overflow:auto;
		margin-top:0px;
		}
.ccardheader{
		width:138px;
		height:auto;
		overflow:auto;
		background-color:#666;
		}

		
.gallerycell1{
		width:142px;
		height:75px;
		background-color:#CCC;
		margin-bottom:10px;
		margin-right:10px;
		float:left;
		}
.gallerycell2{
		width:142px;
		height:75px;
		background-color:#CCC;
		margin-bottom:10px;
		float:left;
		
		}
.ccardcells{
		width:45px;
		height:30px;
		margin-right:5px;
		float:left;
		}
.topclass{
		width:490px;
		height:30px;
		margin-top:-10px;
		float:left;
		}
		
.topleftclass{
		width:790px;
		height:auto;
		margin-top:10px;}
		
.copyright{
		width:490px;
		height:auto;
		float:left;
		}
		
.copyright2{
		width:362px;
		height:auto;
		float:left;
		}
		
.logocell{
		width:490px;
		height:380px;
		float:left;
		}


.exteralcells{
		width:77px;
		height:30px;
		margin-left:6px;
		margin-bottom:5px;
		background-color:#CCC;
		float:right;}
		
.exteralcell2{
		width:77px;
		height:30px;
		margin-bottom:5px;
		background-color:#fCC;
		float:right;}

.contact_social{
	width:233px;
	height:auto;
	overflow:auto;
	padding:5px;
	border:#000;
	border-style:solid;
	border-width:1px;
	float:right;
	margin-bottom:10px;
	background-color:#FFF;
	}
	
.twitter_feed{
	width:220px;
	height:350px;
	overflow:auto;
	padding:5px;
	margin-bottom:10px;
	background-color:#ccc;
	}
	
.testimonals{
		width:448px;
		height:auto;
		padding:5px;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		background-color:#000;
		}
		
.testimonals2{
		width:448px;
		height:auto;
		padding:5px;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		background-color:#000;
		}

/* 5.Warning----------------------------------------------------------------------*/

#warning_notice{
	width:700px;
	height:auto;
	overflow:auto;
	margin-left:0px;
	margin-top:0px;
	float:left;}

#javascript-warning, #old-ie-warning {
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:0px;
	}
	
#javascript-warning {
	background-color: #FF0000;
	width:650px;
	}
	
#old-ie-warning {
	background-color: #FFC58A;
	color: #660000;
	}


/* 6.login	-----------------------------------------------------------------------*/

/* 7.Nav bar -----------------------------------------------------------------------*/

#menu-bar {
	position:absolute;
		padding-bottom: 10px;
		margin-top:-3px;
		background: #000000;
		
		width: 744px;
		z-index:25;
		}

	/* Menu bar items */
	#menu {
		position:absolute;
		color: #FFFF00;
		}
	#menu ul:hover .top {
		background-color:#FF0;
		}
	#menu ul .top a {
		color: #FFFF00;
		text-decoration: none;
		display: block;
		}
	#menu ul {
		width: 120px;
		height:26px;
		float: left;
		margin: 0px;
		padding: 2px;
		list-style: none;
		}

	/* Drop down menus */
	#menu ul .item {
		display: none;
		margin-left:-2px;
		}
	#menu ul:hover .item {
		display: block;
		background: #000000;
		padding:2px;
		width:120px;
		}
	#menu ul:hover .item a {
		color: #ffffff;
		text-decoration: none;
		display: block;
		}
	#menu ul:hover .item a:hover {
		color: #000000;
		background-color:#999999;
		width:120px;
		}
.clear{
	height:13px;
	}
	
/* 8.sliding banner----------------------------------------------------------------------*/
	
	
#sliderFrame {position:relative;width:744px; height:203; margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

        
#slider {
    width:744px;height:170px;/* Make it the same size as your images */
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */

}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}




/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

/* 9.contact menu ------------------------------------------------------------------*/

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black;

width:240px;/*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}
.internal_panel{
	width:230px;
	height:auto;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:50px;
	}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right:3px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black;
width:240px;
height:30px;/*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;

padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

/* 10.acces file format ----------------------------------------------------------*/

.filelink{
		width:103px;
		height:60px;
		float:left;
		margin-right:12px;
		margin-bottom:10px;
		}
.filelink2{
		width:103px;
		height:60px;
		float:left;
		
		}
/* 11.Read more ----------------------------------------------------------*/		
		
   #wrap {
      width: 95%;	
      padding: 1em;
  		}


   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      }
   a.hideLink {
      }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }
	  
/* 12. Blog script ----------------------------------------------------------*/		  
	  
a {
	color:#006699;
}
h2 {
	font-weight:normal;
	color:#666666;
	font-size:1.4em;
}
p {
	margin-bottom:10px;
	line-height:1.6em;
}
div.wrapper {
	width:100%;
	padding:5px;
	margin:50px auto 10px auto;
}
div.post {
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:7px;
	margin:10px 0;
}
span.date {
	color:#666666;
	font-size:0.7em;
	text-transform:uppercase;
}

div.navigation p a {
	font-size:1.2em;
}
div.navigation p.previous-link {
	width:48%;
	float:left;
	text-align:left;
}
div.navigation p.next-link {
	width:48%;
	float:right;
	text-align:right;
}
div.post-content {
	padding-top:4px;
}
div.clear { 
	clear:both;
}
div.footer p {
	padding-top:10px;
	color:#999999;
	font-size:0.9em;
	text-align:center;
}
div.footer p a {
	color:#999999;
}
-->