@charset "utf-8";
/*
Title:	Imports for Screen media
Author:	http://voodoocreative.com.au/
*/


/* import stlesheets
---------------------------------------*/
@import url("content.css");
@import url("ie.css");


/* Basic Resets
---------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.5;}
ol, ul {list-style: none;}


/* Preferred defaults
---------------------------------------*/
/* Anti Mac fat text */				html {-webkit-font-smoothing: antialiased;}
/* Remove boarders on images */		img {border:none;}
/* Group for float containers*/		.group:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
/* Cursor for submit UX */			input[type="submit"]{cursor:pointer;}
/* Define for accessibility */		:focus {/*outline-color:invert; outline-style:none; outline-width:medium;*/}
/* Refine textarea resize*/			textarea{resize:vertical; min-height:2em;}
/* Generic float class*/			.floatLeft{float:left;} .floatRight{float:right;}


/* Fonts
---------------------------------------*/
@font-face {
	font-family: 'MerriweatherLight';
	src: url('../layout/fonts/Merriweather-Light-webfont.eot');
	src: url('../layout/fonts/Merriweather-Light-webfont.eot#iefix') format('embedded-opentype'),
	     url('../layout/fonts/Merriweather-Light-webfont.woff') format('woff'),
		 url('../layout/fonts/Merriweather-Light-webfont.ttf') format('truetype'),
		 url('../layout/fonts/Merriweather-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MerriweatherBold';
	src: url('../layout/fonts/Merriweather-Bold-webfont.eot');
	src: url('../layout/fonts/Merriweather-Bold-webfont.eot#iefix') format('embedded-opentype'),
	     url('../layout/fonts/Merriweather-Bold-webfont.woff') format('woff'),
		 url('../layout/fonts/Merriweather-Bold-webfont.ttf') format('truetype'),
		 url('../layout/fonts/Merriweather-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* General Styles
---------------------------------------*/
body {
	font-family: MerriweatherLight, Georgia, "Times New Roman", Times, serif;
	background: #000;
}
.wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
}
#headerRow,
#slidesRow,
#navRow,
#contentRow,
#footerRow {
	clear: both;
	min-width: 960px; }
#contentRow {
	padding: 60px 0 0;
	background: #FFF;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

    .form-label{
        width:300px !important;
    }
    .form-label-left{
        width:300px !important;
    }
    .form-line{
        padding:10px;
		clear:none;
    }
    .form-label-right{
        width:300px !important;
    }
    .form-all{
        width:920px;
        font-family: MerriweatherLight, Georgia, "Times New Roman", Times, serif;
		color: #000000;
        font-size:22px;
    }
	.form-all ul {
		margin:0;
	}
	input, label, #input_7 {
	font-size: 22px;
	color:#000000;
	 font-family: MerriweatherLight, Georgia, "Times New Roman", Times, serif;

	}
	.form-submit-button {
		background-color: #1072BA; 
		color: #FFFFFF; 
		width: 920px; 
		padding: 10px;
		display:block;
		font-size: 22px;
		font-family: MerriweatherLight, Georgia, "Times New Roman", Times, serif;

	}
	
.imgBox{margin:0 20px 170px 0;}

.rightColumn {
	width: 500px;
	float: right; 
	margin-bottom: 30px;
}

table th {
	color: #FFFFFF;
	background-color: #1072BA;
	border: 1px solid #FFFFFF;
	padding: 6px;
	border-collapse: collapse;
}

table td {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table {
	border-collapse: collapse;

}
tr:nth-child(even) {background: #FFFFFF}
tr:nth-child(odd) {background: #c8e7fd}
	
span em {
	font-size: 0.7em;
}
/* Header Styles
---------------------------------------*/
#headerRow {
	font-size: 13px;
	padding: 10px 0;
	height: 120px;
	color: #6d6e71;
	background: #FFF;
}
#headerRow a {
	color: #6d6e71;
	text-decoration: none;
}
#headerRow a:hover {
	color: #1072BA;
}

