body { background-image: url("img/sb_main.jpg"); background-repeat: repeat-x; background-position: -20px 134px; margin: 0; padding: 0; border-top: 4px solid black; text-align: center; font-family: 'Open Sans', sans-serif, helvetica, arial;  background-color: #eee;}

.sub {background-image: url("img/sub_bg.jpg"); background-repeat: repeat-x; background-position: -18px 139px}

* {border: 0}

.topContent {background-color: white; width: 100%; height: 131px}

.bottomContent {background-color: white; width: 1000px; height: 167px; margin: 50px auto 50px}

.HIW {position: relative; top: 400px} 

.content { background-color: white; width: 1000px; margin: 0pt auto; text-align: left; padding: 0; color: rgb(51, 51, 51)}

blockquote {border-left: 5px solid #ccc; padding: 1px 5px 5px 18px; margin: 60px 60px 60px 20px}

.bq2 {border-left: 5px solid #ccc; padding: 1px 5px 5px 18px; margin: 45px 60px 45px 20px}

p {font-size: 14px}

ol {font-size: 13px; line-height: 130% !important}



.right {text-align: right; font-size: 13px; font-weight: 600}

.firstPar {margin:-5px 0 15px 0}

.nav ul {display:inline; float:left; margin-top:27px; padding-left: 43px}

.nav li {font-size: 15px; display: inline; margin-right: 12px; font-weight: 600; list-style-type: none;}

h1 { background-image:url("img/susie_bourne_logo.gif"); background-repeat:no-repeat; height:27px; text-indent:-9999px; width:220px; float: left; margin:22px 0}



a:link {color: #333; text-decoration: none}

a:visited {color: #333; text-decoration: none}

a:active, a:hover {color: #d00}

.right a:link {color: #f33; text-decoration: none}

.right a:visited {color: #933; text-decoration: none}

.right a:active, a:hover {color: #d00; border-botto: 0 none !important; text-decoration: none}

.navOnDesign {border-bottom: 3px #FF6C00 solid;}

hr {clear: both; border-top: 0 none; border-left: 0 none; border-right: 0 none; border-bottom: 1px dashed #999; margin: 24px 0}

.hrPull {clear: both; border-top: 0 none; border-left: 0 none; border-right: 0 none; border-bottom: 1px dashed #999; margin: 16px 0}

h2 {padding: 0pt; margin: 0pt; font-size: 20px}

h3 { padding: 0pt; margin: 0pt; font-size: 22px; }


.active a:link {color: #C625C9; text-decoration: none}

.active a:visited {color: #C625C9; text-decoration: none}

.active a:active {color: #d00; text-decoration: none}

.active a:hover {color: #d00; text-decoration: none}


.nav2:link {color: #d00; text-decoration: none}

.nav2:visited {color: #d00; text-decoration: none}

.nav2:active {color: #666; text-decoration: none}

.nav2:hover {color: #666; text-decoration: none}


.nav {clear: both; padding-left:8px; padding-top:55px}

.mainPic  {background-image:url("img/sb_main.jpg"); background-repeat:no-repeat; width: 1000px; clear: both; background-color: #eee !important;} 

.title {width: 841px; margin: -1px auto}

.titleImg {padding-top: 75px; margin-left:-8px; float: left}

.portrait {float: left; clear: both; margin: 50px 0pt; padding: 10px 10px 7px; background-color: white}

.fpIntro {float: left; width: 370px; margin: 50px 0pt 0 102px; padding: 14px; background-color: white}

.clear {clear: both}

.subWIC {background: url("img/what_is_coaching.jpg") no-repeat; width: 1000px; margin: 4px auto; text-align: left; padding: 0; color: rgb(51, 51, 51); height: 300px}

.subLIFE {background: url("img/life_coaching_slab.jpg") no-repeat; width: 1000px; margin: 4px auto; text-align: left; padding: 0; color: rgb(51, 51, 51); height: 300px}

.subClients {background: url("img/client_testimonials.jpg") no-repeat; width: 1000px; margin: 4px auto; text-align: left; padding: 0; color: rgb(51, 51, 51); height: 300px}

.subHIW {background: url("img/how_i_work.jpg") no-repeat; width: 1000px; margin: 4px auto; text-align: left; padding: 0; color: rgb(51, 51, 51); height: 300px}

.subGIT {background: url("img/get_in_touch.jpg") no-repeat; width: 1000px; margin: 4px auto; text-align: left; padding: 0; color: rgb(51, 51, 51); height: 300px}

.subBodyTxt {padding: 20px; left:78px; position:relative; top:177px; width:781px; background: white; font-size:15px; line-height: 160%}

.p1 {font-size:16px; margin:0 0 20px; font-weight: 600}

.subBodyTxt h2 {font-weight: 600; font-size: 17px; margin: 31px 0 10px}

.subBodyTxtLeft {float: left; padding: 20px; left:78px; position:relative; top:177px; width:400px; background: white; font-size:15px; line-height: 160%}

.subBodyTxtRight {margin-left: 35px; float: left; padding: 20px; left:78px; position:relative; top:177px; width:360px; background: white; font-size:15px; line-height: 160%}

.subBodyTxtRight h2 {font-family: Arial,Helvetica,sans-serif; text-align: center; font-size: 22px; line-height: 130%; color: rgb(204, 51, 51)}

.pullBox {font-size:13px; line-height:152%;}

.pullBox li {list-style:none outside none; margin-bottom:20px; margin-left:-27px}

.subClientTxt {float: left; padding: 20px; width:481px; background: white; font-size:15px; line-height: 160%}

.subContactTxt {float: left; padding: 20px; width:417px; background: white; font-size:15px; line-height: 160%}

.subContactTxt p{font-size: 16px !important}

.subClientPic {float: right; padding: 20px; width:281px; background: white; font-size:15px; line-height: 160%}

.subClientContainer {width: 842px; left:78px; position:relative; top:177px; background-color: white}

.subClientContainer p {font-size: 13px; line-height: 130%}

.subClientContainer2 {width: 802px; padding: 20px;  left:78px; position:relative; top:177px; background-color: white}


.bottomgap {margin-bottom: 40px}

.topgap {margin-top: 40px}

.btmNav {clear: both; font-size:14px; font-weight:600; margin:55px auto 80px; width:849px}

.btmNav ul {
    display:inline;
    float:right;
    margin-left:0;
    margin-top:0;
}
.btmNav li {display: inline; margin-right: 12px; font-weight: 600; list-style-type: none;}

.howPos {position:relative; top:208px; width:849px; padding-bottom: 100px}

.pad {padding: 30px}

.gap {height: 50px}

.bttmGap {position: relative; top: 220px; padding-bottom: 10px}