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

*/






/* ::::::::::::::::::::::: Site-wide ::::::::::::::::::::::: */

body {
margin:0px;
text-align:center;
}

/* h2 {
margin:0;padding:0; 
font: 200 28px  helvetica, arial, sans-serif; letter-spacing:0;
}


h3 {font: 400 22px helvetica, arial, sans-serif; letter-spacing:0em;}
*/


/* ::::::::::::::::::::::: hide ::::::::::::::::::::::: */
.hide-phone-pad {display:none}
.hide-pad {display:none}

/* ::::::::::::::::::::::: container ::::::::::::::::::::::: */

#container { padding:0 }


/* ::::::::::::::::::::::: calljames  line ::::::::::::::::::::::: */

#calljames  {
height: auto; width:50%;
padding:10px 10px 3px 20px;
margin:0; padding-bottom:20px;
	font: 800 18px 'century gothic', verdana;
}

.phoneno { display:block; font-size:14px;font-weight:bold;}

span.callbetween {display:block}

#remoteAssistance  {display:inline} /* will not work on a pad or phone, as far as we know */


/* ::::::::::::::::::::::: banner  ::::::::::::::::::::::: */

#banner { height:auto; padding-bottom: 0;  }
.logo { width: 90% }
.locations {display:none}



/* ::::::::::::::::::::::: navigation  ::::::::::::::::::::::: */

#container-nav { width: 100%; padding-left:0; background-color: #67b }

a.services:link, A.services:visited  { 
padding:0; margin:6px 5px 10px 5px;
font-size:13px; padding-right:1%; 
color: #fff;
}

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


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


#content  {
top: 0; padding:0 ; 
height:auto; min-height:600px;}

#blocks {top:0px; width:100%; max-width: 800px; min-width: 500px;} 

#blocks h2 { font-size:14px;font-weight:bold; }



.block1, .block2, .block3 {
position:relative;left:10px;
width:100%;
float: none; 
margin-left:5px; 
height: auto; 
}


#block-main ul li { 
text-align:left; 
font-weight:normal; font-size: 16px; 
line-height:1.8; margin-left:0; }

#block-main ul { margin-left:0; }
#block-main  li { margin-bottom:0; }

#block-sidebar {
margin:0px; margin-top: 0px;
width: 80%;
padding: 20px 10%;
}

#block-sidebar ul li { margin-left: 30px }

#block-main h2 { font-weight: 200; font-size:30px;  text-transform:none; letter-spacing:0em;}

#block-sidebar p { color:#fff; font-size: 13px; text-align:left;  margin-top:10px; padding-top:0px; padding-bottom:15px;}






/* ::::::::::::::: Interior Content   :::::::::::: */

#blocks.two {
position:relative; top:0px;
display:block;
clear:both;
text-align:center;
width:100%; max-width:800px; min-width: 500px;
height:auto;
border:none 1px #f00;
margin-left:0;
z-index:100;
}

#blocks.two #block-main {
width: 80%;
padding: 10%; margin: 10px;
margin-top: 20px;
}

#block-main.residential p { 
font-size: 18px 
}


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


.block3.contactus, .block3.emailus {
width: 100%; height: auto; scroll: none}

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

#content.contactus h2 {
margin-top:20px; margin-bottom:15px;
font: 200 30px helvetica, arial, sans-serif;
letter-spacing:.05em;
text-transform:none;
}

#block-main.contactus, #block-sidebar.contactus {
float:left; 
height:500px;
margin-top:20px; margin-left:10px;
padding:10px;
	border-radius: 25px; -webkit-border-radius: 25px;
	background-color:#fff;
	text-align:center;
z-index:100;
}

#block-sidebar.contactus {width: 30% }
#block-main.contactus  {width: 50%; min-width: 400px }

#block-sidebar.contactus  p, #block-main.contactus {
font-size: 16px;
text-align:left;
line-height: 1.6;
color: #888;
}

.phoneno {font-size:24px; color:#000}

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



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





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

/* ::::::::::::::: Remote login page :::::::::::: */
 
#block-main.remote { max-width: 280px; margin-right:20px }
#block-sidebar.remote { max-width: 350px }
#block-sidebar.remote table td {height: 50px; }
#block-sidebar.remote table th {font: normal 14px arial, sans-serif }


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