/* CSS Document                 */
/* Project: Food Network Header */
/* Author: Mike Nelson, 5/2007  */
/*------------------------------*/


/*------------------------------*/
/* Change Tagline Image Here (text image next to FN logo)  */

#fn_header #tagline {
	position:absolute;
	top:40px;
	left:105px;
	width:140px;
	height:21px;
	background-image: url(images/tagline.gif);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:2;	
}

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

/* Global layout */

/* REMOVE BODY STYLE FOR PRODUCTION - DEV TEST ONLY */

/*
body {							
	background-color:#75ae29;	
	margin:0px;
	padding:0px;	
}*/

#fn_header {
	position:relative;
	/*background-color:#2d670e;*/
	background-color:#FF0000;
	width:800px;
	overflow:hidden;
}

#fn_header * {
	margin:0px;
	padding:0px;
}

/* end global layout */
/*-------------------------*/
/* Structure */


#fn_header #header_top_row {
	position:relative;
	background-color:#2d670e;
	border-top:solid 2px #22480c;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}

#header_top_row_inner_cell {
	position:relative;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border:solid 1px red;*/
	height:23px;
}

#fn_header #header_top_row #header_top_row_inner_cell #left_top_row_links  {
	position:relative;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fn_header #header_top_row #header_top_row_inner_cell #right_top_row_links  {
	position:absolute;
	top:4px;
	right:10px;
	font-size:11px;
	line-height:11px;	
}

#fn_header span.bullet {
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:center 4px;
	padding-left:7px;
	padding-right:8px;	
}

#fn_header #main_header {
	position:relative;
	background-image: url(images/header_main_bground.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;	
	background-color:#75ae29;
	padding-left:114px;	
	padding-right:12px;
	height:106px;	
}

#fn_header #gradiant {
	position:absolute;
	top:31px;
	right:0px;
	width:102px;
	height:31px;	
	background-image:url(images/gradiant.jpg);
	background-repeat:no-repeat;	
}

#fn_header .clearboth {
	clear:both;
	display:block;
	height:0px;
	line-height:0px;
	visibility:hidden;
}

/* --  Begin slider structure  -- */

#fn_header #slider_outer {
	position:relative;		
	text-align: center;	
	/*border:solid 1px red;*/
}

#fn_header #slider {	
	position:relative;
	height:106px;
	width:680px;
	margin:0px auto;
	text-align:left;
}

/*
* html #fn_header #slider {	
	width:677px;
}
*/

/* search-type buttons */

	/* Recipe */

#fn_header #slider #recipes {
	display:block;
	position:absolute;
	top:9px;
	left:221px;
	width:65px;
	height:28px;		
	background-image: url(images/recipes_final.gif);		
}

#fn_header #slider a#recipe_input {
	display:block;
	width:65px;
	height:28px;	
	background-image: url(images/recipes_final.gif);	
	outline:0px;
}


	/* Topics - Site search */


#fn_header #slider #topics {
	display:block;
	position:absolute;
	top:9px;
	left:291px;
	width:59px;
	height:28px;	
	background-image: url(images/topics_final.gif);
	background-repeat:no-repeat;	
}

#fn_header #slider a#site_input {
	display:block;
	width:59px;
	height:28px;	
	background-image: url(images/topics_final.gif);
	background-repeat:no-repeat;	
}


/* end search-type buttons */


#fn_header #slider #search_field {
	position:absolute;
	top:36px;
	left:213px;	
}

#fn_header #slider #nav {	
	position:absolute;
	bottom:0px;
	left:0px;
	/*width:674px;*/
	height:33px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/nav_temp.jpg);
	background-repeat:no-repeat;
	background-position:bottom;	
	/*border:solid 1px red;*/
}

/* --  End slider structure  -- */


/* --  Begin Nav Buttons  -- */

