/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }
* { margin: 0px; padding: 0px; }
.clear { clear: both; }
body { background: url(../images/bkg-top-strip.jpg) repeat-x #CFE1ED ; }
p, li { font-family: Arial, Helvetica, sans-serif; font-size: 70%; line-height: 160%; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 70%; line-height: 160%; font-weight: normal; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 160%; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 70%; line-height: 160%; }
.purple { color: #944CAD; }

#frame { margin: 0px auto; width: 980px; }
#frame-top { height: 102px; background:url(../images/bkg-top.jpg) no-repeat center; padding: 30px 60px 0px 60px; }

#frame-imagebar { height: 130px; background: url(../images/bkg-image-bar.jpg) no-repeat top center; }
#frame-main-body { background: url(../images/bkg-main-body.jpg) repeat-y center; padding: 10px 60px 20px 60px; }
#frame-base { background: url(../images/bkg-base.jpg) no-repeat center; height: 30px; }
#frame-caveat { margin: 0px auto 20px auto; padding: 5px 10px; background: #B6CFDF; text-align: center; color: #666666; }
#frame-index-left { float: left; width: 590px; }
#frame-index-right { float: right; width: 255px; }
#frame-red { margin: 0px auto 20px auto; width: 150px; padding: 5px 10px; text-align: center; }

#frame-full-body { background: url(../images/bkg-full-body.jpg) no-repeat; padding: 20px 20px 10px 20px; }
#frame-full-body-base { background: url(../images/bkg-full-body-base.jpg) no-repeat; height: 20px; }

.case-pics { float: left; width: 170px; }
.case-pics img { padding-bottom: 10px; }
.case-pics li { list-style: none; padding-bottom: 5px; }
.case-pics a { color: #944CAD; text-decoration: underline; }
.case-pics a:hover { color: #70C293; text-decoration: underline; }


.case-content { float: left; width: 630px; padding-left: 20px; }
.case-content img { padding-bottom: 10px; }
.case-content p { padding-top: 10px; }
.case-content a { float: left; color: #944CAD; text-decoration: underline; }
.case-content a:hover { float: left; color: #70C293; text-decoration: underline; }
.case-content ul { padding: 10px 0px 0px 14px; }



#logo { background: url(../images/maw-logo.gif) no-repeat; height: 58px; }
#maw-images { background: url(../images/maw-image-bar.jpg) no-repeat center; height: 130px; }
.divider { background: url(../images/horizontal-divider2.gif) repeat-x ; height: 32px;  }
.divider2 { background: url(../images/horizontal-divider3.gif) repeat-x ; height: 12px;  }

.index-left { background: url(../images/bkg-index-panel.jpg) no-repeat; padding: 10px 20px 5px 20px; }
.index-left p { padding-top: 10px; color: #333333; }
.index-left-base { background: url(../images/bkg-index-panel-base.jpg) no-repeat; height: 20px; }
.index-left h2 { padding-top: 10px; color: #333333; }
.index-left h1 { padding-top: 10px; color: #333333; }
.index-left a { float: left; color: #944CAD; text-decoration: underline; }
.index-left a:hover { float: left; color: #70C293; text-decoration: underline; }

.index-right { background: url(../images/bkg-news-panel.jpg) no-repeat; margin-top: 1px; padding: 10px 20px 0px 20px; }
.index-right p { color: #333333; padding: 0px 0px 10px 0px; background: url(../images/horizontal-divider.gif) repeat-x bottom; }
.index-right .divder { background: url(../images/horizontal-divider.gif) repeat-x bottom; }
.index-right a { color: #944CAD; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 70%; }
.index-right a:hover { color: #70C293; text-decoration: underline; }
.index-right p a { font-size: 100%; }
.index-right h1 { padding-top: 5px; }
.index-right-base { background: url(../images/bkg-news-panel-base.jpg) no-repeat; height: 20px; }

.index-case { background: url(../images/bkg-index-panel.jpg) no-repeat; padding: 20px 20px 10px 20px; }
.index-case p { color: #333333; }
.index-case h2 { padding-top: 10px; color: #333333; }
.index-case a { float: left; color: #944CAD; text-decoration: underline; }
.index-case a:hover { float: left; color: #70C293; text-decoration: underline; }
.index-case-study { width: 550px; background: url(../images/horizontal-divider.gif) repeat-x bottom; padding: 10px 0px; }
.index-case-study img { float: left; }
.index-case-study p { float: right; width: 400px; }

.client-listing { background: url(../images/horizontal-divider.gif) repeat-x bottom; padding: 10px 0px; }
.client-listing img { float: left; }
.client-listing p { float: right; width: 630px; padding-left: 20px; }
.client-listing a { color: #944CAD; text-decoration: underline; }
.client-listing a:hover { color: #70C293; text-decoration: underline; }
.client-listing h2 { float: right; width: 630px; padding-left: 20px; }

.contact { width: 820px; }
.contact p { padding-bottom: 10px; }
.contact a { color: #944CAD; text-decoration: underline; }
.contact a:hover { color: #70C293; text-decoration: underline; }

.news-panel { background: url(../images/horizontal-divider.gif) repeat-x bottom; padding: 10px 0px; }
.news-panel h2 { padding: 0px; }
.news-panel p { float: inherit;}

.generic {  }
.generic p { padding-bottom: 10px; }
.generic a { color: #944CAD; text-decoration: underline; }
.generic a:hover { color: #70C293; text-decoration: underline; }
.generic h2 { padding-bottom: 10px; }
.generic h2 { padding-bottom: 10px; }
.generic ul { font-family: Arial, Helvetica, sans-serif; font-size: 70%; line-height: 160%; }
.generic li { list-style: inside; }

.gallery { width: 800px; padding: 0px 20px 0px 10px }
.gallery img { padding: 0px 10px 15px 10px; }

/* buttons */

#nav-bar { background: url(../images/bkg-navbar.jpg) no-repeat; }
#nav-bar ul { height: 43px; }
#nav-bar li { list-style: none; float: left; }
#nav-bar a { text-indent: -9999px; }

.but-home a { display: block; width: 84px; height: 43px; background: url("../images/home-but.jpg") 0 0 no-repeat; }
.but-home a:hover { background-position: -84px 0; }

.but-results a { display: block; width: 80px; height: 43px; background: url("../images/results-but.jpg") 0 0 no-repeat; }
.but-results a:hover { background-position: -80px 0; }

.but-services a { display: block; width: 80px; height: 43px; background: url("../images/services-but.jpg") 0 0 no-repeat; }
.but-services a:hover { background-position: -80px 0; }

.but-clients a { display: block; width: 80px; height: 43px; background: url("../images/clients-but.jpg") 0 0 no-repeat; }
.but-clients a:hover { background-position: -80px 0; }

.but-people a { display: block; width: 80px; height: 43px; background: url("../images/people-but.jpg") 0 0 no-repeat; }
.but-people a:hover { background-position: -80px 0; }

.but-gallery a { display: block; width: 80px; height: 43px; background: url("../images/gallery-but.jpg") 0 0 no-repeat; }
.but-gallery a:hover { background-position: -80px 0; }

.but-news a { display: block; width: 80px; height: 43px; background: url("../images/news-but.jpg") 0 0 no-repeat; }
.but-news a:hover { background-position: -80px 0; }

.but-contact a { display: block; width: 84px; height: 43px; background: url("../images/contact-but.jpg") 0 0 no-repeat; }
.but-contact a:hover { background-position: -84px 0; }

.but-more-case-studies a { display: block; width: 280px; height: 22px; background: url("../images/but-more-case-studies.gif") 0 0 no-repeat; float: right; }
.but-more-case-studies a:hover { background-position: -280px 0; float: right; }

.but-newsletter-archive a { display: block; width: 137px; height: 22px; background: url("../images/but-newsletter-archive.gif") 0 0 no-repeat; }
.but-newsletter-archive a:hover { background-position: -137px 0; }

.but-previous-stories a { display: block; width: 118px; height: 22px; background: url("../images/but-previous-stories.gif") 0 0 no-repeat; }
.but-previous-stories a:hover { background-position: -118px 0; }

.but-next-stories a { display: block; float: right; width: 102px; height: 22px; background: url("../images/but-next-stories.gif") 0 0 no-repeat; }
.but-next-stories a:hover { float: right; background-position: -102px 0; }

.but-client-news-archive a { display: block; width: 141px; height: 22px; background: url("../images/but-client-news-archive.gif") 0 0 no-repeat; }
.but-client-news-archive a:hover { background-position: -141px 0; }

.but-back a { display: block; width: 35px; height: 12px; background: url("../images/but-back.gif") 0 0 no-repeat; }
.but-back a:hover { background-position: -35px 0; }

.but-redcard a { display: block; width: 150px; height: 20px; background: url("../images/but-redcard.gif") 0 0 no-repeat; }
.but-redcard a:hover { background-position: -150px 0; }