/* =====================================================================	
		home.css
========================================================================	
   	Author:
   	Date:
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------
   This stylesheet is only called from the home page.
   		
========================================================================*/  


/* =layout
------------------------------------------------------------------------*/

/* Home page has a 3 column appearance */
#wrapper{ background:transparent url("/img/structure/top-home.gif") top left no-repeat;}
#wrapper_a{ background:#fff url("/img/structure/middle-home.gif") top left repeat-y;}
#wrapper_b{	background:transparent url("/img/structure/bottom-home.gif") bottom left no-repeat;}


#main-content{
 	margin-top:0px;
}

#inner-col2{
	margin-top:78px;					/* align with middle col content */
}

div.inset{
	margin-top:102px;					/* align with middle col content */
}


 /* =Different header image and mask on homepage
------------------------------------------------------------------------*/
#head-img,#head-img-mask{
	height:324px;
	background:transparent url(/img/masthead/kite.jpg) top left no-repeat;
}

#head-img-mask{
 	background:transparent url(/img/structure/mask-home.png) top left no-repeat;
}


 /* =bottom right buttons
------------------------------------------------------------------------*/
a.choose, a.discover{
 	/* position:relative; */
 	width:201px;
	display:block;
	background-color:#0094C4;
	color:#fff !important;
	line-height:28px;
	margin-top:10px;
	cursor:pointer;
 }

a.choose { margin-top:6px;} 




/* =misc
------------------------------------------------------------------------*/	
p.more{ margin-top:10px;}

h3.need{ margin-top:2px;}
	


/* =banner text
------------------------------------------------------------------------*/	
#image-text{
	position:absolute;
	top:15px;
	left:518px;
}

#image-text h2{
	font-size:3.2em;
	color:#fff;
	padding:0px;
	letter-spacing:1px;
}

h2.breeze{ margin:0 0 8px 0;}
	
#image-text a{
	 color:#fff;
	 text-transform:uppercase;
	 background: url(/img/structure/arrow_white.png) center left no-repeat;
	 padding-left:15px;
}