/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {margin: 0; width: 100%; background:url(images/window-lg.jpg)}
#wrap { width:791px; margin-left:auto; margin-right:auto;}


/* TEXT ---------- */

body, table {color: #56422a; font: 14px/18px Arial, Helvetica, sans-serif; text-align:left;}

p {padding: 0px 0 15px 0;}

td {vertical-align: top}



/* HEADERS ---------- */
h1{padding: 0 0 17px 0;  /* this height reflects the height of the heading image */ overflow: hidden; text-indent: -999em;} /* hides rich text so only background image shows */
.pearson{background:url(images/title-dr.joe-pearson.gif) no-repeat; height: 36px; width:723px}
.suresmile{background:url(images/title-suresmile.gif) no-repeat; height: 45px; width:457px}
h2{color:#365fb7; margin: 0 0 10px 0;font-size:16px;}
h3{font-size:14px;margin: 0;}

#row1 h2 { font: normal 17px/30px trebuchet ms, sans-serif}



/* FORMS ---------- */

form {margin: 0}



/* LISTS ---------- */

ol, ul {margin-bottom: 0; margin-top: 0}

ul.plus {list-style: none; margin: 0; padding: 0}



/* LINKS ---------- */
a {color: #365fb7; text-decoration: underline}
a:hover {color: #365fb7; text-decoration: none; font-weight:normal;}

/* NAVIGATION ---------- */



/* IMAGES ---------- */

img, table {border: none}

.clear {clear: both}

.image {float: right;  position: relative; z-index: 1}



/* LAYOUT ---------- */

#header {padding: 0px 0 0 0; height:100px; }
#top {background:url(images/bg-top.gif) repeat-x; height:23px; padding:0; margin:0	}

.container {margin: 0 20px; width: 740px}

.top {height: 36px}

.middle {padding: 0 55px}

.bottom {height: 30px}

#row1 {background: url(images/content-bg.gif) repeat-y}
#row1 .top {}
#row1 .middle {}
#row1 .bottom {}


#row2 {background: url(images/content-bg.gif) repeat-y}
#row2 .middle {}
#row2 .bottom {}


#row3 {background: url(images/content-bg.gif) repeat-y}
#row3 .top {}
#row3 .middle {}
#row3 .bottom {}



#footer { width:791px; height:147px; background:url(images/footer-bg.gif) no-repeat}
.plus-footer {list-style: none;padding: 40px 0 0 90px}
