/* WorkBuddy Solutions Miumiu Template Styles
 * Derived from mozilla.org Base Content Styles http://www.mozilla.org/ with permission
 */

/* Basic Structure */
	body {
		margin: 0;
	}

	#mBody {
		background-color: #fff4e8;
	}

	#mainContent {
		/*background: transparent url("../../images/gradient_blue.png") top left repeat-x;
		background-color: #2F307D;*/
		margin: 0 0 0 185px;
		padding: 10px 20px 80px 20px;
	}
	
/* Header */

	#header {
		position: relative;
		background: transparent url("../../images/corner_right_l.png") top right no-repeat;
		min-height: 160px;
		height: 15em;
		padding: 0;
		voice-family: "\"}\"";
		voice-family: inherit;
		/*height: 10em;*/
		height: 200px;
		margin: 0;
		/*padding: 15px 0;*/
	} #ignored {}
	
	#header h1 {
		position: absolute;
		top: 76px;
		right: 5px;
		margin: 0;
		font-size: 2px;
		/*background: url("../../images/Logo_Workbuddy.gif") no-repeat;*/
		height: 8px;
		z-index: 100; /* above the UL */
	}
	#header h1 a {
		display: block;
		width: 288px;
		height: 52px;
		background: transparent url("../../images/logo_WorkBuddy.gif") bottom left no-repeat;
		text-indent: -700em;
		padding: 0 2px;
		text-decoration: none;
	}
	
	#header h2 {
		position: absolute;
		top: 93px;
		right: 360px;
		margin: 0;
		font-size: 2px;
		height: 8px;
		z-index: 100; /* above the UL */
		border-bottom: 0;
	}
	#header h2 span {
		display: block;
		color: #fff;
		width: 376px;
		height: 42px;
		background: transparent url("../../images/Tagline.gif") top right no-repeat;
		text-decoration: none;
		text-indent: -700em;
	}

	#sticky ul {
		width: auto;
		position: absolute;
		top: 0;
		right: 10px;
		margin: 0;
		height: 25px;
		padding: 0 10px 0 20px;
		list-style: none;
		background: transparent url("../../images/corner_left.png") top left no-repeat;
		background-color: #120F82;
		z-index: 90; /* below the H1 */
	}

	#sticky li {
		float: left;
		padding: 4px 4px 4px 4px;
		margin-top: 4px;
		color: #fff;
	}

	#sticky ul a {
		float: left;
		display: block;
		color: #fff;
		text-decoration: none;
	}

	#sticky ul li a:hover { color: #9cf; text-decoration: underline; }

	#sticky_line {
		position: absolute;
		top: 30px;
		left: 0;
		width: 100%;
	}
	
	#sticky_line p { color: #666; text-align: center; width: 100%; margin-top: 0; }
	
	#nav ul {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		/*padding: 0px 5px 0 0;*/
		list-style: none;
		background-color: #999;
		/*background: transparent url("../../images/triangle.png") no-repeat middle right;*/
		border-bottom: 6px solid #333;
		z-index: 90; /* below the H1 */
	}
	
	#nav ul.hmenu {
		visibility: hidden;
		padding-top: 6px;
		width: 190px;
		background: none;
		border: none !important;
		overflow: show;
		list-style-type: disc !important;
	}
	
	#nav ul.hmenu ul.sub { visibility: hidden; padding-left: 2px; border: none; }
	
	#nav ul.hmenu li {
		display: inline;
		float: none;
	}
	
	#nav ul.hmenu li a {
