/* Vespoli: Services CSS  */
/* Shannon-Rose Design 2008 */

div.serviceCallout { width: 184px; float: left; display: inline; margin: 0 10px 15px 0; }
#interiorContent .serviceCallout img { margin: 0!important; }
#interiorContent .serviceCallout h4 { text-transform: uppercase; letter-spacing: 0.1em; }
#interiorContent .serviceCallout p { margin: 0 15px 10px 0; }
p.contactButton { margin: 10px 0 20px!important; width: 182px; height: 26px; font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; background: #fae320 url(/imgs/yellowSquareBkgdLeft.gif) no-repeat 0 0; }
p.contactButton a { width: 182px; display: block; padding: 5px 0 0; height: 21px; background: transparent url(/imgs/yellowSquareBkgdRight.gif) no-repeat 100% 0; text-decoration: none; color: #000; text-align: center; }
h1.topBorder { border-top: 1px solid #999; padding: 20px 0 0; width: 182px; }
#pageHeader h1 { float: left; display: inline; width: 300px;}
#pageHeader h2 { float: right; display: inline; width: 370px; color: #fceb3f; font-size: 14px; line-height: 18px; text-align: right; text-transform: uppercase; font-weight: bold; position: relative; margin: 15px 15px 0 0; }
#pageHeader h2 span { color: #ccc; font-size: 12px; text-transform: none; font-weight: normal; }
#pageHeader h2 span a { color: #ccc; text-decoration: underline; }
#pageHeader h2 span a:hover { text-decoration: none; }