/*
	Advanced Womens Imaging ~ Core CSS.
	Learn more ~ http://www.advancedwomensimaging.com.au/

	Created by Six Degrees the Agency.
	Learn more ~ http://www.sixdegreestheagency.com/

	Based on the 960 Grid System.
	Learn more ~ http://960.gs/
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

#container {margin: 0 auto; position: relative; width: 960px; z-index: 100;}

/* `Div >> Global
----------------------------------------------------------------------------------------------------*/

#left-column, #right-column, .page-teaser, #log-in, #partner-link, #page-h1, #page-banner, #page-content.page-images, #page-images {display: inline; float: left;}

/* `Div
----------------------------------------------------------------------------------------------------*/

#background {height: auto; min-height: 100%; min-width: 1024px; position: fixed; left: 0; top: 0; width: 100%; z-index: 50;}
@media screen and (max-width: 1024px) {#background {left: 50%; margin-left: -512px; }}

#header {margin: 20px 0; width: 960px;}

#content {background: url(../img/content-top.png) left top no-repeat; padding: 14px 0 0; width: 960px;}
#content-inner {background: url(../img/content-middle.png) left top repeat-y; width: 100%;}
#content-closure {background: url(../img/content-bottom.png) left top no-repeat; height: 10px; width: 960px;}

#left-column {margin: 0 10px; width: 220px;}
#right-column {width: 720px;}

#front-hero {background: url(../img/hero-bg.png) left top no-repeat; height: 285px; margin: 0; overflow: hidden; padding: 20px; width: 680px;}
#front-hero-inner {height: 285px; margin: 0; overflow: hidden; padding: 0; width: 680px;}
.page-teaser {background: url(../img/page-teaser-bg.png) left top no-repeat; height: 175px; margin: 0; overflow: hidden; padding: 10px; width: 220px;}
#log-in {background: url(../img/login-bg.png) left top no-repeat; height: 82px; margin: 0; padding: 20px; width: 500px;}
#partner-link {background: url(../img/partner-link-bg-front.png) left top no-repeat; height: 82px; margin: 0; padding: 20px; width: 140px;}

#page-heading {background: url(../img/content-headline-bg.png) left top no-repeat; height: 118px; margin: 0; overflow: hidden; padding: 20px; width: 680px;}
#body {background: url(../img/content-body-bg-top.png) left top no-repeat; padding: 15px 0 0; margin: 0; width: 720px;}
#body-inner {background: url(../img/content-body-bg-middle.png) left top repeat-y; padding: 20px; width: 680px;}
#body-closure {background: url(../img/content-body-bg-bottom.png) left top no-repeat; height: 15px; margin: 0; width: 720px;}
#partner-link-page {background: url(../img/partner-link-bg-page.png) left top no-repeat; height: 30px; padding: 15px 20px 20px; width: 680px;}

#page-h1 {height: 108px; padding: 10px 0 0 5px; width: 225px;}
#page-banner {height: 118px; overflow: hidden; width: 450px;}
#page-content {margin: 0 20px 0 20px; width: 650px;}
#page-content.page-images {margin: 0 10px 0 20px; width: 415px;}
#page-images {margin: 0 0 0 35px; width: 200px;}
.page-image {-moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #d4cdc5; margin-bottom: 10px; padding: 10px;}

/* `Classes
----------------------------------------------------------------------------------------------------*/

.page-teaser img {display: block; height: 92px; margin: 0; padding: 0; width: 220px;}
#partner-link-page img {display: inline; float: right; height: 30px; margin-left: 10px;}
#block-menu-menu-administration {margin-top: 25px;}
table.sticky-table td {padding: 10px;}
#front-hero-inner img {height: 285px; width: 680px;}
#page-banner img {height: 118px; width: 450px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

html body div.clear, html body span.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}