/*
	Total Retirement Solutions ~ Core CSS.
	http://www.totalretirementsolutions.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/

*/

/* `General HTML
----------------------------------------------------------------------------------------------------*/

img {border: 0 none;}

/* `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; }}
#container {margin: 20px auto; position: relative; width: 960px; z-index: 125;}
#container-inner {border: 1px #807c6e; border-style: none solid; padding: 20px 0; width: 938px;}
#header, #navigation {margin-bottom: 25px; width: 860px;}
#left-column {margin: 0 20px 25px 40px; width: 600px;}
#left-column-inner-top {background: url(../img/left-column-top-background.png) top left repeat; border: 1px #807c6e; border-style: none solid solid; padding: 0 40px;}
#left-column-inner-bottom {background: url(../img/left-column-bottom-background.png) top left repeat; border: 1px #807c6e; border-style: none solid; padding: 25px 40px 10px;}
#right-column {margin: 0 0 25px 0; width: 240px;}
#white-block-inner {background: url(../img/white-block-background.png) top left repeat; border: 1px #5c524c; border-style: none solid; padding: 40px 15px 25px;}
#green-block-inner {background: url(../img/green-block-background.png) top left repeat; border: 1px #5c524c; border-style: none solid; padding: 15px;}
#blue-block-inner {background: url(../img/blue-block-background.png) top left repeat; border: 1px #5c524c; border-style: none solid; padding: 15px;}
#footer {width: 860px;}
#video-link {background: url(../img/video-link-hover.png) left top no-repeat; display: inline-block; float: left; margin: 0 20px 0 0; width: 208px;}
#video-link a {background: url(../img/video-link.png) left top no-repeat; display: block; height: 158px; width: 208px;}
#video-link a:hover {background: none;}

/* `Navigation
----------------------------------------------------------------------------------------------------*/

.navigation-item a {background: url(../img/navigation.png) no-repeat; display: block; height: 39px;}

#nav-01 {background-position: left top; width: 160px;}
#nav-01:hover, #nav-01.active:hover {background-position: left -39px;}
#nav-01.active {background-position: left -78px;}
#nav-02 {background-position: -160px top; width: 316px;}
#nav-02:hover, #nav-02.active:hover {background-position: -160px -39px;}
#nav-02.active {background-position: -160px -78px;}
#nav-03 {background-position: -476px top; width: 173px;}
#nav-03:hover, #nav-03.active:hover {background-position: -476px -39px;}
#nav-03.active {background-position: -476px -78px;}
#nav-04 {background-position: -649px top; width: 211px;}
#nav-04:hover, #nav-04.active:hover {background-position: -649px -39px;}
#nav-04.active {background-position: -649px -78px;}

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

.float-left {display: inline; float: left;}
.display-block {display: block;}
.center-align {margin: 0 auto;}
.block-spacing {margin-bottom: 20px;}
.footer-logo {margin-right: 10px;}
.footer-lift {position: relative; bottom: 10px;}

/* `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;}