body {
    margin : 0;
    padding : 0;
    font : normal 86% Arial, Verdana, Helvetica, sans-serif;
    background : #e6ecef;
    text-align : center;
    min-width : 873px;
}

#wrapper {
    width : 770px;
    margin : 0 auto;
    background : #fff url(/images/wrapper.bkground.gif) repeat-y;
    text-align : left;
    position : relative;
}

/* ----- primary content */

#primaryContent {
    width : 728px;
    min-height : 700px;
    height : auto !important;
    height : 700px; /* min-height fast hack */
    float : left;
    margin : 0;
    padding : 0;
}

/* ----- wilson & associates header image */
div#header {
    width : 728px;
    background : #fff;
}

#message {
	width : 600px;
    padding : 0px 0px 10px 0px;
    font-size : 12px;
    font-family : Arial;
    font-style: italic;
    font-weight: bold;
    color:#E04209;
    background : #fff url(/images/wrapper.bkground.gif) repeat-y;
}


#welcomebody h1 {
    height : 215px;
}
h1 {
    margin : 0;
    padding : 0;
    width : 728px;
    height : 139px;
    position : relative;
    /* hide image-replaced text */
    color : #e6ecef;
    font-size : 1px;
}
#welcomebody h1 a {
    background : #fff url(/images/wilsonpub.header.jpg) top left no-repeat;
}
h1 a {
    background : #fff url(/images/wilsonpub.interiorheader.jpg) top left no-repeat;
    position : absolute;
    width : 100%;
    height : 100%;
    text-decoration : none;
}

/* ----- side tab navigation */

#sideTabs {
    margin : 0;
    padding : 0;
    float : right;
}
#sideTabs ul {
    list-style : none;
    width : 42px;
    height : 830px;
    background : #e6ecef url(/images/sideTabs.gif) top left no-repeat;
    margin : 0;
    padding : 0;
    position : relative;
}
#sideTabs li {
    margin : 0;
    padding : 0;
    position : absolute;
    left : 0;
}
#sideTabs li, #sideTabs a {
    width : 42px;
    display : block;
}
#sideTabs a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #f1f5f6;
    font-size : 1px;
    text-indent : -9999px;
}
#sideTabs ul a:hover {
    /* hide image-replaced text */
    color : #f1f5f6;
}
/* http://www.alistapart.com/articles/sprites */
#welcome      { top : 0; }
#services     { top : 141px; }
#ofinterest   { top : 275px; }
#quoteform    { top : 420px; }
#clients      { top : 574px; }
#contact      { top : 722px; }
#welcome    a  { height : 141px; }
#services   a  { height : 134px; }
#ofinterest a  { height : 145px; }
#quoteform  a  { height : 154px; }
#clients    a  { height : 134px; }
#contact    a  { height : 109px; }
#welcome    a:hover { background : transparent url(/images/sideTabs.hover.gif) 0    0px no-repeat; }
#services   a:hover { background : transparent url(/images/sideTabs.hover.gif) 0 -141px no-repeat; }
#ofinterest a:hover { background : transparent url(/images/sideTabs.hover.gif) 0 -275px no-repeat; }
#quoteform  a:hover { background : transparent url(/images/sideTabs.hover.gif) 0 -420px no-repeat; }
#clients    a:hover { background : transparent url(/images/sideTabs.hover.gif) 0 -574px no-repeat; }
#contact    a:hover { background : transparent url(/images/sideTabs.hover.gif) 0 -722px no-repeat; }

body#welcomebody   li#welcome    { background : transparent url(/images/sideTabs.selected.gif) 0    0px no-repeat; }
body#servicesbody  li#services   { background : transparent url(/images/sideTabs.selected.gif) 0 -141px no-repeat; }
body#newsbody      li#ofinterest { background : transparent url(/images/sideTabs.selected.gif) 0 -275px no-repeat; }
body#quoteformbody li#quoteform  { background : transparent url(/images/sideTabs.selected.gif) 0 -420px no-repeat; }
body#clientsbody   li#clients    { background : transparent url(/images/sideTabs.selected.gif) 0 -579px no-repeat; }
body#contactbody   li#contact    { background : transparent url(/images/sideTabs.selected.gif) 0 -729px no-repeat; }

body#welcomebody   #welcome    a:hover { background : none; }
body#servicesbody  #services   a:hover { background : none; }
body#newsbody      #ofinterest a:hover { background : none; }
body#quoteformbody #quoteform  a:hover { background : none; }
body#clientsbody   #clients    a:hover { background : none; }
body#contactbody   #contact    a:hover { background : none; }


/* ----- top Nav */

ul#topNav {
    list-style : none;
    width : 728px;
    height : 26px;
    background : #fff url(/images/topNav.gif) left top;
    margin : 0;
    padding : 0;
    position : relative;
}
#topNav li {
    margin : 0;
    padding : 0;
    position : absolute;
    top : 0;
}
#topNav li, #topNav a {
    height : 26px;
    display : block;
}
#topNav a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
#welcometop     { left : 133px; width : 74px; }
#aboutus        { left : 207px; width : 100px; }
#focus          { left : 307px; width : 108px; }
#process        { left : 415px; width : 123px; }

