
/* Bay Area Chiropractic Layout Stylesheet */ 

body{
 padding:0;
 margin: 0;
 background: #ffffff;
 color: #ffffff} 
 
a:link {
 color: blue; 
 text-decoration: none;
 background:#ffffff}

a:visited {
color:purple; 
text-decoration: none;
background:#ffffff}

a:active {
color: #333333;
text-decoration: none;
background:#ffffff} 

a:hover {
color: red;
text-decoration: none;
background:#ffffff}

.lborder {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px solid #333333;
 height: 1214px;
 width: 107px;
 z-index: 1}
 
.rborder {
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0px solid #333333;
 height: 1214px;
 width: 111px;
 z-index: 1}
 
.tlborder {
 position: absolute;
 top: 0px;
 left: 107px;
 border: 0px solid #333333;
 height: 189px;
 width: 532px;
 z-index: 1}
 
.trborder {
 position: absolute;
 top: 0px;
 right: 107px;
 border: 0px solid #333333;
 height: 189px;
 width: 532px;
 z-index: 1}

.blborder {
 position: absolute;
 top: 1156px;
 left: 107px;
 border: 0px solid #333333;
 height: 58px;
 width: 532px;
 z-index: 1}

.brborder {
 position: absolute;
 top: 1156px;
 right: 107px;
 border: 0px solid #333333;
 height: 58px;
 width: 532px;
 z-index: 1}
 
.company {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 475px;
 height: 64px;
 top: 37px;
 display: block;
 z-index: 3}
 
.address {
 position: relative;
 text-align: center;
 top: 15px;
 display: block;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: bold;
 font-size: 12pt;
 color: #ffffff;
 z-index: 3}
 
.left {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 1px solid #333333;
 height: 1000px;
 width: 260px;
 z-index: 1}
 
.topleft {
 position: absolute;
 top: 0px;
 left: 150px;
 border: 1px solid #333333;
 height: 154px;
 width: 600px;
 z-index: 1}
  
.topright {
 position: absolute;
 top: 0px;
 right: 0px;
 border: 1px solid #333333;
 height: 154px;
 width: 600px;
 z-index: 1}
 
#c-col {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 20px;
 border: 1px solid #333;
 height: 980px;
 width: 37%;
 z-index: 9}
 
#c-col-spine {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 36px;
 border-left: 1px solid pink;
 border-right: 1px solid pink;
 height: 947px;
 width: 30%;
 z-index: 3}
 
#col-1 {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 top: 28px;
 border: 0px solid #333333;
 height: 20%;
 width: 37%;
 z-index: 3}
 
#col-2 {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 39px;
 border: 0px solid #ffcccc;
 height: 340px;
 width: 36%;
 z-index: 99}
 
#col-3 {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 42px;
 border: 0px solid #ffcccc;
 height: 125px;
 width: 36%;
 background: #ffffff;
 z-index: 5}
 
#group-ctr {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 0px;
 height: 109px;
 width: 200px;
 background: #ffffff;
 z-index: 5}
 
#r-col {
 position: absolute;
 right: 65px;
 top: 215px;
 border: 0px solid #333333;
 height: 850px;
 width: 175px;
 z-index: 3}

#l-col {
 position: absolute;
 left: 67px;
 top: 215px;
 border: 0px solid #333333;
 height: 850px;
 width: 175px;
 z-index: 3}
 
#tour-rt {
 position: absolute;
 right: 4%;
 top: 60px;
 border: 0px solid #333333;
 height: 900px;
 width: 300px;
 z-index: 3}
 
#tour-c-col{
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 20px;
 border: 0px solid #333;
 height: 900px;
 width: 695px;
 z-index: 9}  
 
#tour-lt {
 position: absolute;
 left: 4%;
 top: 60px;
 border: 0px solid #333333;
 height: 900px;
 width: 300px;
 z-index: 3}
 
#menu {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 15px;
 border: 0px solid #999999;
 height: 25px;
 width: 520px;
 z-index: 99}

#link-col {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 30px;
 border: 0px solid #999999;
 height: 980px;
 width: 90%;
 z-index: 3}
 
