body
{
	margin:				0;
	padding:				0;
	background:			#FFF;
	font-size:			100%;
	font-family:		arial, sans-serif;
}

#wrapper	
{
	position:			relative; 
}

/* Header region */
#header
{
	position:			relative;
	padding:				0;
	margin:				0;
	height:				135px;
	border-bottom:		2px solid #C7AC39;
	background:			#F0CF45 url("images/header_bkg.jpg") 0 0 no-repeat;
}

#title	
{ 
	margin:				0; 
}
#title a
{
	position:			absolute;
	height:				100px;
	width:				600px;
	top:					0;
	left:					0;
	text-indent:		-5000px;
	/*background:			url("images/title.gif");*/
}

#subtitle	
{ 
	display:				none; 
}

/* Main page content regions */
#content	
{ 
	margin-top:			0px; 
	padding-top:		0px;
	width:				100%;
	position:			relative;
}
#content-menu-background
{
	width:				100%;
	height:				80px;
	background:			#FCD948;
	border-bottom:		1px solid #CAB615;
}
#main		
{ 
	padding:				0px 24px 16px;
}
#left
{
	display:				none;
	position:			absolute;
	z-index:				1;
	left:					0;
	top:					0;
	width:				165px;
	background:			#FFF url('images/menu_bkg.jpg') 0 80px no-repeat;
	padding-top:		14px;
}
#right
{
	display:				none;
	position:			absolute;
	z-index:				1;
	right:				0;
	top:					0;
	width:				165px;
	padding-top:		14px;
	background:			#FFF url('images/menu_bkg_right.jpg') 0 0 no-repeat;
}

body.with-left	#main	{ margin-left:		166px; }
body.with-left	#footer	{ padding-left:		166px; }
body.with-right #main	{ margin-right:		166px; }
body.with-right #footer	{ margin-right:		287px; }
body.with-left	#left,
body.with-right #right	{ display:			block; }



/* Footer region */
#footer
{
	background:			url("images/footer_bkg.jpg") 100% 0 no-repeat;
	padding:			12px 16px 0 0;
	margin-top:			16px;
}

#nav-legal		
{ 
	color:				#BBD; 
}
#nav-legal img	
{ 
	border:				none; 
}

/* Navigation elements */
#nav-site, #nav-supporting ul
{
	padding:			0;
	margin:				0;
	list-style:			none;
}

/* Sitewide navigation */
ul
{
	/*line-height: 120%;*/
	font-size:	95%;
}
ul li
{
	margin-bottom:	5px !important;
}

#nav-site
{
	position:			absolute;
	z-index:				2;
	top:					115px;
	left:					54px;
	margin-left:		0;
	white-space:		nowrap;
}
#nav-site-minwidth
{
	min-width:			500px !important;
	background:			yellow !important;
}
#nav-site li
{
	float:				left;
	display:				inline;
	/*padding-right:		11px;*/
	/*margin-left:		8px;*/
	margin-left:		5px;
	/*background:			url("images/nav_separator.gif") 100% 4px no-repeat;*/
}
#nav-company	
{ 
	background-image:	none !important; 
}
#nav-site li a
{
	display:				block;
	height:				24px;
	background-repeat:no-repeat;

	/*text-indent:		-5000px;*/
	text-decoration:	none;

	font-weight:		normal;
	font-family:		verdana;
	font-size:			14px;
	font-weight:		normal;
	margin-top: 		2px;
	text-align:			center;
}

/*
#nav-dev,			#nav-dev a			{ width: 94px; background-image: url("images/nav_design.gif");			}
#nav-applications,	#nav-applications a		{ width: 99px; background-image: url("images/nav_applications.gif");	}
#nav-products,		#nav-products a			{ width: 71px; background-image: url("images/nav_products.gif");		}
#nav-training,		#nav-training a			{ width: 69px; background-image: url("images/nav_training.gif");		}
#nav-branding,		#nav-branding a			{ width: 75px; background-image: url("images/nav_branding.gif");		}
#nav-support,		#nav-support a			{ width: 66px; background-image: url("images/nav_support.gif");			}
#nav-clients,		#nav-clients a			{ width: 58px; background-image: url("images/nav_clients.gif");			}
#nav-company,		#nav-company a			{ width: 78px; background-image: url("images/nav_company.gif");		}
#nav-portfolio,		#nav-portfolio a		{ width: 75px; background-image: url("images/nav_portfolio.gif");		}
*/

