/*************************************************************
Design specific style sheet
*************************************************************/

/*********************
  content
*********************/
#content img
	{
	display: block;
	margin: 47px auto 0;
	padding: 0 0 42px;
	}

/*********************
  navigation
*********************/
/* sub nav */
#sub_nav
	{
	border-top: 1px solid #999;
	}
#sub_nav ul
	{
	margin: 0 auto;
	padding: 12px 0 0;
	width: 400px;
	list-style-type: none;
	}
#sub_nav li
	{
	float: left;
	margin: 0;
	padding: 0 7px 0 11px;
	background: url(../images/structural/nav_bullet.gif) no-repeat top left;
	}
#sub_nav li.first
	{
	padding-left:7px;
	background: transparent;
	}

#sub_nav li a
	{
	display: block;
	margin: 0;
	padding: 0 0 2px;
	border-bottom: 1px solid #fff;
	height: 7px;
	width: 40px;
	text-indent: -9999px;
	font-size: 0.5em;
	background: url(../images/structural/art_sub_nav.gif) no-repeat;
	}
#sub_nav li a:hover
	{
	border-bottom-color: #999;
	}
#sub_nav li.active a:hover
	{
	border-bottom-color: #fff;
	}

#sub_nav li#p1 a { width: 47px; background-position:    0   0; }
#sub_nav li#p2 a { width: 49px; background-position:  -48px 0; }
#sub_nav li#p3 a { width: 49px; background-position:  -98px 0; }
#sub_nav li#p4 a { width: 50px; background-position: -148px 0; }
#sub_nav li#p5 a { width: 49px; background-position: -199px 0; }
#sub_nav li#p6 a { width: 49px; background-position: -249px 0; }
                                                
#sub_nav li#p1.active a { background-position:    0   -10px; }
#sub_nav li#p2.active a { background-position:  -48px -10px; }
#sub_nav li#p3.active a { background-position:  -98px -10px; }
#sub_nav li#p4.active a { background-position: -148px -10px; }
#sub_nav li#p5.active a { background-position: -199px -10px; }
#sub_nav li#p6.active a { background-position: -249px -10px; }

/* content navigation */
#content_nav
	{
	height: 20px;
	}
#content_nav ul
	{
	margin: 0 auto;
	padding: 0 0 7px;
	height: 13px;
	list-style-type: none;
	}
#content_nav ul#culinablue_cn
	{
	width: 198px;
	}
#content_nav ul#cabespoint_cn
	{
	width: 131px;
	}
#content_nav ul#scaa_cn
	{
	width: 285px;
	}
#content_nav li
	{
	float: left;
	margin: 0;
	padding: 0 7px 0 11px;
	background: url(../images/structural/nav_bullet.gif) no-repeat top left;
	}
#content_nav li.first
	{
	padding-left:7px;
	background: transparent;
	}

#content_nav li a
	{
	display: block;
	margin: 0;
	padding: 0 0 2px;
	border-bottom: 1px solid #fff;
	height: 7px;
	text-indent: -9999px;
	font-size: 0.5em;
	background: url(../images/structural/content_nav.gif) no-repeat;
	}
#content_nav li a:hover
	{
	border-bottom-color: #999;
	}
#content_nav li.active a:hover
	{
	border-bottom-color: #fff;
	}

#content_nav li#c1 a { width: 47px; background-position:    0   0; }
#content_nav li#c2 a { width: 49px; background-position:  -48px 0; }
#content_nav li#c3 a { width: 49px; background-position:  -98px 0; }
#content_nav li#c4 a { width: 50px; background-position: -148px 0; }
#content_nav li#fi a { width: 69px; background-position: -199px 0; }

#content_nav li#c1.active a { background-position:    0   -10px; }
#content_nav li#c2.active a { background-position:  -48px -10px; }
#content_nav li#c3.active a { background-position:  -98px -10px; }
#content_nav li#c4.active a { background-position: -148px -10px; }
#content_nav li#fi.active a { background-position: -199px -10px; }