/*		margin-bottom: 2px;*/
		background: #ddd;
		border: 2px solid #eee;
		border-width: 0 2px 2px 2px;
		border-width: 0 0 2px 0;
		_width: 190px;
		width: 170px;
		padding: 5px 10px;
		color: #555;
	}

	#nav ul.hmenu li a:hover {
		color: #333;
		background-color: #ccc;
	}
	
	#nav li {
		float: left;
		/*background: transparent url("../../images/header_tab.gif") 100% -600px no-repeat;*/
		padding: 0 0px 0 0;
		margin: 0 0px 0 0;
		/*border-bottom: 1px solid #515358;*/
	}

	#nav ul a {
		float: left;
		display: block;
		/*padding: 4px 4px 4px 10px;*/
		padding: 4px 40px 4px 40px;
		background-color: #999;
		/*background: transparent url("../../images/header_tab.gif") 0% -600px no-repeat;*/
		color: #fff;
		text-decoration: none;
	}
	#nav li li {
		display: none;
	}

	#nav ul li a:hover {
		color: #333;
		background-color: #ccc;
		text-decoration: underline;
	}

	#nav li#menu_home a {
		width: 120px;
		padding-left: 25px;
		background: transparent url("../../images/triangle.gif") left no-repeat;
		background-color: #666;
	}

	#nav li#menu_home a:hover {
		color: #f90;
		background-color: #666;
	}
	
	body.sectionProducts li#menu_products a.starter,
	body.sectionServices li#menu_services a.starter,
	body.sectionAboutUs li#menu_aboutus a.starter,
	body.sectionAboutUs_main li#menu_aboutus a.starter,
	body.sectionNewsEvents li#menu_newsevent a.starter,
	body.sectionResources li#menu_resources a.starter {
		color: #ccc;
		background-color: #2F307D;
	}

	body.sectionProducts #nav ul,
	body.sectionServices #nav ul,
	body.sectionAboutUs #nav ul,
	body.sectionAboutUs_main #nav ul,
	body.sectionNewsEvents #nav ul {
		border-bottom: 6px solid #2F307D;
	}


/* Main Content */	

	#mainContent {
		height: 100%
	}
	
	#mainContent h2 {
		margin: 0 0 1.5em 0;
	}
	
/*	body.homepage #mainContent {
		height: 350px;
	}*/
	
	body.sectionNewsEvents #mainContent {
		height: 400px;
	}

	body.sectionResources #mainContent {
		height: 150px;
	}

/*	body.sectionNewsEvents #mainContent h2#section_title {
		text-indent: -700em;
		background: transparent url("../../images/h_news_and_events.png") bottom left no-repeat;
		height: 20px;
	}*/

/*	body.sectionProducts #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_our_product.png") bottom left no-repeat;
		height: 40px;
	}

	body.sectionServices #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_our_service.png") bottom left no-repeat;
		height: 40px;
	}*/

/*	body.sectionAboutUs_main #mainContent, body.sectionContactUs_main #mainContent {
		background: transparent url("../../images/gradient_blue.png") top left repeat-x;
		background-color: #2F307D;
		margin: 0 0 0 185px;
		padding: 10px 20px 80px 20px;
	}
	
	body.sectionAboutUs_main #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_about_us.png") bottom left no-repeat;
		height: 40px;
	}

	body.sectionContactUs_main #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_contact_us.png") bottom left no-repeat;
		height: 40px;
	}
*/

	.frontpage #mainContent {
		/*background: transparent url("../../images/gradient_blue.png") top left repeat-x;
		background-color: #2F307D;*/
		margin: 0 0 0 185px;
		padding: 10px 20px 80px 20px;
	}

/*	body.sectionAboutUs .frontpage #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_about_us.png") bottom left no-repeat;
		height: 40px;
	}*/

	body.sectionContactUs .frontpage #mainContent h2 {
		text-indent: -700em;
		background: transparent url("../../images/h_contact_us.png") bottom left no-repeat;
		height: 40px;
	}

/* Sign In Fields & sidebar */

	#side {
		position: absolute;
		top: 200px;
		left: 0px;
		padding: 1em 1em 1em 0.6em;
	}

	#side a#side_title {
		display: block;
		color: #FF9966;
		font-size: 1em;
		text-decoration: none;
		font-weight: 700;
		margin-left: 1em;
	}
	
	#side a#side_title:hover {
		color: #FE5500;
		text-decoration: underline;
	}
	
	#side ul {
		margin : 0.8em 0.8em 0.8em 0em;
		padding: 0;
	}
	
	#side li {
