﻿/* START container SELECTORS */
html { overflow: -moz-scrollbars-vertical; }
body { font-family: 'Arial', 'Helvetica', sans-serif; padding: 0px; margin:10px; font-size: 100%; background-image: url(../images/bg.gif); }
form { margin: 0px; padding: 0px }

hr { margin:0px 0px 8px 0px; padding:0px; border-bottom:1px dashed #777; border-top:0px;	border-left:0px; border-right:0px; line-height:0px; height:1px;	display:block; } 
a 				{ color: #003366; text-decoration: none; }
a.udrline { text-decoration: underline; }
a:active 	{ color: #003366; }
a:link 		{ color: #660066; }
a:visited { color: #660066; }
a:hover 	{ text-decoration: underline; }

.container { border-collapse: collapse; border: 0px #E7E7E7 solid; margin: 0px auto 0px auto; width: 930px; }
.container td { padding: 0px; }

.container .banner {padding: 0px; background-color: #FFF; height: 100px }
.container .nav { font: 80% 'Verdana', 'Geneva', sans-serif; font-weight: bold; padding: 0px; margin:0px; background-color:#214e92; text-align: center; white-space: nowrap; border-bottom: 0px #AAAAAA solid; }

#menu ul { margin: 0; padding:3px 15px 0px 15px; list-style:none; vertical-align: bottom }
#menu li { float:left; background:url("../images/tab_left.jpg") no-repeat left top; margin:0px 1px 0px 1px; padding:0 0 0 9px; }
#menu a	{ float:left; background:url("../images/tab_right.jpg") no-repeat right top; padding:3px 25px 4px 16px; text-decoration:none; color:#FFF; vertical-align: bottom; -moz-outline: none; }

#menu #current 	{ background-image:url("../images/tab_left_curr.jpg"); }
#menu #current a	{ background-image:url("../images/tab_right_curr.jpg"); color: #222222; font-weight:bold;}

.container .leftCol		{ font-size: 80%; width:180px; padding: 20px 10px 10px 10px; border:0px; background-color: #FAFAFA; vertical-align:top }
.container .leftCol ul { margin-left: 7px; padding-left:0px; list-style: none; margin-top: 0px; padding-top: 0px }
.container .leftCol li { padding-left: 8px; padding-bottom: 4px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0em .55em;  }
.container .leftCol .header { font-weight: bold;  padding: 2px; margin-bottom: 7px; color: #be0000 }
.container .leftCol #map { margin: 4px 0px 4px 0px }

/* START MIDDLE COL */
.container .middleCol { font-size: 80%; padding: 10px; background-color: #FFF; vertical-align: top; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #AAAAAA; }
.container .middleCol .head { font: 130% 'Verdana', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 14px; margin-top: 6px; margin-left: -4px; padding: 2px 4px 2px 4px; color: #111111; letter-spacing: 0.05em; }
.container .middleCol .features { border-collapse: collapse; margin: 8px 0px 0px 0px }
.container .middleCol .feature { width: 240px; vertical-align:top; padding: 8px 8px 8px 8px; border-width: 0px 1px 1px 1px; border-color: #efefef; border-style: solid; }
.container .middleCol .small { margin-top: 20px; font: 75% 'Arial', 'Geneva', sans-serif }

.container .middleCol .title { color: #25549a; background-color:#efefef; font-weight: bold; padding: 4px; border-width: 1px 1px 0px 1px; border-color: #efefef; border-style: solid;}
.container .middleCol .horzSeparator { width: 8px  }
.container .middleCol .vertSeparator { height: 8px  }

.container .middleCol .services { margin-bottom: 10px }
.container .middleCol .services hr {  margin:12px 0px 12px 0px; padding:0px; border-bottom:1px dashed #E7E7E7; border-top:0px;border-left:0px; border-right:0px; line-height:0px; height:1px;	display:block; } 
 
.container .middleCol .services .subhead { font: 118% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 5px; margin-bottom: 15px; margin-left: -4px; padding: 2px 2px 2px 4px; color: #be0000; border-bottom: 1px solid #be0000; margin-top: 10px; }
 
.container .middleCol .services .offering { font-weight: bold; color: #385894; vertical-align: top; padding-left: 0px }
.container .middleCol .services .price { text-align:right; color: #385894; font-weight: bold; }
.container .middleCol .services .price .subprice { text-align:right; color: #385894; font-size: 80%; font-weight: normal}
.container .middleCol .services .detail { font-size: 90%; color: #222222; padding-left: 0px }

.container .middleCol .aboutus .subhead { font: 118% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 5px; margin-left: -4px; padding: 2px 2px 2px 4px; color: #be0000; border-bottom: 1px solid #be0000; margin-top: 10px;}
.container .middleCol .aboutus .biohead { font: 90% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 20px; margin-left: -4px; padding: 2px 4px 2px 4px; color: #111111; }
.container .middleCol .aboutus .biopic { padding-left: 20px; float: right }

.container .middleCol .news .header { font: 120% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 10px; color: #111111; }
.container .middleCol .news .subhead { font: 90% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 5px; color: #be0000; }

.container .middleCol ul { margin-left: 7px; padding-left:0px; list-style: none; margin-top: 0px; padding-top: 0px }
.container .middleCol ul li { padding-left: 8px; padding-bottom: 4px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0em .55em; }

.container .middleCol .contactus .subhead { font: 100% 'Arial', 'Geneva', sans-serif; font-weight:bold; margin-bottom: 5px; color: #be0000; margin-bottom: 10px;}
.container .middleCol .contactus table { border-collapse: collapse; margin-bottom: 10px}
.container .middleCol .contactus table td { padding: 4px 10px 4px 0px; vertical-align: top }
.container .middleCol .contactus .label { font-weight:bold }

.container .middleCol .contactus table.contactform { border-collapse: collapse; margin:20px auto 0px -2px; background-color: #FAFAFA; border:1px solid #F0F0F0; }
.container .middleCol .contactus table.contactform td { padding: 12px 8px 0px 8px}
.container .middleCol .contactus table.contactform td.fieldname { font: 90% 'Arial', 'Geneva', sans-serif; font-weight:bold; color: #be0000 }
.container .middleCol .contactus .button { margin-bottom:10px; background: #CCCCCC; border-style: outset; border-width: 1px; border-color: #CCCCCC #333333 #333333 #CCCCCC; cursor: pointer; }


.container .rightCol		{ font-size: 80%; width:200px; padding: 20px 0px 0px 0px; border:0px; background-color: #FAFAFA; vertical-align:top }
.container .rightCol .header { font-weight: bold;  padding: 0px 10px 0px 10px;}
.container .rightCol .testimonial { font-size: 85%; font-style: italic; margin: 10px 10px 7px 10px;  }
.container .rightCol .quote { font-size: 95%; font-style: italic; padding: 8px 10px 8px 10px; }
.container .rightCol #housecalls { margin-top: 8px }
.footer		{ border-collapse: collapse; font-size: 65%; width: 900px; margin: 0px auto 0px auto; text-align: center; border-Top: 1px #E7E7E7 solid }
.footer td { padding: 4px; }


#sanramon { margin: 10px auto 0px auto; }
#newloc { font-size: 75% }

.tech { margin-top:8px }

