/* colors
red: 662222
green: 224422
669977 
88bb99
CCDDCC 
gold: eebb00 , fbae18
orange: ee7744

*/


body { margin:0; text-align:center;}
#container { height:auto  } 

#container { 
margin:0; padding:0; 
height:auto;

text-align:center;
background-color:#fff; 
border:none;
}


h3 {font-size:18px;  letter-spacing:0em;}


/* ::::::::::::::: Hide these    :::::::::::: */
.hide-phone-pad {display:none}
.hide-phone {display:none}
#remoteAssistance  {display:none}
.graphic-bottom {display:none}
/* .graphic-bottom-hp {display:none} */






/* ::::::::::::::: Name    :::::::::::: */

/* Logo  */

.logo {
float:none;
margin:0px; 
padding:5%; 
width:90%; 
background-color: #248;
text-align: left;
}

.logo img {
float:left;
position:relative;top:0px;left:0px;
margin:0 0px 60px 0px;
height:70px;width:70px;
border:solid 4px #fff;
margin: 5px; 
}

.name-VTH {
position:relative;top:0px;left:10px;
color:#224488;
font:bold 38px helvetica, arial;
letter-spacing: 0em;
margin-top:20px;
}

.tagline-VTH {
position:relative;top:0px;left:5px;
font:400 18px helvetica, arial; 
letter-spacing: .0em;
color:#aa2244;
}


.phone-top { text-align: center }

#remoteAssistance /* see hide these */

/* ::::::::::::::: Banner    :::::::::::: */

#banner {height: auto; margin:0; padding:0; position:relative;}

/* ::::::::::::::: Call James    :::::::::::: */

.phone-top, .phone-top a {  font-size:38px; font-weight:bold; text-align: center}
.callbetween {display:block}

.locations {display:none; margin-bottom: 0; padding-bottom:0}



/* ::::::::::::::: Navigation area   :::::::::::: */

#container-nav {
position:relative; left: 0; top:0;
clear:both;
float:left; 
width:100%; height:auto;
padding:0; margin:0 0 0 0;
	background-color: #fff; 
	border: none 1px #000;
	text-align:center;
	
z-index:100; 
}


#container-nav ul { margin-left: -20px }



#container-nav a { 
top:0;

padding:5px; margin:1px;
width:130px; height:auto; 
	text-decoration: none; font-size: 1em;
	font-weight:bold; text-align:center; 
	background-color:#6677bb;
	border:none 1px #698;
	z-index:100;
}


#container-nav a:active, #container-nav a:hover { 
color:#fff;
}

a.services:link, a.services:visited {
display:block; 
padding:5px; margin:1px;
background-color:#6677bb;
color: #fff;
font-size: 1em;
text-decoration: none;
text-transform:uppercase;
z-index:100;
}

a.services:hover { color: #eebb00; }


}



/* ::::::::::::::: Content area GENERAL  :::::::::::: */

 #content  {
top: 0; background-color: #fff;
float:none; clear:both; 
width:100%; 
height:auto; min-height:500px;
padding-bottom: 30px;

}

#blocks {
position:relative; top: 20px;
text-align:center;
width:100%;
height:auto;
border:none 1px #f00;
margin:0; padding:0; margin-bottom: 20px;
z-index:100;

}

#content.hp { min-height:450px; }
#content.help { min-height:1050px; }

#blocks.two h2 {height: auto; min-height: 1px }
.graphic-bottom-hp { position:relative;top: 40px; }

/* :::::::::::::::: 3- block setup  ::::::::::::::  */
.block1, .block2, .block3 {
position:relative;left:0px;
height:auto;
width:90%;
margin-left: 0px; 
color: #555;
padding:2%;
line-height:1.5;
}