#welcometop  a:hover { background : transparent url(/images/topNav.gif) no-repeat -133px -26px; }
#aboutus     a:hover { background : transparent url(/images/topNav.gif) no-repeat -207px -26px; }
#focus       a:hover { background : transparent url(/images/topNav.gif) no-repeat -307px -26px; }
#process     a:hover { background : transparent url(/images/topNav.gif) no-repeat -415px -26px; }


/* ----- box images */

span.welcomeimage {
    position : absolute;
    top : 220px;
    left : 556px;
}

span.sectionimage {
    position : absolute;
    top : 0;
    left : 556px;
}

span.contentimage {
    position : absolute;
    top : -25px;
    left : 423px;
}


/* ----- intro text */

p.intro {
    margin : 20px 0 10px 133px;
    padding-right : 35px;
    width : 396px;
    font-family : Arial;
    font-size : 13px;
    color : #2a2c2f;
    line-height : 170%;
}

#welcomebody h2 {
    padding : 0;
    margin : 0;
    background : none;
}

/* ----- content sections */

ul#sections {
    list-style : none;
    margin : 0 0 85px 0;
    padding : 0;
}
ul#sections li {
    margin : 0 0 40px 0;
    padding : 0;
    line-height : 150%;
}
ul#sections h3 {
    margin-top : 0;
    margin-bottom : 0;
    padding : 0 0 0 133px;
    color : #e04209;
    font-weight : normal;
    font-size : 1.25em;
    background : url(/images/h3underline.gif) no-repeat left bottom;
}
ul#sections p {
    position : relative;
    margin : 0 0 10px 0;
    padding : 8px 35px 0 133px;
    width : 396px;
    color : #708293;
    font-size : 1.1em;
}
ul#sections a {
    text-decoration : none;
    color : #e04209;
}

a.readmore {
    background : url(/images/redcarat.gif) no-repeat left;
    padding-left : 18px;
    margin : 0;
    font-size : 1.05em;
}


/* ----- footer */

#footer {
    clear : both;
    width : 770px;
    height : 60px;
    padding : 0;
    background : #e6ecef url(/images/footer.gif) no-repeat top left;
}
#footer ul {
    list-style : none;
    margin : 0;
    padding : 4px 0 0 37px;
}
#footer li {
    display : inline;
    float : left;
    padding : 0 .35em;
    font-size : .95em;
    color : #fff;
}

/* ----- splash index page */

#indexbody #wrapper {
    width : 719px;
    margin : 80px auto;
    padding : 0;
    background : #e6ecef;
}

#indexbody h1 {
    margin : 0;
    padding : 0;
    width : 719px;
    height : 304px;
    position : relative;
}
#indexbody h1 a {
    background : #fff url(/images/wilsonpub.splashpart.jpg) top left no-repeat;
    position : absolute;
    width : 100%;
    height : 100%;
    text-decoration : none;
}
#indexbody p.skip {
    margin : 0;
    width : 719px;
    height : 29px;
    position : relative;
}
#indexbody p.skip a {
    background : #fff url(/images/wilsonpub.splashskip.jpg) top left no-repeat;
    position : absolute;
    width : 100%;
    height : 100%;
}

#indexbody #footer {
    background : #e6ecef url(/images/footer.splash.gif) no-repeat top left;
}
#indexbody #footer ul {
    padding-left : 54px;
}


/* ----- interior pages */

h2 {
    margin : 35px 0 0 0;
    padding : 0 0 0 133px;
    color : #e04209;
    font-weight : normal;
    font-size : 1.35em;
    background : url(/images/h3underline.gif) no-repeat left bottom;
}
div.content {
    margin : 25px 0 100px 133px;
    width : 396px;
    padding : 0;
    position : relative;
}
div.content_subnav {
    margin : 25px 0 10px 133px;
    width : 396px;
    padding : 0;
}
h3 {
    color : #e04209;
    font-size : .90em;
    margin : 0;
}
h4 {
    font-size : .90em;
}

.content_p {
    margin : .15em 0 25px 0;
    font-size : 13px;
    line-height : 150%;
}

.content_bullet {
    margin : .15em 0 10px 0;
    font-size : 13px;
    line-height : 150%;
}

ul {
    font-size : .87em;
    line-height : 150%;
}
ul.nobullet {
    margin : .15em 0 0 0;
    padding : 0;
    list-style : none;
    font-size : 13px;
}
div.tools {
    margin-right : 35px;
    width : 195px;
    float : left;
}


/* ----- contact */
.vcard h3 {
    color : #000;
}
.vcard a {
    color : #e04209;
    text-decoration : none;
}
.vcard .adr {
    margin-bottom : 20px;
}

/* ----- webyep */
div#webyep_logon {
    padding-left : 530px;
}



/* ----- quote form */
/* using CSS Mastery book... */
fieldset {
    margin : 1em 0;
    padding : 1em;
    border : 1px solid #ccc;
    background : #f8f8f8;
}
label {
    display : block;
    color : #e04209;
    font-size : .90em;
    font-weight : bold;
    margin-bottom : 3px;
}
input {
    width : 300px;
    font-size : 1.1em;
    margin-bottom : 15px;
}
input.submit {
    margin-top : 10px;
    color : #e04209;
    width : 10em;
}
textarea {
    width : 300px;
    height : 200px;
}
input:focus, textarea:focus {
    background : #fee4d7;
}