﻿/* typography
-------------------------------------------------------------- */

/* links */
#footer a.link-off { border-bottom:none; text-decoration:none; }


/* layout
-------------------------------------------------------------- */

/* middle */
#content { margin:30px 37px 10px 37px; min-height:500px; padding:20px; width:844px; }

/* box button */
.box-out { border:1px solid #c2c7cc; margin:20px 0; position:relative; width:100%; -moz-box-shadow:0 1px 3px #ddd; -webkit-box-shadow:0 1px 3px #ddd; box-shadow:0 1px 3px #ddd; }
.box-in { background:#fff url(http://www.moderngroup.com.au/images/layout/grad-bg.jpg) repeat-x bottom; border:2px solid #fff; border-bottom:none; height:65px; padding:10px; }
.box-corner { background:url(../images/content/new-trans.png) no-repeat; height:50px; position:absolute; right:-2px; top:-2px; width:50px; }
.box-out:active { -moz-box-shadow:none; -webkit-box-shadow:0 1px 3px #ddd; box-shadow:0 1px 3px #ddd; }
.box-in:hover { background:none; }
.box-in h2 { background:none; border-bottom:none; line-height:1em; margin-bottom:5px; margin-top:0; text-shadow:0 1px 2px #bbb; }
.box-in h4 { font-size:.857em; line-height:1.2em; margin-bottom:0; margin-top:0; text-shadow:0 1px 0 #fff; }
#content .box-in a { border-bottom:none; }
#content .box-in a:hover { border-bottom:1px solid #f1f100; }
#content .box-in a:active { border-bottom:none; }

/* footer */
#footer-crows { left:710px; }
#footer-middle { bottom:35px; left:27px; position:absolute; right:27px; top:200px; }
.footer-info { padding:20px; }
.stake1 { background:url(http://www.moderngroup.com.au/images/layout/stake-trans.png) no-repeat; bottom:-35px; height:35px; left:25%; position:absolute; width:40px; }
.stake2 { background:url(http://www.moderngroup.com.au/images/layout/stake-trans.png) no-repeat; bottom:-35px; height:35px; position:absolute; right:25%; width:40px; }
#footer h3 { margin-top:0; }
.footer-info p.copyright { margin:0; }
#footer-middle .hr { background:#fff; margin:5px 0; }
p.large { font-size:2.285em; line-height:1.1em; margin:7px 0 0; text-align:center; }


/* globals
-------------------------------------------------------------- */

/* columns */
#footer a img { background:#fff url(http://www.moderngroup.com.au/images/layout/polaroid.jpg) no-repeat bottom; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:6px 6px 20px 6px; -moz-box-shadow:1px 1px 2px #e5e5e5; -webkit-box-shadow:1px 1px 2px #e5e5e5; box-shadow:1px 1px 2px #e5e5e5; }
#footer a:hover img { background:#fff url(http://www.moderngroup.com.au/images/layout/polaroid-hover.jpg) repeat-x bottom; border:1px solid #aaa; filter:Alpha(Opacity=90); opacity:.90; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 { float:left; margin-right:20px; }
div.span-24 { float:left; }
div.last { margin-right:0; }
.span-1 { width:16px; }
.span-2 { width:52px; }
.span-3 { width:88px; }
.span-4 { width:124px; }
.span-5 { width:160px; }
.span-6 { width:196px; }
.span-7 { width:232px; }
.span-8 { width:268px; }
.span-9 { width:304px; }
.span-10 { width:340px; }
.span-11 { width:376px; }
.span-12 { width:412px; }
.span-13 { width:448px; }
.span-14 { width:484px; }
.span-15 { width:520px; }
.span-16 { width:556px; }
.span-17 { width:592px; }
.span-18 { width:628px; }
.span-19 { width:664px; }
.span-20 { width:700px; }
.span-21 { width:736px; }
.span-22 { width:772px; }
.span-23 { width:808px; }
.span-24, div.span-24 { width:844px; }
div.colborder { border-right:1px solid #c2c7cc; margin-right:10px; padding-right:9px; }


/* explorer
-------------------------------------------------------------- */

/* ie6 */
#content { _margin:30px 18px 10px 0; }
.footer-info { _width:844px; }
.stake1 { _bottom:-36px; }
.stake2 { _bottom:-36px; }
#footer-middle .hr { _margin:3px 0; }