#directions-col {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 0px;
 border: 0px solid #999999;
 height: 980px;
 width: 85%;
 z-index: 3}
 
.adjust {
 border: 0;
 padding-bottom: 5px;
 width: 175 px;
 height: 131px}
 
.massage {
 border: 0;
 padding-top: 10px; 
 padding-bottom: 5px;
 width: 175px;
 height: 175px}
 
.stretch {
 border: 0;
 padding-top: 10px;
 padding-bottom: 5px;
 width: 175px;
 height: 129px}
 
.chiro {
 border: 0px;
 height: 174px;
 width: 175px}
 
.facility {
 border: 0px;
 padding-bottom: 5px;
 height: 131px;
 width: 175px}

.spine {
 position: absolute;
 top: 8px;
 right: 10px;
 border: 0px solid #fff;
 height: 320px;
 width: 120px;
 background: #fff;
 z-index: 2}
  
.help {
 padding-top: 10px;
 border: 0px;
 height: 84px;
 width: 222px}
  
.drz {
 border: 0px solid #333333;
 padding-top: 10px;
 padding-bottom: 5px;
 height: 214px;
 width: 175px;
 z-index: 3}
 
#mission{
 position: absolute;
 right: 32px;
 top: 415px;
 padding-left: 10px;
 padding-right: 10px;
 width: 200px;
 font-family: tahoma, verdana, arial, sans-serif;
 font-weight: normal;
 font-size: 11pt;
 color: #666666;
 z-index: 5}
 
.family {
 border: 0px solid #333333;
 float: right;
 padding: 10px;
 height: 100px;
 width: 100px}
 
.group {
 border: 0px solid #333333;
 height: 109px;
 width: 200px}
 
.wreck {
 margin: 0px;
 padding-top: 10px;
 border: 0px solid #333333;
 height: 122px;
 width: 175px}
 
.chocolate {
 border: 0px solid #333333;
 width: 270px;
 height: 162px}
 
.newage {
 border: 0px solid #333333;
 width: 270px;
 height: 92px}
 
.drpoint {
 float: left;
 margin-left: 15px;
 padding: 10px 15px 5px 0px;
 border: 0px solid #333333;
 width: 120px;
 height: 101px}
 
.organs {
 text-align: center;
 display: block;
 border: 0px solid #333333;
 width: 320px;
 height: 525px}
 
.saunders {
 border: 0px;
 width: 275px;
 height: 192px}
 
#table-ctr {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 top: 0px;
 border: 0px solid #999999;
 height: 192px;
 width: 275px;
 z-index: 3}
 
 
.mailbox {
 position: absolute;
 top: 40px;
 right: 50px;
 border: 0px solid #333333;
 width: 68px;
 height: 74px}
 
#officebox {
 position: relative;
 margin: 20px auto 20px auto;
 border: 0px solid #999999;
 height: 900px;
 width: 600px;
 z-index: 3}
 
.map1 {
 position: absolute;
 top: 250px;
 left: 20px;
 border: 0px solid #333333;
 width: 369px;
 height: 369px}
 
.map2 {
 position: absolute;
 top: 250px;
 right: 20px;
 border: 0px solid #333333;
 width: 226px;
 height: 369px}
 
.office {
 border: 0px;
 width: 100%;
 height: 134px}
 
.tour1 {
 border-top: 5px solid #fff;
 width: 310px;
 height: 229px}
 
.tour2 {
 width: 308px;
 height: 233px}
 
.tour3 {
 border-top: 3px solid #fff;
 width: 312px;
 height: 236px}
 
.tour4 {
 border-top: 3px solid #fff;
 width: 310px;
 height: 236px}
 
.tour5 {
 border-top: 0px solid #fff;
 width: 312px;
 height: 238px}
 
.tour6 {
 border-top: 6px solid #fff;
 border-left: 3px solid #fff;
 width: 306px;
 height: 228px}
 
.map {
 border: 0px;
 width: 600px;
 height: 550px}
 
.office_front {
 border: 0px;
 width: 600px;
 height: 283px}