@import "reset.css"; @import "base.css"; @import "fonts.css"; @import "CMScontent.css"; body, html {background-color:#FFC795; font-family:Arial, Helvetica, sans-serif} body {min-width:857px; } html {min-height: 101%;} h1, h2, h3, h4 {letter-spacing:.5px;} a:focus {outline: none} .clear {clear:both} .small {font-size:77%} /* --------------------------------------------------*/ #outerWrap {width:857px; margin:20px auto 0 auto;background:url(../images/bkgdContainer.jpg) repeat-y;} #home #innerWrap {background:url(../images/homeImage.jpg) no-repeat 7px 220px;} #workwith #innerWrap {background:url(../images/whoWeWorkWithImage.jpg) no-repeat -10px 18%;} #howwework #innerWrap {background:url(../images/howWeWorkImage.jpg) no-repeat 0px 20%; } #services #innerWrap {background:url(../images/servicesImage.jpg) no-repeat -1px 15%;} #workshops #innerWrap {background:url(../images/workshopImage.jpg) no-repeat -1px 10%;} #blog #innerWrap {background:url(../images/blogImage.jpg) no-repeat 7px 200px;} #resources #innerWrap {background:url(../images/resourcesImage.jpg) no-repeat 90% 160px;} #aboutus #innerWrap {background:url(../images/aboutImage.jpg) no-repeat 7px 43%;} #contact #innerWrap {background:url(../images/contactImage.jpg) no-repeat 63px 75%;} #container {border-top:2px solid #B7B7B7; margin-left:61px} #left { width:251px; float:left;} #right {width:502px; float:right; padding:0 20px 10px 20px;font-family:Arial, Helvetica, sans-serif;} /* --------------------------------------------------*/ #left #news {margin:340px 10px 0 10px; border:1px solid #7F7F7F;} #left #news .header {text-align:center; line-height:200%; background-color:#00457B; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size:11px; color:#FDFAFA} #left #news .overflow {max-height:290px;overflow:auto} .newsContent {width:210px; min-width:210px; padding:0 10px} .newsContent li {list-style:url(../images/CMSbullet.gif);margin:10px 0 10px -10px;} .newsContent h3 {font-weight:bold; margin:0px; padding:5px 0 5px 0; color:#807f7d} .newsContent h4 {font-weight:normal; color:#999999; margin:0; padding:5px 0 0px 0} .newsContent hr { border:none; border-top:1px solid #807f7d} /* --------------------------------------------------*/ #left #testimonial {margin:400px 15px 0 15px;} #home #left #testimonial {margin-top:20px} #workshops #left #testimonial {margin-top:300px } #aboutus #left #testimonial {margin-top:370px} #left #testimonial p {font-family:Arial, Helvetica, sans-serif;font-size:11px; line-height:150%; font-style:italic; color:#787878;} #left #testimonial a { text-decoration:underline; color:#787878} #left #testimonial a:hover { text-decoration:underline; color:#00457B} #left #testimonial .credit {text-align:right; font-style:normal; padding-bottom:5px} /*
--------------------------------------------------*/ p {color:#333333;} #right .mainBlurb {line-height:150%;} #right .divider {border-bottom:1px solid black; line-height:9px; margin:0 -9px 0 -20px} #right a {color:#00457b; text-decoration:underline} #right a:hover {color:#973513; text-decoration:underline} #right h1 {text-transform:uppercase; font-weight:bold; color:#B40D0D; margin:0 0 10px 0} #right h2 {font-weight:bold; color:#00457b} #right h3 {font-weight:bold; margin:0px; padding:5px 0 5px 0; text-transform:uppercase; color:#807f7d} #right h4 {font-weight:normal; color:#999999; margin:0; padding:5px 0 0px 0} #right hr {height:6px; border:1px solid #807f7d} #right .paddedImg {padding:10px 0 10px 0} #home #right h1 {font-weight:bold; color:#00457b; margin:0 0 10px 0; text-transform:none; font-size:180%} #home ul li {font-size:110%} /* --------------------------------------------------*/ #home #right li {padding-bottom:5px} /* --------------------------------------------------*/ #workwith #right h2 {padding:10px 0 0 0; margin-bottom:10px} .clientList {line-height:150%; padding-left:10px} /* --------------------------------------------------*/ #services #right h2 {margin:0; padding:10px 0 5px 0} #services #right li {margin:0 0 0px -15px} /* --------------------------------------------------*/ #workshops hr { margin:10px 0 10px 0} .spacedList li { padding-bottom:5px} /* --------------------------------------------------*/ #blog #right {overflow:auto; } #blog #right ol {margin-left:-20px} #blog #CMSpages {width:482px; min-width:482px; line-height:150%;padding:0 15px 0 15px} /* --------------------------------------------------*/ #resources #CMSpages {width:482px; min-width:482px;} /* --------------------------------------------------*/ /* --------------------------------------------------*/ #contact #outerWrap {min-height:650px;} #contact #left {min-height:620px;} #contact #right {min-height:620px;} #contact table {margin:10px 0 0 120px; width:300px; border:none;} #contact td {padding:5px 0 5px 0; vertical-align:top; border:none} /* --------------------------------------------------*/ #dummy #outerWrap {min-height:650px;} #dummy #left {min-height:620px;} #dummy #right {min-height:620px;} /* --------------------------------------------------*/ #pagination {font-size:85%;padding: 3px;margin:3px; text-decoration:none} #pagination a {padding: 1px 5px;margin: 2px;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} #pagination a:hover, #pagination a:active {border: 1px solid #000000;color:#000000; background-color:#FFC795; text-decoration:none} #pagination .current {border: 1px solid #000000;color:#000000; background-color:#FFC795; cursor: default } #pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* --------------------------------------------------*/ #foot { clear:both;width:796px;color:#737F8D;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;background: #ffffff url(../images/bkgdFoot.jpg) repeat-y;} #footInner {border-bottom:2px solid #B7B7B7; border-top:1px solid black} #footTxt {padding:10px 20px 5px 20px; font-size:77%; clear:both} #footTxt a {color:#737F8D; text-decoration:none; font-weight:normal; text-transform:none;} #footTxt a:hover {color:#973513;} /* --------------------------------------------------*/ #leftNav {text-align:right; padding-top:10px} #leftNav a, #leftNav a:visited {display: block; padding:0 15px 0 10px; line-height:150%; font-size:85%; font-weight:bold;color:#737f8d;font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;background: url(../images/linkOff.gif) no-repeat right 5px;} #leftNav a:hover {color:#973513;background:url(../images/linkOn.gif) no-repeat right 5px;} #home #leftNav .home a, #workwith #leftNav .workwith a, #howwework #leftNav .howwework a, #services #leftNav .services a, #workshops #leftNav .workshops a, #blog #leftNav .blog a, #resources #leftNav .resources a, #aboutus #leftNav .aboutus a, #contact #leftNav .contact a {text-decoration:none; color:#973513; cursor:default;background:url(../images/linkOn.gif) no-repeat right 5px;} #subNav{padding:5px 0 5px 0;text-align:right;text-transform:none } #subNav a, #subNav a:visited {display: block; padding:0 15px 0 10px; line-height:normal;background:none;text-decoration:none;line-height:normal;font-size:11px; text-transform:none; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-style:italic; color:#00457B} #subNav a:hover {text-decoration:none;color:#973513; background:none } #leading #subNav .leading a, #decisions #subNav .decisions a, #conversations #subNav .conversations a {text-decoration:none;color:#973513; cursor:default; } /* --------------------------------------------------*/ #footNav a {color:#737F8D; text-decoration:none; text-transform:uppercase; font-weight:bold;font-size:72%; padding:0 17px 0 0; background:url(../images/linkFoot.gif) no-repeat right 4px } #footNav a:hover {color:#973513} #home #footNav .home a, #workwith #footNav .workwith a, #howwework #footNav .howwework a, #services #footNav .services a, #workshops #footNav .workshops a, #blog #footNav .blog a, #resources #footNav .resources a, #aboutus #footNav .aboutus a, #contact #footNav .contact a {text-decoration:none; color:#973513; cursor:default} #footNav .last {background:none; padding:0} /* --------------------------------------------------*/ .imgShadow {float:left;background: url(../images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadow img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;}