body {
  background-color: rgb(69, 29, 31);
  font-family: verdana, arial, helvetica, sans-serif;
  color: rgb(69, 29, 31);
  margin: 0px;
  font-size: 0.8em;
}

.mochaTop {
  background: rgb(69, 29, 31) url(/images/corporate/backgrounds/mocha_top.png); background-repeat: repeat-x;
}

a {
  outline: 0 none;
}

img {
  border: 0;
}


.content {
  width: 745px;
  margin: auto;
  height: 613px;
}

.whiteBar {
  height: 12px;
  background-color: white;
}

.chocolateBar {
  height: 12px;
  background-color: rgb(69, 29, 31);
}

.mochaBar {
  height: 23px;
  background: rgb(200, 169, 154) url(/images/landing/LP_Mocha_rule.png);
}

.blueBar {
  height: 19px;
  background: rgb(169, 198, 236) url(/images/landing/LP_Blue_rule.png);
}

.landingContent {
  height: 525px;
  background-color: white;
}

.landingSlideshow {
  width: 352px;
  height: 525px;
  float: left;
}

.landingRight {
  width: 393px;
  height: 525px;
  float: right;
  background-color: white;
}

.landingLogo {
  width: 392px;
  height: 190px;
  background-color: white;
}

.landingButtons {
  height: 62px;
  width: 393px;
}

.landingButtonCorp {
  height: 62px;
  width: 214px;
}
.landingButtonCorp a {
  height: 62px;
  width: 214px;
  background:  url(/images/landing/buttons/LP_CorpCare_sprite.png) left top;
  display: block;
}

.landingButtons a:hover {
  background-position: 0px -62px;
}

.landingButtons a:active {
  background-position: 0px 62px;
}

.landingButtonFamily {
  height: 62px;
  width: 176px;
}

.landingButtonFamily a {
  height: 62px;
  width: 176px;
  background:  url(/images/landing/buttons/LP_FamCare_sprite.png) left top;
  display: block;
}


.landingSlide {
  position: absolute;
  width: 352px;
  height: 525px;
  background:  url(/images/landing/Nanny_Slideshow.jpg) left top;
}

.slide2 {
  background-position: 0px -525px;
}

.slide3 {
  background-position: 0px 525px;
}

.mainNavMenu {
  padding-left: 23px;
  height: 30px;
  background: rgb(169, 198, 236) url(/images/corporate/OCN_Main_Nav/OCN_Main_Nav_blue.png); 
}

.mainNavBrownQuote {
  height: 21px;
  background-color: rgb(69, 29, 31);
  color: rgb(255,137,123);
}

.mainContentParent {
  padding-top: 20px;
  font-size: 11px;
  line-height: 14px;
  background-color: white;
}

.mainContent {
  float: left;
  width: 473px;  /* 745 - 212 (right sidebar) - 40 (padding-left) - 20 (padding-right) */
  padding-bottom: 20px;
  padding-right: 20px;
}

.mainContent h1 {
  font-weight: bold;
  font-size: 14px;
  color: rgb(255,137,123);
}

.mainContent h2 {
  font-weight: bold;
  font-size: 12px;
}

.mainContent, .mainNavBrownQuote, .copyright {
  padding-left: 40px;
}

.rightSidebar {
  float: right;
  width: 212px;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}

.rightSidebar h1 {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.copyright {
  clear:both;
  font-size: 8px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navButton a, .navButton div {
  height: 30px;
  display: block;
}

div.navButton div {
  background-position: 0px -60px;
}

.navButton a:hover {
  background-position: 0px -30px;  
}

.navLinkClients a, .navLinkClients div {
  width: 71px;
  background: url(/images/corporate/OCN_Main_Nav/Clients_sprite.png)
}

.navLinkSolutions a, .navLinkSolutions div {
  width: 91px;
  background: url(/images/corporate/OCN_Main_Nav/Solutions_sprite.png)
}

.navLinkCompany a, .navLinkCompany div {
  width: 91px;
  background: url(/images/corporate/OCN_Main_Nav/Company_sprite.png)
}

.navLinkLocations a, .navLinkLocations div {
  width: 91px;
  background: url(/images/corporate/OCN_Main_Nav/Locations_sprite.png)
}

.navLinkServices a, .navLinkServices div {
  width: 81px;
  background: url(/images/corporate/OCN_Main_Nav/Services_sprite.png)
}

.navLinkTestimonials a, .navLinkTestimonials div {
  width: 105px;
  background: url(/images/corporate/OCN_Main_Nav/Testimonials_sprite.png)
}

.mainContent ul.plainList {
  list-style-type: none;
  padding-left: 0px;
  zline-height: 24px;
  margin-left: 0px;
}

ul.plainList li {
  padding-bottom: 12px;
}

.mainContent ul.bulletList {
}

.quoteAttribution {
  font-style: italic;
}

.coverLogo {
  background-color: green;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 20px;
  left: 20px;
}

.infoHeader {
  padding-bottom: 10px;
}

.infoRow {
  padding-bottom: 5px;
}
.infoRow label {
  display: inline-block;
  text-align: right;
  width: 10em;
}

.infoRow input {
  width: 200px;
}

.infoRow textarea {
  width: 200px;
  height: 3em;
}

.button {
  width: 130px;
  height: 29px;
}
/* CSS for buttons - we fix the width and position here, and shift the offset
 * when the user hovers over them - the actual image URL is set using an
 * explicit element style */
.button a {
  display:block;
  width: 130px;
  height: 29px;
  background-color: rgb(200, 169, 154);
  background-position: top left;
}

.button a:hover {
  background-position: 0px 29px;
}

.staticHeaderImage {
  display:none;
}


/* Need a relatively-positioned wrapper div on IE6 or otherwise position: absolute does not work */
.ie6Wrapper {
  position: relative;
}
.dynamicHeaderText {
  position: absolute;
  top: 83px;
  left: 0px;
  height: 208px;
  width: 531px;
}

.brownText {
  background: url(/images/corporate/OCN_Header_Text/Brown_sprite.png);
}

.whiteText {
  background: url(/images/corporate/OCN_Header_Text/White_sprite.png);
}

.salmonText {
  background: url(/images/corporate/OCN_Header_Text/Salmon_sprite.png) left top;
}

.headerText0 {
  background-position: 0px 0px;
}

.headerText1 {
  background-position: 0px -208px;
}

.headerText2 {
  background-position: 0px -416px;
}

.headerText3 {
  background-position: 0px -624px;
}

.sharing {
  padding-top: 20px;
  line-height: 20px;
}

.shareTable {
  width: 100px;
  margin: auto;
}
.sharing .shareIcon {
    width: 30px;
}
.sharing a {
  text-decoration: none;
}

.sharing img {
  padding-top: 5px;
}

.stbuttontext {
  padding: 0px;
  margin: 0px;
  visibility: hidden;
}