/* General styles */
    body {
       
		margin: 0;/*this sets where page starts from top* was 0em auto*/
        padding:0;
       border: solid 1px #000000;	/* This removes the border around the viewport in old versions of IE */
        position: relative;
		font: 15px tahoma, arial, hevetica, sans-serif;
	    color: #333;
        margin-left: auto;
        margin-right: auto;


		width:900px;
       
        min-width:600px;    /* Minimum width of layout - remove line if not required background:url(/images/ltgreen.jpg) ; */
		
		background:#fff;/*#699d21 url(/images/gradientbg1.gif);*/	
		background-repeat: repeat-x;
					/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	/*navagation link colors*/
a:link { color: #B52C07; }
a:visited { color: #600; }

a:hover, a:active
{
	color: #fff;
	background-color: #9DACBF;
	right: auto;
}
    
	h1
{
	/*hi*/
	color: #B52C07;
	font: 175% tahoma, times, "times new roman", serif;
	font-weight: roman, crisp;
	text-align:center; 
}

h2
{
	/*change main heading color and font here*/
	color: #000099;
	font: 120% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
	/*change sub-heading color and font here*/
	color: #000099;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}
	
	/*h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }*/
    p {
        margin:.4em 0 .8em 0;
        padding:0;
        line-height: 140%; /* distance text spreads */
	font: 16px tahoma, arial, hevetica, sans-serif; /* was set to 13px*/
	    color: #555555;
	}
	
	/* This would control spacing around images including banner -it's off now
	img {
		margin:10px 0 5px;
	}  */
	
	/* Header styles */
    #header
{
	
	height: 190px; /* Banner is 150 Added 40px for phone div - 254 for new Karner banner */
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px solid #FFF; /* I set the border to white so you don't see it*/
	position: relative;
	border: 1px none FFF;
	border-bottom: 1px solid #FFF; /*This is the top slim border above the spacer below also set it to white so you don't see it*/
    	
}
    
	#topspacer
{
	/*Backround color under top banner (small strip)*/
	background-color:#FFF;
	color: #FFF;
	padding: 1px 0;
	margin-bottom: 25px; /* will control where the page starts below banner adjusted for top nav*/
	}
	
	/*this controls div for h1 page title*/
#heading
{
	height: 100%; /* was 50px had problem with lower border */
	width: 100%;
	
	border-bottom: 1px solid #A4D4B0;
}
	
#header h1 /*set font and color of h1 headings*/
{
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}	
	
#topnav /* nav under banner*/
{
	clear: both;
	color: #272900;
	text-align:center; /*controls placement of text*/
	font-size: 75%;
	background-color: white;	
    border-top :1px solid #FFF; /* made this white so you don't see it*/
    padding:0;
        margin:0;
}			
	
	
	/*
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	} */
	
	.smredfont
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	font-weight: bold;
}

.lgpurple
{
	/*h2 size purple*/
	color: #660066;
	font: 120% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.lggn
{
	/*h2 size green*/
	color: #00A54E;
	font: 120% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.smred
{
	/*same as normal text size*/
	color: #B52C07;
	font: 15px tahoma, arial, hevetica, sans-serif;
	
	margin-top: 0;
}
.medred
{
	/*h3 size red*/
	color: #B52C07;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.medgn
{
	/*h3 size green*/
	color: #00A54E;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

.bluefont
{
	/*This is h3 size for beginning of paragraf*/
	color: #000099;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}

.bluefontnav
{
	/*This is h3 size for beginning of paragraf*/
	color: #000099;
	font: 95% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}


.blackfontfancy
{
	/*This is for service words text*/
	color: #000000;
	font: 106% Monotype Corsiva, times, "times new roman", serif;

	margin-top: 0;
}

.gnfontfancy
{
	/*This is for service words text*/
	color: #006600;
	font: 126% Monotype Corsiva, times, "times new roman", serif;

	margin-top: 0;
}

.purplefont
{
	/*This is h3 size for beginning of paragraf(color was 6600CC)*/
	color: #660066;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}

.smpurple
{
	/*same as normal text size(color was 6600CC)*/
	color: #660066;
	font: 15px tahoma, arial, hevetica, sans-serif;
	
	margin-top: 0;
}

.redfont
{
	/*This is h3 size red font*/
	color: #FF0000;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}

.smp
{
	/*small p for sales page*/
	margin:.4em 0 .8em 0;
        padding:0;
        
		font: 12px tahoma, arial, hevetica, sans-serif;
	    color: #333;
}	

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:900px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#fff;    	/* Right column background color */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Center column background color */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background color */
    }
     
 
	
	
	
	.holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    
	
	
	
	
	
	.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* <change this one> Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
.ltblue {font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0080C0;}

#subfooter
{
	clear: both;
	color: #272900;
	text-align:center; /*controls placement of text*/
	font-size: 90%;
	background-color: white;	
    border-top :1px solid #000;
    padding:5px;
        margin:0;
}

#footerdis
{
	clear: both;
	color: #272900;
	text-align:center; /*controls placement of text*/
	font-size: 10px;
	background-color: white;	
    border-top :1px solid #000;
    padding:5px;
        margin:0;
}

	#footer
{
	clear: both;
	color: #272900;
	text-align:center; /*controls placement of text*/
	font-size: 90%;
	background-color: #009933;	
    border-top:1px solid #000;
    padding:5px;
        margin:0;
}
	
/* my menu layout */
	
	.glossymenu{
list-style-type: none;
margin: 4px 0 ;
padding: 0;
width: 155px;
border: 1px solid #9DB6C8;
border-bottom-width: 1;
}

.glossymenu li a{
background: white url(/images/menu2.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 155px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
color: #ED1100; 
}
	.menu4 {
	font-family:    Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #FFFFFF; 
	line-height:18px; 
	text-decoration:underline; 
	font-weight:bold;
}

.menu4:hover {
	font-family:   Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #ED1100; 
	line-height:18px; 
	text-decoration:underline; 
	font-weight:bold;
}	
     
.navtitleheading 
{
font: 11px tahoma, arial, hevetica, sans-serif; 
	    color: #555555;
font-style: italic;		
display: block;
width: auto;
padding: 5px 0;
text-decoration: none;

}	
	
	#glossyh1 {
background: white url(/images/footer.gif);

color: #000080;
display: block;
width: auto;

text-decoration: none;

}
	
.call{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
    color: #003b12;
	margin-right:10px;
}	
	
.testimonials{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
    color: #003b12;
	margin-right:10px;
}		
	/* Footer styles */
	/*#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
   
    #footer p {
        padding:10px;
        margin:0;
    } */