/*
*** COLORS ***
001e48 - Dark Blue
ff0000 - Red
429a16 - Green
5d656d - Gray
006699 - Blue
*/

/************/
/*** BODY ***/
/************/
body {
	margin:0;
	padding:0;
	color:#5d656d; /*gray*/
	font:normal 13px "Helvetica Neue",Helvetica,sans-serif;
	line-height:15px;
	background-color:#ffffff; /*white*/}

a img {border:0;}

a {outline:none;}

a:link, a:visited {
	color:#ff0000;}

h3 {
	clear:both;
	float:left;
	margin:10px 0 10px;
	padding:0;
	color:#ff0000; /* red */
	font-weight:bold;
	font-size:16px;
	line-height:17px}


h4 {
	clear:both;
	margin:0;
	padding:0;
	font-weight:bold;}

p {
	clear:both;
	margin:0 0 1em;
	padding:0;}

/*****************/
/*** CONTAINER ***/
/*****************/
#container {
	margin:0 auto 1em;
	padding:0;
	width:742px;}

/**************/
/*** HEADER ***/
/**************/
#header {
	margin:0;
	padding:0;
	width:742px;
	height:64px;
	background:transparent url(/i/bg_header.gif) repeat-x;}

#header h1 {
	float:left;
	margin:20px 0 0 29px;
	padding:0;
	width:155px;
	height:27px;
	display:block;}

#header h1 a {
	display:block;
	width:155px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(/i/bg_logo.gif) no-repeat;}

#header h2 {
	float:left;
	margin:32px 0 0 9px;
	padding:0;
	width:329px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(/i/bg_tagline.gif) no-repeat;}

#header form {
	float:right;
	margin:0;
	padding:0;
	margin:32px 0 0;
	width:178px;}

#header form fieldset {
	margin:0;
	padding:0;
	border:0;}


/******************/
/*** GLOBAL NAV ***/
/******************/
#global {
	margin:0;
	padding:2px 0 0;
	width:742px;
	height:31px;}

#global ul {
	float:right;
	margin:0;
	padding:0 0 0 0;
	list-style:none;}

#global ul li {
	float:left;
	margin:0 0 0 2px;
	padding:0;
	width:190px;
	height:31px;
	display:block;}

#global ul li a {
	margin:0;
	padding:0;
	width:190px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;}

/* TABS */
#stratagy, #strategy a			{background-image:url(/i/tab_strategy.gif);}
#architecture, #architecture a	{background-image:url(/i/tab_architecture.gif);}
#operations, #operations a		{background-image:url(/i/tab_operations.gif);}

#global ul li a:hover, #global ul li.up a {background-position:0 31px;}

/***************/
/*** NAV DIV ***/
/***************/
#nav {
	float:left;
	margin:1px 0 15px;
	padding:0;
	width:162px;
	background:transparent url(/i/bg_left_nav.gif) no-repeat;}

#nav ul {
	margin:0;
	padding:11px 0 0;
	width:162px;
	min-height:0;
	list-style:none;
	display:block;}

#nav ul li {
	margin:10px 10px 0;
	padding:0;
	width:142px;
	background:transparent url(/i/bg_left_nav_+.gif) 1px 2px no-repeat;
	display:block;}

#nav ul li.first {
	margin:0 10px 0;}
	
#nav ul li a:link, #nav ul li a:visited {
	margin:0 0 0 10px;
	padding:0 0 0 0;
	width:132px;
	display:block;
	color:#5d656d; /*gray*/
	font:normal 11px "Helvetica Neue",Helvetica,sans-serif;
	line-height:13px;
	text-decoration:none;
	}

#nav ul li a:hover {
	color:#006699;} /*blue*/
#nav ul li a:active {
	color:#000000;} /*black*/

#nav ul ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:142px;
	list-style:none;
	display:block;}

#nav ul ul li {
	margin:0 0 0 10px;
	padding:0;
	width:132px;
	display:block;}

#nav ul ul li a:link, #nav ul ul li a:visited {
	margin: 0 0 0 10px;
	padding:0;
	width:122px;
	display:block;}

#nav ul ul ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:132px;
	list-style:none;}
	
#nav ul ul ul li {
	margin:0 0 0 10px;
	padding:0;
	width:122px;
	display:block;
	background:transparent url(/i/bg_left_nav_-.gif) 3px 5px no-repeat;}

#nav ul ul ul li a:link, #nav ul ul ul li a:visited {
	margin:0 0 0 10px;
	padding:0 0 0 0;
	width:112px;
	display:block;
	font-size:10px;}