.block1 h2, .block2 h2, .block3 h2 {
color:#67b; font: bold 14px helvetica;}

.block1 h2 { color:#a92d28;}
.block2 h2 { color:#39469b;}
.block3 h2 { color:#33aa66;}

.block1 {border-right:none 1px #aa2d29; }
.block2{margin:10px; }
.block3 {border-right:none 1px #ddd;}






/* ::::::::::::: 2-block setup :::::::::::::::: */

#block-main { 
position:relative; top:0;
float:none; clear:both;
width: 90%; 
height:auto; min-height:50px;
margin:2%; padding: 2%;
background-color:transparent;text-align:left;
font: normal 14px helvetica, arial, sans-serif; color: #888;
overflow:visible;
z-index:100;
}

#block-main  h1 { color:#67b; letter-spacing:.01em; margin-bottom:10px;font-size:14px}
#block-main  h2  { color:#a24; font-size: 24px; letter-spacing:0em; font-weight: bold; margin-bottom:20px;} 
#block-main  p, #block-main  ul {text-align:left; font-size:12px; line-height:1.8; letter-spacing:0em; margin:0; padding: 0 }

#block-main ul li {margin-left:20px; font-size:14px; line-height: 1.8}


#block-sidebar { 
position:relative; top:0px;
float:none; clear:both;
width: 90%; height:auto; min-height:50px;
margin:2%; 
padding:2% 2% 20px 2%;
	border:none 3px #000;
	border-radius: 0px; -webkit-border-radius: 0px;
}

#block-sidebar h1 { font-weight:normal;}
#block-sidebar h2 { 
margin-top:20px;
color:#eebb00;
font: 600 20px helvetica, arial, sans-serif;
letter-spacing:0; 
}

#block-sidebar ul li { 
text-align:left;
color:#fff;
font: 200 14px helvetica, arial, sans-serif;
line-height:1.6;

}



/* :::::::::::::::: Contact us ::::::::::::::  */

.block3.contactus, .block3.emailus {
width: 100%; height: auto;
background-color:#fff; height:auto; }

#content.contactus {
position:relative; top:0;
width:100%; height:auto;
border:none 6px #f00;
}




#block-sidebar.contactus, #block-main.contactus {
float: none; 
width: 90%;
height:500px; min-height: 40px;
text-align:left; 
margin:2%; padding: 10px 2%; 
	border:solid 2px #eebb00;
	overflow: hidden;
}


#block-sidebar.contactus  img { text-align:center }

.phoneno, .phoneno a {text-align: center; font-size:30px; color:#000}



/* :::::::::::::::: Help ::::::::::::::  */

#content.help {line-height:1.2 }

.help-item {padding:5px;border:none; width: 90%;}
.help-item li { 
list-style-type: square; 
margin-bottom:2px;
line-height:1.2;color:#444;font-size:13px; 
}

/* This is the hidden panel controlled by jQuery.  */

.help-a-full1, .help-a-full2, .help-a-full3, .help-a-full4 {
display:none;
position:relative; top:0; left:0%;
height:auto;width:90%;
background-color:#fff;
padding:3%;
font-size:14px; line-height:1.2;
z-index:100;
border: solid 8px #eebb00;
border-radius: 25px; -webkit-border-radius: 25px;
}

#content.help h2.q {color:#dd7700;line-height:1.2;margin:10px 0 10px 0; }
#content.help h2 {margin-top:5px}



/* :::::::::::::::: Newsletter page ::::::::::::::  */
#container.newsletterpage #block-sidebar {width: 90% }
#container.newsletterpage #block-main {width: 90% }


/* :::::::::::::::: Remote ::::::::::::::  */
#block-main.remote { width: 100%; float: none; padding: 10px; margin-left:10px; }
#block-sidebar.remote { width: 100%; min-width: 250px; max-width: 600px; float: none; padding: 10px; }

#block-sidebar.remote table td {height: 50px; }
#block-sidebar.remote table th {font: normal 16px arial, sans-serif }



/* :::::::::::::::: Footers ::::::::::::::  */

#footers { font-size: 11px }

#footer1 img {height:20px; width: auto; border: solid 2px #669977; border-radius: 5px;} 
#footer3 {font-size: 11px; }
#footer3.name {font-size: 11px; text-transform:uppercase; letter-spacing:.2em}

#footer3 a {font-size:11px }

#footer3 b { text-transform:uppercase; }

#footer2 img {
width: 33px; height: 33px; margin-right:2px;  
/* box-shadow: 3px 3px  5px #888888; */
}