﻿/*--------------------------------------------------------------------------

Firetext - Home Page Style Sheet

Version:	    1.0
Author:		    Springnet Media
Author URL:	    http://www.springnet.co.uk


*** Last Modify Date: 08/02/2010 ( Daniel ) ***

--------------------------------------------------------------------------*/



/* =Home Page
--------------------------------------------------------------------------*/

/* Content Container */

div.content-container { border: 0; padding: 0; width: 920px; }
body.home h1 { height: 0; width: 0; color: #fff; padding: 0; margin: 0; overflow: hidden; line-height: 0; }

/* Banner */

body.home div.banner  
{
    width: 920px !important;
    overflow: hidden; 
    float: left; 
    clear: both; 
    height: 401px;
    position: relative;
    padding: 0;
    margin: 0 0 -2px 0;
}
div.banner ul { }
div.banner ul li { display: block; width: 920px; height: 400px; }
div.banner ul li a { display: block; width: 920px; height: 400px; }

body.home div.banner div.share-this { display: block; width: 300px; position: absolute; bottom: 20px; right: 16px; z-index: 99; }
body.home div.banner div.share-this h3 { display: none; }
body.home div.banner div.share-this a { float: right; clear: none; margin: 0 0 0 15px; opacity: .7; }
body.home div.banner div.share-this a:hover { opacity: 1; }

body.home div.banner  
{
	background: none; 
}


/* Home Slideshow */

body.home div.banner ul { }
body.home div.banner ul li a 
{
	display: block;
	width: 920px;
	height: 400px;
	overflow: hidden;
	text-decoration: none;
	background-image: url(/resources/img/firetext_banner_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
body.home div.banner ul li a:hover { text-decoration: none; }

body.home div.banner div.freeform { width: 320px; padding: 50px; }
body.home div.banner ul li a h2 { font-weight: bold; color: #777; font-size: 1.5em; padding: 0 0 10px 0; line-height: 1.5; }
body.home div.banner ul li a h3 { font-weight: normal; color: #888; font-size: 0.88em; line-height: 1.6; padding: 0 0 30px 0; }
body.home div.banner ul li a:hover h2,
body.home div.banner ul li a:hover h3,
body.home div.banner ul li a:hover p { color: #CF3E0C; }

body.home div.banner ul li a p { font-weight: bold; font-size: 1em; position: relative; }
body.home div.banner ul li a p b  
{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 7px;
	font-weight: bold; 
	font-size: 1em; 
	text-indent: -9999em;
	background: url(/resources/img/icons/arrow_off.png) 0 0 no-repeat;
}
body.home div.banner ul li a:hover p b { background: url(/resources/img/icons/arrow.png) 0 0 no-repeat; } 


/* Slide 1 */

body.home div.banner ul li.family { } 
body.home div.banner ul li.family a 
{
	background-position: -920px 0;
}
body.home div.banner ul li.family a:hover { background-position: 0 0; } 


body.home div.banner ul li.family div.freeform { padding: 63px 70px; }


/* Slide 2 */

body.home div.banner ul li.award { } 
body.home div.banner ul li.award a 
{
	background-position: -4600px 0;
}
body.home div.banner ul li.award a:hover { background-position: -3680px 0; } 
body.home div.banner ul li.award div.freeform { padding: 83px 56px; }



body.home div.banner ul li.easy { } 
body.home div.banner ul li.easy a 
{
	background-position: -6440px 0;
}
body.home div.banner ul li.easy a:hover { background-position: -5520px 0; } 
body.home div.banner ul li.easy div.freeform { padding: 70px 85px; width: 370px; }


body.home div.banner ul li.damage { } 
body.home div.banner ul li.damage a 
{
	background-position: -2760px 0;
}
body.home div.banner ul li.damage a:hover { background-position: -1840px 0; } 
body.home div.banner ul li.damage div.freeform { padding: 65px 55px; }
body.home div.banner ul li.damage div.freeform h2 { padding: 0 0 17px; }



/* P-Content */

body.home div.p-content  
{
    float: left; 
    clear: both;
    width: 918px;
    margin: 0;
    min-height: 0px; /* reset default template */
    padding: 0 1px;
    border: 0;
    background: url(/resources/img/pods/full_bottom_large.gif) bottom left no-repeat;
}

body.home div.p-content div.pod  
{
    float: left; 
    clear: none; 
    width: 305px; 
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #fff;
    font-size: 0.81em;
    color: #888;
    background: url(/resources/img/1px_background.gif) 0 0 repeat-x;
}
body.home div.p-content div.pod a  
{
    display: block;
    border-right: 1px solid #fff;
    width: 248px;
    padding: 25px 26px 25px 30px;
    height: 140px;
    float: left;
    clear: both;
    color: #888;
    text-decoration: none;
} 

/* body.home div.p-content div.life-saving { background: url(/resources/img/pods/home/backgrounds/heart.png) bottom right no-repeat; } */
body.home div.p-content div.life-saving a { background: url(/resources/img/icons/custom/heart_off.png) 230px 115px no-repeat; }
body.home div.p-content div.life-saving a:hover { background: url(/resources/img/icons/custom/heart.png) 230px 115px no-repeat; }

/* body.home div.p-content div.research { background: url(/resources/img/pods/home/backgrounds/research.png) bottom right no-repeat; } */
body.home div.p-content div.research a { background: url(/resources/img/icons/custom/research_off.png) 243px 115px no-repeat; }
body.home div.p-content div.research a:hover { background: url(/resources/img/icons/custom/research.png) 243px 115px no-repeat; }

/* body.home div.p-content div.partnerships { background: url(/resources/img/pods/home/backgrounds/partnerships.png) bottom right no-repeat; } */
body.home div.p-content div.partnerships a { background: url(/resources/img/icons/custom/partnerships_off.png) 220px 115px no-repeat; }
body.home div.p-content div.partnerships a:hover { background: url(/resources/img/icons/custom/partnerships.png) 220px 115px no-repeat; }

body.home div.p-content div.pod a:hover { color: #CF3E0C; text-decoration: none; } 




body.home div.p-content div.last,
body.home div.p-content div.last a { border-right: 0; margin: 0; }  


body.home div.p-content div.pod a h3  
{
    font-size: 1.46em;
    color: #777; 
    font-weight: bold; 
    padding: 0 0 10px 0;
}  
body.home div.p-content div.pod a h3 strong { display: none; }  

body.home div.p-content div.pod a p { line-height: 1.6; padding: 0 30px 13px 0; }
body.home div.p-content div.pod a span.read  
{
    display: inline-block; 
    padding: 0 12px 3px 0;
    color: #888;
    font-weight: bold;
    font-size: 1.05em;
    /* background: url(/resources/img/icons/arrow.png) right 5px no-repeat; */
}

body.home div.p-content div.pod a:hover h3,
body.home div.p-content div.pod a:hover span.read { color: #CF3E0C; }

body.home div.p-content div.pod a span.read strong { display: none; }  


/* body.home div.p-content div.pod a:hover span.read { background: url(/resources/img/icons/arrow_off.png) right 5px no-repeat; } */

div.footer
{
    width: 888px;
    padding: 15px 16px 32px 16px; 
    float: left; 
    clear: both;
    text-align: left;
    overflow: hidden;
    background: none;
}