/*** Show subnavs ***/
body.products #nav-products ul {display:block;}
body.developerstools #nav-developerstools ul {display:block;}
body.downloads #nav-downloads ul {display:block;}
body.resources #nav-resources ul {display:block;}
body.shoppkware #nav-shoppkware ul {display:block;}
body.support #nav-support ul {display:block;}
body.partners #nav-partners ul {display:block;}
body.aboutpkware #nav-aboutpkware ul {display:block;}

/***************/
/*** SIDEBAR ***/
/***************/
#sidebar {
	margin:15px 0 0;
	padding:0;
	width:162px;}

body.global #sidebar,
body.strategy #sidebar,
body.architecture #sidebar,
body.operations #sidebar {
	margin:50px 0 0;}

#sidebar-title {
	margin:0;
	padding:0;
	width:162px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(/i/sidebar_title.gif) top left no-repeat;}

#sidebar-body {
	margin:0;
	padding:0;
	text-align:center;
	border-width:0 1px;
	border-color:#c9cacb; /* gray - must match images */
	border-style:solid;}

#sidebar-body a {
	margin:0;
	padding:0;}

#sidebar-body img {
	margin:0;
	padding:6px 0;}

#sidebar-bottom {
	margin:0;
	padding:0;
	width:162px;
	height:7px;
	background:transparent url(/i/sidebar_bottom.gif) no-repeat;}

/************/
/*** MAIN ***/
/************/
#main {
	margin:0;
	padding:0;
	width:574px;
	float:right;}

#hero {
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	width:574px;
	height:162px;
	border-bottom:6px #d50629 solid;}

#hero ul {
	float:left;
	width:116px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	display:inline;}

body.strategy #hero ul {margin-left:74px;}
body.architecture #hero ul {margin-left:266px;}
body.operations #hero ul {margin-left:457px;}

#hero ul li {
	float:left;
	margin:7px 0 0 0;
	padding:0 0 0 0;
	width:116px;
	background:transparent url(/i/bg_home_nav_+.gif) 5px 4px no-repeat;}
	
#hero ul li a:link, #hero ul li a:visited {
	color:#ffffff; /*white*/
	font:normal 10px "Helvetica Neue",Helvetica,sans-serif;
	line-height:12px;
	text-decoration:none;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	width:98px;
	display:block;}

#hero ul li a:hover {
	color:#cccccc;} /*light gray*/

	
#get_started {
	float:right;
	margin:0 10px 0 0;
	padding:0;
	width:151px;
	height:24px;}
	
#get_started img {
	margin:0;
	padding:0;}

/**************/
/*** FOOTER ***/
/**************/
#footer {
	clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 7px;
	width:735px;
	height:37px;
	background:transparent url(/i/footer_left.gif) center left no-repeat;}
	
#footer p {
	float:left;
	margin:0;
	padding:0 0 0 3px;
	height:35px;
	border-width:1px 0;
	border-color:#b5b5b5; /*gray - must match images*/
	border-style:solid;
	color:#5d656d; /*gray*/
	font:normal 10px "Helvetica Neue",Helvetica,sans-serif;
	line-height:35px;}

#footer ul {
	float:right;
	margin:0;
	padding:0 7px 0 0;
	height:37px;
	list-style:none;
	background:transparent url(/i/footer_right.gif) center right no-repeat;}

#footer ul li {
	float:left;
	margin:0;
	padding:0;
	border-width:1px 0;
	border-color:#b5b5b5; /*gray - must match images*/
	border-style:solid;
	line-height:35px;}

#footer ul li a:link, #footer ul li a:visited {
	margin:0;
	padding:0 6px 0 5px;
	border-width:0 1px 0 0;
	border-color:#797a7b; /*gray - must match images*/
	border-style:solid;
	color:#5d656d; /*gray*/
	font:normal 10px "Helvetica Neue",Helvetica,sans-serif;
	text-decoration:none;}

#footer ul li a:hover {
	color:#000000; /*black*/
	text-decoration:underline;}

#footer ul li.last a:link, #footer ul li.last a:visited {
	border-width:0 0 0 0;
	border-color:#ffffff; /*white - hide the border*/
	border-style:none;
	padding:0 8px 0 5px;}

/****************/
/*** VALIDATE ***/
/****************/

#validate {
	margin:0 0 1em;
	display:block;
	clear:both;
	text-align:center;}

#validate a {
	margin:0 5px 0 0;
	padding:2px;
	font:bold 10px "Lucida Grande",Verdana,sans-serif;
	line-height:12px;
	text-decoration:none;}
	
