body { background:#424242 url(../images/site_images/body-bg.jpg) repeat-x center top; margin:0;}
ul.horizontal {margin: 0; padding: 0; width:100%; background:url(../images/site_images/nav-bg.png) no-repeat center bottom;}
ul.horizontal li { float:left; width:25%; text-align:center;}
ul.horizontal li a { background:none !important; font-family:arial;}
.m_content_custom { border:3px solid #767676; background:#494949 url(../images/site_images/halo-glow.png) center bottom no-repeat; color:#fff; margin:11px;}
.m_content_custom { padding-bottom:10px;}
.m_content_custom h1 { font:20px arial; margin:0; padding:10px;}
.m_content_custom p { font:12px arial; padding:6px;}
.m_content_custom ul { font:12px arial; margin:0 0 0 10px; padding:0;}
.m_content_custom ul li { list-style:none; margin:5px 0; padding-left:20px; background:url(../images/site_images/tiny-bullet.png) no-repeat left top;}
#featured img {width:100%;}
.title {margin: 0;padding: 14px 11px;font: 37px arial;color: white;background: #2d597f url(../images/site_images/content-h1-bg-x.jpg) repeat-x top;}
.m_content_custom table { width:100%; background-color:#fff; }
.m_content_custom img.c_image { width:inherit; padding-top:10px; margin:0 auto; text-align:center;}
.m_content_custom { overflow:hidden;}	/*Just in case an image with defined widt flies beyond the window - it gets clipped :D */

ul.mobile-gallery { margin:0; padding:5px; background:#ededed;}
ul.mobile-gallery li { margin:0; padding:0; background:none !Important; float:left; margin:1px; list-style:none;}
ul.mobile-gallery li a { display: block;}
ul.mobile-gallery li a img { width: 89px;height: 89px;}

/*For Mobile Site, the buttons should always stretch*/
a.button_red, a.button_green, a.button_blue, a.button_orange {display:block !important; text-align:center;}