#nav-prodev, #nav-prodev a
{
	width:	100px;
}
#nav-dev,			#nav-dev a						{ width: 133px;}
#nav-dev ul												
{ 
	width:	137px;
	z-index:	50;
}

#nav-applications,	#nav-applications a		{ width: 99px;}

#nav-services,		#nav-services a				{ width: 120px;}
#nav-services ul
{
	width:		125px;
	z-index:		49;
}
#nav-products,		#nav-products a				{ width: 74px;}
/*#nav-training,		#nav-training a			{ width: 76px;}*/
#nav-resources,	#nav-resources a				{ width: 80px; }
#nav-resources ul
{
	width:		85px;
	z-index:		48;
}

#nav-branding,		#nav-branding a				{ width: 77px;}
#nav-support,		#nav-support a					{ width: 68px;}
#nav-clients,		#nav-clients a					{ width: 60px;}
#nav-company,		#nav-company a					{ width: 90px;}
#nav-company ul
{
	width:		95px;
	z-index:		47;
}
#nav-portfolio,		#nav-portfolio a			{ width: 70px;}
#nav-portfolio ul
{
	width:		75px;
	z-index:		46;
}

/** html #nav-site li	{ width: auto; }*/

/*#nav-site li.selected a,
#nav-site li:hover a,
#nav-site li.hover a,
#nav-site a:hover	*/
#nav-site li a.selected
{ 
	/*background-position:	0 -24px; */
	color:				#800000;
}

/* Subnavigation dropdown menus */
#nav-site ul
{
	position:			absolute;
	/*visibility:			hidden;*/
	visibility:			visible;
	margin:				0;
	padding:				0;
	border:				1px solid #ECBD00;
	border-top-width:	0px;
	margin-top:			-4px;
	background-color:	#FCD948;
	font-size:			12px;
	height:				80px;
}
#nav-site li ul
{
	/*width:		118px;*/
}
#nav-site li:hover ul,
#nav-site li.hover ul
{ 
	visibility:			visible;
}
#nav-site ul li			
{ 
	float:				none; 
	background:			none; 
	padding:				0; 
	margin:				0;
}
#nav-site ul a
{
	height:				auto;
	width:				auto;
	background:			none;
	text-indent:		0;
	border-top:			0;
	border-bottom:		1px solid #ECBD00;
	padding:				3px 12px 3px 8px;
	margin-top:			0px;
}
#nav-site ul li a
{
	font-family:		arial, sans-serif;
	font-size:			12px;
	text-align:			left;
}
#nav-site li ul li a
{
	font-family:		arial, sans-serif;
	font-size:			10px !important;
}
div.has-subnav
{
	position:			absolute;
	display:				block;
	right:				0;
	background:			url('images/nav_subnavs.gif') no-repeat;
	height:				14px;
	width:				14px;
}

#nav-site ul a:hover,
#nav-site ul a.hover,
#nav-site ul li.selected a,
#nav-site ul li ul li a
{
	background:			#FFCC00 url("images/nav_arrow.gif") 0 50% no-repeat; 
	font-weight:		normal; 
}
#nav-site ul li ul a:hover,
#nav-site ul li ul a.hover
{
	background: 		#EEBB00 url("images/nav_arrow.gif") 0 50% no-repeat; ;
}
#navigation a	
{ 
	text-decoration:	none; 
	font-size:			92%; 
}

#nav-site ul li ul
{
	position:			absolute;
	visibility:			hidden !important;
	left:					100%;
	margin-top:			-21px;
	border-top:			1px solid #AAB;
	background:			#FFCC00;
}
#nav-site ul li ul li a
{
	background:			none;
}
#nav-site ul li:hover ul,
#nav-site ul li.hover ul
{
	visibility:			visible !important;
}
#nav-site ul li.selected ul li a
{ 
	background:			none;
	font-weight:		normal; 
}

#nav-site ul li.selected ul li.selected a, #nav-site ul li.selected ul li a:hover, #nav-site ul li.selected ul li a.hover
{
	background:			url("images/nav_arrow.gif") 0 50% no-repeat; 
	font-weight:		normal;
}

/*#nav-site ul li ul li a:hover
{
	color:				yellow !important;
}*/


/* Supporting navigation */
#nav-supporting
{
	z-index:			1;
	position:			absolute;
	top:				0;
	right:				0;
	padding-bottom:		6px;
	/*background:			url("images/nav_additional_border.jpg") 100% 100% no-repeat;*/
	width:				50%;
	text-align:			right;
}

