/* Styles for the home page. 
	Basis for these styles are in background.css 
*/


/* z-index order
	#mainImage 10
	landing page modules 25
	heading : 30
	logo : 39;
	action-box : 40
	calloutBox : 45
	searchBox : 50
	also in	navigation.css = #navigation: 100

*/

/* Contents: */
/* 005 Backgrounds */
/* 007 Header */
/* 008 'Call to Action' box and arrows */
/* 010 Navigation */
/* 020 Search form */
/* 030 Logo */

/* Contents */
/* 010 Heading */
/* 020 Navigation */


body#t1 {
	background : url(../../images/gradient_tile.gif) #EFEBED repeat-x;
}

#wrapper	{
	background:none;
}

#t1 #flashWrap {
	background : none;
}

#t1 #mainImage 
{
	display: block;
	position : absolute;
	top: 0px !important;
	left : 147px !important;
	z-index:10 ;
}

#t1 #subHeading 
{
	display: block;
	
}
#t1 DIV#mainImageWrapper	{
	position : absolute;
	top: 0px;
	left : 168px;
	width:580px;
	text-align:right;
	z-index:10px !important;
	
}

#t1 #logo{
	top : 244px;
	left : 462px;
}


/* 010 Heading */

#t1 #heading {
	position: relative;
	background : url(../../images/header_device_2.gif) transparent no-repeat 9px 9px;
	margin-top : 18px;
	margin-left : 6px; 
	width : 321px;
	min-height : 260px;
	z-index:30;
}

*html #t1  #heading{
	height : 260px;
	margin-top : 33px;
}

#t1 #heading h1{
	width : 340px;
	margin-bottom : 0.3em;
	font-size : 2.6em;
	letter-spacing : 0em;
	line-height : 1.1em;
}

body#t1 div#heading p{
	font-size : 1.90em;
	line-height : 1.1em;
	letter-spacing : -0.01em;
	color : #fff;
}

/* Trailing diagonal squares device will appear at last word in subtitle */
/*#t1 #heading p span{ 
	background : url(../../images/header_device_large.gif) transparent no-repeat bottom right;
	padding : 0 10px 40px 0;
}*/

/* 020 Navigation */

#t1 #navigation a span{
	margin-left : 0px;
}

#t1 #navigation #item01 a:hover{
	background : #ff2ad4;
}

#t1 #navigation #item01 a:hover span{
	background : url(../../images/link_indicator_lrg_pink.gif) no-repeat 0px 0px;
}	

#t1 #navigation #item02 a:hover{
	background : #382ff8;
}

#t1 #navigation #item02 a:hover span{
	background : url(../../images/link_indicator_lrg_blue.gif) no-repeat 0px 0px;
}	

#t1 #navigation #item03 a:hover{
	background : #07bf81;
}

#t1 #navigation #item03 a:hover span{
	background : url(../../images/link_indicator_lrg_green.gif) no-repeat 0px 0px;
}	



/* 040 Action box */

#t1 .actionBox
{ 
	background : transparent url(../../images/action_box_home.png) no-repeat bottom right;
	position : absolute;
	top : 63px;
	left : 504px;
	width  :231px;
	z-index : 40;
	text-align : right;
	padding : 7px 7px 0px 7px;
}

#t1 .actionBox p{
	font-weight : bold;
	color : #fff;
	width : auto;
	background : #ff2ad4;
	margin-bottom : 1px;
	padding-right : 5px
}

	
#t1  p.actionText{
	background : transparent url(../../images/arrow_action_pink.gif) no-repeat center left;
	width : 186px;
	margin : 0 0px 0 40px;
	padding : 0 5px 0 0;
	font-size : 0.90em
}

#t1 .actionContent{
	width : 182px;
	margin-left : 49px;
	background : #fff;
	padding : 7px 0 7px 0px;
	min-height:84px; /* ie6.css has variant */
}

#t1 .actionContent p{
	background : none;
	color : #666;
	font-family : georgia, serif;
	font-weight : normal;
	font-size : 0.90em; 
	line-height : 1.3em;
	margin : 0 11px 0 5px;
}




#t1 .actionContent .quote{
	vertical-align : middle;
	margin-right : 2px;
}

/* 030 Callout box */

#t1 .actionBox .calloutBox{
	background : transparent url(../../images/callout_bg_02.png) no-repeat bottom left;
	width  :153px;
	z-index : 45;
	color : #fff;
	height:auto !important;
	float : right;
	margin-top : 18px;
	padding-bottom : 20px;
	display:inline-block;
	
}

#t1 .actionBox .calloutBox p{
	margin : 0px 12px 0 5px;
	padding-top: 10px !important;
	font-size : 1.4em;
	font-weight: normal;
	line-height:125%;
	background-image : none;
	background-color : transparent;
	
}

#t1 .actionBox .calloutBox P.narrowed{
	margin : 14px 12px 0 25px;
}



#t1 .actionBox a{
	text-decoration : underline !important;
	color : #fff;
	background : transparent url(../../images/link_indicator_med_pink.gif) no-repeat center left;
	padding-left : 7px;
}

#t1 .actionBox .calloutBox A {
	padding-left : 11px;
	background:none;
}

#t1 .calloutBox a:hover { text-decoration : underline }

#t1 #calloutBox_solo{
	position : absolute;
	top : 136px;
	left : 82px;
}

/* 050 Landing page modules */

/* gets overwritten by next-gen browsers */
#t1 div#landingPageModule_01 {height: 1%;}

#t1 div#landingPageModule_01{
	margin-left : 23px;
	margin-bottom : 29px;
	background : transparent url(../../images/landing_page_module_bg.gif) repeat-y top left;
	position : relative;
	z-index : 10005;
}

#t1 div#landingPageModule_01:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#t1 .landingPageModule{
	float : left;
	
	width : 226px;
	position : relative;
	z-index : 25;
	background : transparent;
	padding : 10px 24px 10px 8px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:210px; 
} html>body .content {
	width:210px;
} 

#t1 #inPage{
	float : none;
	width : 300px;
	height : auto;
	background : #EBE6E8 url(../../images/arrow_bg_light_grey.gif) no-repeat bottom right;
	margin : 14px 0 7px 23px;
	padding-bottom : 1px;
}

#t1 .landingPageModule h2{	font-size  : 1.2em; margin-left : 0px;font-weight:strong;}
#t1 .landingPageModule p{	font-size  : 0.9em;  margin-left : 6px;line-height:110%;}

#t1 .landingPageModule a{
	padding-left : 6px;
	background : transparent url(../../images/link_indicator_major.png) no-repeat top left;
}

/* 100 Footer */

#t1 #footer{
	margin : 0px 0 0 35px;
	clear : left;
}

/* ensure underlines in place */
.calloutBox A, .calloutBox A P, .calloutBox A P STRONG	{
	text-decoration:underline !important;
}

IMG.homeSlash {
	padding-right:2px;
	margin-top:2px;
	margin-left:-10px;
}