#validate a:link, #validate a:visited {color:#ffffff;background-color:#ff0000;}
body.strategy #validate a:link, body.strategy #validate a:visited {color:#ffffff;background-color:#001e48;}
body.architecture #validate a:link, body.architecture #validate a:visited {color:#ffffff;background-color:#006699;}
body.operations #validate a:link, body.operations #validate a:visited {color:#ffffff;background-color:#429a16;}
	
#validate a:hover {
	/* White */
	color:#ffffff;
	/* Blue */
	background-color:#000000;}	
	
#validate a:active {
	/* White */
	color:#ffffff;
	/* Black */
	background-color:#5d656d;}

/************/
/*** HOME ***/
/************/
body.home #header form {display:none;}
body.home #global ul {float:left;padding:0;}	
body.home #global ul li {margin:0 2px 0 0;}
body.home #hero {
	width:742px;
	height:260px;
	text-indent:0;
	overflow:hidden;
	background:transparent url(/i/hm_hero_default.jpg) bottom right no-repeat;
	border-bottom:0 #d50629 solid;}
body.home #main {
	padding:0 0 1px;
	width:742px;
	float:left;}
body.home #nav {
	clear:left;
	margin:0;
	padding:0;
	width:742px;
	background:transparent url(/i/bg_home_nav.gif) no-repeat;}
body.home #nav ul {
	text-align:center;
	margin:0;
	padding:0;
	width:742px;}
body.home #nav ul li {
	margin:0;
	padding:0 15px 0 10px;
	display:inline;
	background-position:0 55%;}
body.home #nav ul li.first {
	margin:0;
	padding:0 15px 0 10px;}
body.home #nav ul li a:link, body.home #nav ul li a:visited {
	margin:0 0 0 0;
	padding:0;
	line-height:39px;
	display:inline;}

/****************/
/*** STRATEGY ***/
/****************/
body.strategy a:link, body.strategy a:visited,
body.strategy div.landing_box a:link,
body.strategy div.landing_box a:visited,
body.strategy div.landing_box p a:link,
body.strategy div.landing_box p a:visited {color:#001e48;} /*dark blue*/

body.strategy #hero {
	border-color:#001e48; /*dark blue*/
	text-indent:0;
	overflow:visible;
	background-image:url(/i/hero_nav_strategy.jpg);}

body.strategy h3 {
	float:left;
	margin:15px 0;
	font-size:16px;
	color:#001e48; /*dark blue*/}

/*body.strategy #get_started {margin-top:15px;}*/

body.strategy .landing {margin-top:15px;}

/********************/
/*** ARCHITECTURE ***/
/********************/
body.architecture a:link, body.architecture a:visited,
body.architecture div.landing_box a:link,
body.architecture div.landing_box a:visited,
body.architecture div.landing_box p a:link,
body.architecture div.landing_box p a:visited {color:#006699;} /*blue*/

body.architecture #hero {
	border-color:#006699; /*blue*/
	text-indent:0;
	overflow:visible;
	background-image:url(/i/hero_nav_architecture.jpg);}

body.architecture h3 {
	float:left;
	margin:15px 0;
	font-size:16px;
	color:#006699; /*blue*/}

/*body.architecture #get_started {margin-top:15px;}*/

body.architecture .landing {margin-top:15px;}

/******************/
/*** OPERATIONS ***/
/******************/
body.operations a:link, body.operations a:visited,
body.operations div.landing_box a:link,
body.operations div.landing_box a:visited,
body.operations div.landing_box p a:link,
body.operations div.landing_box p a:visited {color:#429a16;} /*green*/

body.operations #hero {
	border-color:#429a16; /*green*/
	text-indent:0;
	overflow:visible;
	background-image:url(/i/hero_nav_operations.jpg);}

body.operations h3 {
	float:left;
	margin:15px 0;
	font-size:16px;
	color:#429a16; /*green*/}

/*body.operations #get_started {margin-top:15px;}*/

body.operations .landing {margin-top:15px;}


/******************/
/***** FORMS ******/
/******************/
.ElementLabel
{
	font-weight:bold;
	text-align:right;			
}

.fieldNote
{
	font-size:9pt;
	text-align:right;
	font-weight:normal;
}


#home-search-field {
	float:left;
	margin:0;
	padding:0;
	width:140px;
	height:17px;
	font:normal 11px Verdana,sans-serif;
	color:#5d656d; /*gray*/
	line-height:17px;}

#home-search-button {
	float:left;
	margin:0;
	padding:1px 2px 0;
	width:18px;
	height:17px;}