/**
 * @version		$Id$
 * @package		Jooma Template - Tucker & Marks
 * @copyright	Copyright (C) 2007 KAA Design Group
 * @license		GNU/GPL
 *
 * This CSS document defines the styles necessary
 * for the main menu for the Tucker & Marks website
 */
 
/**** Hide images in drop menus ****/
.smOW img,
#menu img {
	display:			none;
}


/*** Thumbnail menu inside page - used for approach, portfolio, and publications overview **/
#page-wrapper ul.thumbs {
	list-style:			none;
	margin:				0;
	padding:			0;
}

#page-wrapper ul.thumbs li {
	float:			left;
	display:		inline;
	margin:			0 10px 10px 0;
	overflow:		hidden;
	padding:		0;
}

#page-wrapper ul.thumbs li span {
	color:				#FFFFFF;
	background:			#C8C8C8;
	width:				100%;
	height:				20px;
	line-height:		20px;
	display:			block;
	font-size:			14px;
	text-transform:		capitalize;
	padding:			0 0 4px 10px;
	margin:				4px 0 0 0;
	float:				left;
	clear:				both;
}

#page-wrapper ul.thumbs li a:hover span {
	background:			#000000;
}

#page-wrapper ul.thumbs li img {
	margin:				0;
	padding:			0;
	border:				0;
}

/** hide separators **/
#page-wrapper ul.thumbs li.item20,
#page-wrapper ul.thumbs li.item43,
#page-wrapper ul.thumbs li.item24,
#page-wrapper ul.thumbs li.item25,
#page-wrapper ul.thumbs li.item26,
#page-wrapper ul.thumbs li.item32,
#page-wrapper ul.thumbs li.item44,
#page-wrapper ul.thumbs li.item45,
#page-wrapper ul.thumbs li.item46,
#page-wrapper ul.thumbs li.item47,
#page-wrapper ul.thumbs li.item48 {
	display:			none;
}

/*** Override some sizes for the specific inpage thumbnail menus ***/
#page-wrapper ul.approach {
	width:				500px;
	height:				376px;
	overflow:			hidden;
	display:			block;
}

#page-wrapper ul.publications,
#page-wrapper ul.portfolio {
	width:				660px;
	height:				238px;
	overflow:			hidden;
	display:			block;	
}

#page-wrapper ul.approach li,
#page-wrapper ul.approach li span,
#page-wrapper ul.publications li,
#page-wrapper ul.publications li span {
	width:				155px;
}

#page-wrapper ul.portfolio li,
#page-wrapper ul.portfolio li span {
	width:				210px;
}




/**** Our Approach text only menu inside page ***/
#wrapper ul.text {
	list-style:			none;
	margin:				0;
	padding:			0;
	width:				48em;
	display:			block;
	position:			absolute;
	top:				44em;
	left:				34em;
	text-transform:		uppercase;
	text-align:			center;
	font-size:			10px;
	font-weight:		bold;
}

#wrapper ul.text li {
	float:				left;
	margin:				0 .8em 0 0;
	padding:			0;
}

#wrapper ul.text li.active a{
	color:				#C82133;
}