#nav_home{
	height:33px;
	width:52px;
	float:left;	
	background-image:url(images/nav_home.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_home_btn {
	display:block;
	height:33px;
	width:52px;
	background-image: url(images/nav_home_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_home_btn:hover{
	background-image:url(images/nav_home_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_recipes_cooking {
	height:33px;
	width:132px;
	float:left;
	background-image:url(images/nav_cooking_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;		
}

a.nav_link_cooking_btn {
	display:block;
	height:33px;
	width:132px;
	background-image: url(images/nav_cooking_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_cooking_btn:hover{
	background-image:url(images/nav_cooking_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_holidays_parties {
	height:33px;
	width:132px;
	float:left;
	background-image:url(images/nav_holidays_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_holidays_btn {
	display:block;
	height:33px;
	width:132px;
	background-image: url(images/nav_holidays_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_holidays_btn:hover{
	background-image:url(images/nav_holidays_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_quick_easy {
	height:33px;
	width:99px;
	float:left;
	background-image:url(images/nav_quick_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_quick_btn {
	display:block;
	height:33px;
	width:99px;
	background-image: url(images/nav_quick_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_quick_btn:hover{
	background-image:url(images/nav_quick_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#healthy_eating {
	height:33px;
	width:110px;
	float:left;
	background-image:url(images/nav_healthy_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_healthy_btn {
	display:block;
	height:33px;
	width:110px;
	background-image: url(images/nav_healthy_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_healthy_btn:hover{
	background-image:url(images/nav_healthy_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_tv {
	height:33px;
	width:36px;
	float:left;
	background-image:url(images/nav_tv_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_tv_btn {
	display:block;
	height:33px;
	width:36px;
	background-image: url(images/nav_tv_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_tv_btn:hover{
	background-image:url(images/nav_tv_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_shop {
	height:33px;
	width:50px;
	float:left;
	background-image:url(images/nav_shop_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_shop_btn {
	display:block;
	height:33px;
	width:50px;
	background-image: url(images/nav_shop_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_shop_btn:hover{
	background-image:url(images/nav_shop_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;	
}

#nav_videos {
	height:33px;
	width:65px;
	float:left;
	background-image:url(images/nav_videos_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_videos_btn {
	display:block;
	height:33px;
	width:65px;
	background-image: url(images/nav_videos_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

a.nav_link_videos_btn:hover{
	background-image:url(images/nav_videos_norm_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}


/* --  End Nav Buttons  -- */


#fn_header span.hide {display:none;}

.hide {display:none;}

.invisible {visibility:hidden;}

/* end structure */
/*-------------------------*/
/* text */

#fn_header p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* end text */
/*-------------------------*/
/* links */


#fn_header #header_top_row #header_top_row_inner_cell a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:normal !important;
	
		
}

#fn_header #header_top_row a:link {color:#FFFFFF;text-decoration:underline !important;}
#fn_header #header_top_row a:visited {color:#FFFFFF;text-decoration:underline !important;}
#fn_header #header_top_row a:hover {color:#eff587;text-decoration: none !important;}

#fn_header a.logo_link {
	display:block;
	position:absolute;
	top:0px
	left:0px;
	width:105px;
	height:95px;
	z-index:2;
}


/* end links */
/*-------------------------*/
/* form */


#fn_header form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fn_header input.text {
	color:#0f0f0f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border:1px solid #2D670E;	
	width: 253px;	
	height:18px;
}

#fn_header input#search {
	width:55px;
	height:18px;
	border:0px;
	background-image:url(images/search_norm_hover.gif);
	background-repeat:no-repeat;
	background-position: top center;
	margin-left:21px;
}

#fn_header input#search.btn {
	
	width:55px;
	height:18px;
	background-image:url(images/search_norm_hover.gif);
	background-repeat:no-repeat;
	background-position: top center;
	border:0px;	
}

#fn_header input#search.btnhov {
	width:55px;
	height:18px;
	background-image:url(images/search_norm_hover.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
	border:0px;	
	cursor:pointer;
}


/* end forms */
/*-------------------------*/
/* misc. */

#fn_header .link_space {padding-right:17px;}

#example_page {
	background-image:url(images/example_page2.jpg);
	background-repeat:no-repeat;
	width:954px;
	height:450px;
	margin-left:16px;
}