#nav-supporting ul
{
	/*background:			url("images/nav_additional_bkg.gif") 100% 0 repeat-y;*/
	padding:			2px 0;
	/*border-bottom:		1px solid white;*/
}

#nav-supporting li
{ 
	display:			inline;
	margin-right:		3px;
	padding-right:		12px;
	/*background:			url("images/nav_additional_separator.gif") 100% 7px no-repeat;*/
}
#nav-contact	
{ 
	background-image:	none !important;
}

#nav-supporting a
{
	padding:			4px 0 2px 24px;
	line-height:		20px;
	background-repeat:	no-repeat;
}

#nav-home a		{ background-image: url("images/nav_home.gif"); }
#nav-shop a		{ background-image: url("images/nav_shop.gif"); }
#nav-sitemap a	{ background-image: url("images/nav_sitemap.gif"); }
#nav-contact a	{ background-image: url("images/nav_contact.gif"); }
#nav-supporting a:hover	{ background-position: 0 -40px; }


/* Section navigation */
#nav-section
{
	border-top:			1px solid #D0D0DD;
	top:					0px;
	margin:				0;
	padding:				0;
	background:			white url("images/sectionnav_shadow.jpg") 100% 100% no-repeat;
	padding-bottom:	200px;
	margin-bottom:		-190px;
	position:			relative;
	font-size:			100%;
}
#nav-section li	
{ 
	display:				inline; 
}
#nav-section a
{
	text-decoration:	none;
	display:				block;
	border:				solid #D0D0DD;
	border-width:		1px 2px 1px 0;
	border-top:			0;
	padding:				2px 12px;
	height:				15px;
	text-align:			right;
	font-family:		arial, sans-serif;
	font-weight:		normal;
	font-size:			11px;
	background:			#EDF3FF;
}
#nav-section a:hover
{
	background:			#DFDFF1 url("images/nav_arrow.gif") 0 50% no-repeat !important; 
}
#nav-section li.selected a
{
	color:				white;
	background:			#3A7C97 url("images/nav_arrow.gif") 0 50% no-repeat;
}
#nav-section li.selected ul li a
{
	color:				#003366;
	background:			none;
}

/* nested sub navigation */
#nav-section li ul
{
	margin:				0;
	padding:				0;
	background:			white url("images/sectionnav_shadow.jpg");
	position:			relative;
	border-color:		#D0D0DD;
	border-width:		0 0 0 0;
	border-style:		solid;
	border:				0;
}
#nav-section li ul li
{ 
	display:				inline;
}
#nav-section li ul li a
{
	color:				#003366;
	text-decoration:	none;
	display:				block;
	border:				solid #CECECC;
	border-width:		0px 2px 1px 1px;
	text-align:			right;
	padding-top:		2px;
	padding-bottom:	2px;
	margin-left:		20px;
	background:			white;
	font-size:			10px;
}

#nav-section li ul li a:hover,
#nav-section li ul li.selected a, 
#nav-section li ul li.a:hover
{
	background:			#ECECFF url("images/nav_arrow.gif") 0 50% no-repeat; 
}

#nav-section li ul li.selected a
{
	background:			#D2D2E3 url("images/nav_arrow.gif") 0 50% no-repeat;
}
.img-anchor
{
	border:				none !important;
	margin-right:		1px;
	margin-left:		2px;
	height:				10px;
}

#nav-breadcrumb	
{ 
	color:				#369; 
	font-size:			92%; 
	margin:				0 0 1em; 
	z-index:				99; 
}

.foot-nav
{
	text-align:			center;
	font-size:			12px;
	font-weight:		normal;
}
.foot-nav a
{
	padding:			0px 4px 0px 4px;
}
.foot-nav a.selected
{
	color:				#CC0000 !important;
}
.foot-nav img
{
	border:				none;
}

.contact-letter
{
	margin-top:			10px;
	margin-bottom:		-2px;
}

/* Miscellaneous Hackery */


/* 1px height forces IE/win to take more care over drawing, but must be hidden from IE5/mac \*/
* html #nav-site ul a,
* html #nav-section a	
{ 
	height:				1px; 
}

* html #main	
{ 
	height:				1px; 
}
/* Stop hiding it */
.clearboth
{
	clear:				both;
}