/* Logo */
#headerRow h1 {
	margin-top: 26px;
}
#headerRow h1 a {
	display: block;
	width: 277px;
	height: 90px;
	overflow: hidden;
	text-indent: -99em;
	background: url(../layout/logo.png) no-repeat 0 0;
}
/* Contact Info */
#headerRow .contactInfo {
	margin-bottom: 20px;
}
#headerRow .contactInfo,
#headerRow .contactInfo a {
	color: #A9A9A9;
}
#headerRow .contactInfo a:hover {
	color: #1072BA;
}
#headerRow .contactInfo span {
	float: left;
	display: inline;
	margin-left: 45px;
	padding-left: 35px;
	height: 14px;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: left center;
}
#headerRow .contactInfo .contactPhone {
	background-image: url(../layout/contactPhone.png);
}
#headerRow .contactInfo .contactEmail {
	background-image: url(../layout/contactEmail.png);
}
/* Header Nav */
#headerRow .nav {
	clear: right;
	width: 576px; }
#headerRow .nav li {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 124px;
	font-size: 0.96em;
}
#headerRow .nav li a {
	display: block;
	margin-top: 10px;
	line-height: 24px;
	border-bottom: 1px solid #828282;
}


/* Slides Styles
---------------------------------------*/
#slidesRow {
	height: 318px;
	overflow: hidden;
	color: #FFF;
	background: url(../layout/slidesBG.jpg) repeat-x center top;
}
#slidesRow .slideText {
	position: relative;
	z-index: 100;
}
.slideText {
	margin-left: 3px;
}
.slideText a {
	color:#FFFFFF;
	text-decoration: none;
	display:block;
	height:318px;
}
.slideText a:hover {
	color: #CCCCCC;
	cursor:pointer;
}

#slidesRow .scrollable img {
	position: absolute;
	z-index:1;
}
#slidesRow .scrollable h2 {
	font-family: 'MerriweatherBold', Georgia, "Times New Roman", Times, serif;
	font-size: 90px;
	line-height: .8;
	margin-bottom: 20px;
}
#slidesRow .scrollable h3 {
	font-size: 27px;
	line-height: 1;
	margin-bottom: 10px;

}
.textMain, .texth2 {
	font-family: 'MerriweatherBold', Georgia, "Times New Roman", Times, serif;
	font-size: 72px;
	line-height: 1;
	margin-bottom: 20px;
	display:block;
	position:absolute;
	letter-spacing:-0.02em;
}
.texth2{font-size:45px; text-transform:uppercase;}
.texth3{text-transform:uppercase; position:absolute; font-size:27px;}
.textCopy{font-size:17px; text-transform:none;}
.compass .textMain{top:51px; right:10px; width:540px; text-align:right;}
.compass .texth3{text-align:right; right:10px; bottom:38px;}
.compass img{top:43px; left:0;}
.lightblub .textMain{font-size:90px; line-height:0.8; left:152px; top:32px;}
.lightblub .textMain span{padding-left:68px;}
.lightblub .texth3{left:120px; bottom:34px;}
.lightblub img{right:140px; top:26px;}
.signpost .textMain{top:30px; right:80px; font-size:45px; font-weight:lighter;}
.signpost .textMain span{padding-left:80px;}
.signpost .texth2{top:136px; right:134px;}
.signpost .texth2 strong, .signpost .textMain strong{font-size:56px;}
.signpost .texth3{text-align:right; right:80px; bottom:38px;}
.signpost img{left:80px;}
.umbrella .textMain, .calculator .textMain{font-size:45px; top:50px; left:34px; line-height:1.1; font-weight:bold;}
.umbrella .texth3, .calculator .texth3, .binoculars .texth3{left:34px; bottom:30px;}
.umbrella img, .calculator img {right:0;}
.cash .textMain{right:45px; top:18px; font-size:47px;}
.cash .texth2{right:70px; top:72px; font-size:63px; font-weight:bold; text-indent:75px;}
.cash .texth3{text-align:right; right:50px; bottom:38px;}
.binoculars .textMain{font-size:45px; left:128px; top:33px;}
.binoculars .textMain span{padding-left:63px;}
.binoculars .texth2{font-size:71px; left:84px; top:126px; text-transform:uppercase;}
.binoculars img{right:10px; top:16px;}