/*		list-style-image: url("../../images/tatata_grey_side.gif");*/
/*		margin: 0 0 0.5em 1.3em;*/
		margin: 0 0 0.7em 0;
		_margin: 0;
		padding: 0;
	}
	
	#side li a {
		display: block;
		color: #777;
		text-decoration: none;
		font-size: 0.85em;
		padding: 0 0 0 1.3em;
/*		padding-left: 0.4em;*/
/*		border-left: 7px solid #777;*/
		line-height: 1.3em;
		background: transparent url('../../images/tatata_grey_side.gif') 0px 2px no-repeat;
	}
	
	#side li a:hover {
		border-color: #FF9966;
		color: #FF7733;
		background-image: url('../../images/tatata_orange_side.gif');
		text-decoration: underline;
	}

	#side ul.sub {
		margin: 0 0 0 1.8em;
		_margin: 0 0 0 0.9em;
	}
	
	#side ul.sub li {
		padding: 0;
		margin: 0.5em 0 0 0;
	}
	
	#side ul.sub a {
		display: inline;
		padding: 0;
		font-size: 0.75em;
		font-weight: 700;
		line-height: auto;
		color: #999;
		background: none !important;
	}
	
	#side ul.sub a:hover { color: #FF7733 }

	#side form {
		margin: 0px; /* need for IE Mac */
		text-align: left; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	
	#side form h2 {
		margin: 15px 0 12px 10px;
		padding: 2px;
		font-size: 1em;
		background: transparent url("../../images/h_clientsignin.gif") bottom left no-repeat;
		text-indent: -700em;
	}

	#side form label { 
		color: #666;
		margin: 5px 0 2px 20px;
		font-size: 80%;
		display: block;
       	}
	#side form input {
		color: #666;
		margin-left: 15px;
		color: #333;
	}
	
	#side form #submit {
		display: block;
		font-size: 10%;
		margin-left: 150px;
		margin-top: -22px;
		width: 35px;
		height: 26px;
		background: transparent url("../../images/button_go.png") bottom left no-repeat;
		padding-left: 15px;
		padding-right: 15px;
		color: #fff;
		text-indent: -700em;
		border: 0;
	}
	
	#side form #account,
	#side form #username,
	#side form #password {
		width: 120px;
		font-size: 80%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px 4px;
	}
	#side form #account:hover, #side form #username:hover, #side form #password:hover,
	#side form #account:focus, #side form #username:focus, #side form #password:focus {
		background: #fff;
	}
	

/* Sidebar */

	/*#nav {
		background: transparent;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		/*display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 8px 8px 20px;
		padding: 1em 1em 1em 2em;
		text-decoration: none;
		/*border-top: 1px solid #fff;
		border-right: 1px solid #ddd;*/
	/*}

	#nav li a.line {
		border-top: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #5574A3;
	}
	
	#nav li li span { /* used for un-linked menu items */
		/*padding: 8px 8px 8px 30px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 30px;
		padding: 0.6em 1em 0.6em 3em;
	}
	
	#nav li li a.line {
		border-top: 0;
		margin-bottom: 1em;
	}

	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}*/

/* Footer */

	#footer {
		margin: 5px 0;
		padding: 2px 5px;
		color: #666;
		font-size: 70%;
	}
	
	#footer ul {
		width: 60%;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		left: 0;
	}

	#footer p {
		width: 40%;
		float: left;
		text-align: right;
		margin: 0;
		padding: 0;
	}
	
	#footer li {
		display: inline;
		padding: 0;
	}
	
	#footer span, #footer a {
		white-space: nowrap;
		color: #666;
		text-decoration: none;
	}
	
	#footer span {
		padding: 1.5em;
	}

	#footer a:hover {
		color: #333;
		text-decoration: underline;
	}
	
	#footer p span,#footer p a {
		white-space: nowrap;
		padding: 0 0.3em;
	}
	
	#footer span a {
		padding: 0;
	}
	
	#footer p,#footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}