﻿body {font-family: arial; font-size: small; margin: 10px; background: #d9d9d9; text-align: center;}

* {padding: 0; margin: 0}
h2 {margin: 5px 0 5px 0;}
h3 {margin: 2px 0 2px 0; font-size: 105%;}
img {border: 0;}

.clearMe {clear: both; font-size: 0; height: 1px;}

#jContainer {width: 818px; border: 1px solid black; margin: 0 auto; text-align: left; background: white;}

#jTop {border-top: 12px solid #d40530;}
#jTop .header {height: 160px; background: url('../images/template/computer_repair_santa_cruz_header.jpg') no-repeat center top;
}
#jTop .nav {margin: 0 0 0 21px; text-align: center; position: relative; top: 120px; float: left; background: url(../images/template/nav_back.gif) right center no-repeat;}
* html #jTop .nav {margin: 0 0 0 12px;}
#jTop .nav td {border-right: 1px solid #adadae; height: 30px;}
#jTop .nav td.first {background: url(../images/template/nav_side.gif) left center no-repeat;}
#jTop .nav a {display: block; margin: 0px 0 0 0; text-decoration: none; color: #5e5e5e; font-size: 14px; font-weight: normal; padding: 0 10px 0 10px;}
#jTop .nav a:hover {color: #d55;}
#jTop .oscNav {position: relative; float: right; top: 157px; font-size: 11px; left: -50px;}
#jTop .oscNav a {text-decoration: none; color: blue;}
#jTop .oscNav a:hover {text-decoration: underline;}

#jMain {background: url(../images/template/dotted.gif) 181px repeat-y; margin: 5px 0 0 0;}
#jMain .main_container {background: url(../images/template/dotted.gif) 685px repeat-y; min-height: 465px;}
* html #jMain .main_container {height: 465px;}

#jMain .main_container .side {float: left; width: 180px; text-align: right; padding: 20px 0 0 0;}
#jMain .main_container .side .container {padding: 0 21px 0 0;}
#jMain .main_container .side .nav {padding: 0 10px 0 0; margin: 0 0 60px 0;}
#jMain .main_container .side .nav a {display: block; text-decoration: none; color: #7f7f7f; font-weight: bold; letter-spacing: .02em; padding: 0 26px 0 0; background: url(../images/template/side_a.gif) right center no-repeat;}
#jMain .main_container .side .nav a:hover {color: #444;}
#jMain .main_container .side .nav a.selected {background: url(../images/template/side_a_sel.gif) right center no-repeat;}
#jMain .main_container .main_text {float: right; width: 635px;}
#jMain .main_container .main_text .text {float: left; width: 504px;}
#jMain .main_container .main_text .text .container {padding: 5px 25px 0 25px; letter-spacing: .02em;}
#jMain .main_container .main_text .side {float: right; width: 131px; padding: 0; text-align: center;}
#jMain .main_container .main_text .side a {font-weight: normal; color: red; text-decoration: none;}
#jMain .main_container .main_text .side a:hover {text-decoration: underline;}
#jMain .main_container .main_text .side p {margin: 0 auto; font-weight: bold; color: black;}
#jMain .main_container .main_text .side hr {margin: 10px 0 10px 0; height: 1px; border: 0; background: #adadae;}
#jMain .main_container .main_text .side .container {padding: 0 0 0 0; margin: 0 auto; width: 99px; font-size: 12px;}

#jBottom {margin: 10px 0 0 0; text-align: center; background: #ebebeb; padding: 4px 0 0 0; color: #d40530; font-weight: bold;}
#jBottom .footer table {width: 100%; background: black; margin: 4px 0 0 0;}
#jBottom .footer table td, #jBottom .footer table td a {text-align: center; color: white; text-decoration: none;}
#jBottom .footer table td a:hover {text-decoration: underline;}
#jBottom .footer table .bottom td {color: #d40530; font-size: 26px;}

.main_text {color: #7f7f7f; font-size: 11px; letter-spacing: .02em;}
.main_text h2 {font-size: 110%; font-weight: bold; color: #d40530;}
.main_text ul {margin: 10px 0 10px 30px;}