/* Main Nav Styles
---------------------------------------*/
#navRow {
	height: 66px;
	color: #FFF;
	background: #000;
}
#navRow .nav {
	position: relative;
}
#navRow .nav ul {
	position: absolute;
}
#navRow .nav li {
	float: left;
}
#navRow .nav li a {
	position: relative;
	top: -22px;
	font-family: 'MerriweatherBold', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	display: block;
	width: 110px;
	padding: 35px 37px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: -99em;
	background-repeat: no-repeat;
	background-position: center 0;
	z-index:100;
}
#navRow .nav li a.item1 {
	background-image: url(../layout/navItem1.png);
	width: 140px;
	padding-right: 24px;
	padding-left: 20px;
}
#navRow .nav li a.item2 {
	background-image: url(../layout/navItem2.png);
}
#navRow .nav li a.item3 {
	background-image: url(../layout/navItem3.png);
}
#navRow .nav li a.item4 {
	background-image: url(../layout/navItem4.png);
}
#navRow .nav li a.item5 {
	background-image: url(../layout/navItem5.png);
}
#navRow .nav li a.oneLine {
	padding: 45px 0;
	width: 184px;
	height: 20px;
	white-space: nowrap;
}
#navRow .nav li a:hover {
	text-indent: 0;
	background-image: url(../layout/navItem0.png);
}

.preLoad{
	display:none;
	background-image: url(../layout/navItem0.png);
}

/* Footer Styles
---------------------------------------*/
#footerRow {
	font-size: 11px;
	line-height: 1.75;
	padding: 25px 0;
	background: #000;
	color: #FFF;
	text-align: center;
}
#footerRow a {
	color: #FFF;
	text-decoration: none;
}
#footerRow p {
	clear: both;
	margin-bottom: 10px;
}
/* Footer Nav */
#footerRow .nav {
	float: left;
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
}
#footerRow ul {
	float: left;
	position: relative;
	left: 50%;
}
#footerRow li {
	float: left;
	position: relative;
	left: -50%;
}
#footerRow li a {
	display: block;
	padding: 0 10px;
	border-left: 1px solid #FFF;
}
#footerRow li:first-child a {
	border: none;
}
#footerRow li a:hover {
	text-decoration: underline;
}

/*_____________________________________________________________
______________________________________________________________*/

.iconLink, .iconLink2, .iconLink3 {	z-index: 10; }
.iconLink a span strong.title, .iconLink2 a span strong.title { 
	display: block;
	background:#80298F url(https://sheridanfp.com.au/layout/bg-icons-titles.gif) repeat-y left top;
	width: 550px;
	color: #ffffff;
	font-size: 1.7em;
	margin-left: -22px;
	margin-bottom: 14px;
}
.iconLink3 a span strong.title { 
	display: block;
	background:#80298F url(https://sheridanfp.com.au/layout/bg-icons-titles.gif) repeat-y left top;
	width: 700px;
	color: #ffffff;
	font-size: 1.7em;
	margin-left: -22px;
	margin-bottom: 14px;
}
.iconLink a span, .iconLink2 a span, .iconLink3 a span { 
	position: relative;
	top: -320px;
	display: block;
	color:#414042;
	width: 550px;
	border: 1px solid #000000;
	font-size: 0.8em;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=000);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-webkit-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease;  
    -moz-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
    -o-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease;  
    transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
}
.iconLink3 a span { top: -390px; width: 700px;}
.iconLink2 a span { top: -680px;}
.iconLink a:hover span, .iconLink2 a:hover span, .iconLink3 a:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
    -moz-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
    -o-transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
    transition: /*left 600ms ease, right 600ms ease*/ opacity 600ms ease; 
}

.iconLink a, .iconLink2 a, .iconLink3 a {
	display: block;
	width: 150px; 
	height: 38px;
	/*position: absolute; */
	-webkit-transition: width 500ms ease, height 500ms ease, border 500ms ease;  
    -moz-transition: width 500ms ease, height 500ms ease, border 500ms ease;
    -o-transition: width 500ms ease, height 500ms ease, border 500ms ease;  
    transition: width 500ms ease, height 500ms ease, border 500ms ease; 
}
.iconLink a:hover, .iconLink2 a:hover, .iconLink3 a:hover {
	display:block;
	/*width: 550px;
	height: 250px;*/
	-webkit-transition: width 500ms ease, height 500ms ease, border 500ms ease;  
    -moz-transition: width 500ms ease, height 500ms ease, border 500ms ease;
    -o-transition: width 500ms ease, height 500ms ease, border 500ms ease;  
    transition: width 500ms ease, height 500ms ease, border 500ms ease; 	
}

/* LEFT
==========================================================*/
a span.life { left: -500em; }
a:hover span.life {left: 0em; }

a span.charity { left: -500em; }
a:hover span.charity {left: -150px; }


/* GRAPHS
==========================================================*/
#lifeBox a { top: 58px; right: 34px; background: url(../layout/see-more.jpg) no-repeat center center;}
#lifeBox a:hover { background:url(../layout/see-more-hover.jpg) no-repeat center center; }