/* CSS Document - This is the Left Menu for the Intulogy site.  */
/* The curves are used to create a container for the words in the menu. The boxcontent
is where the actual left menu will go. */


.curved h1, .curved p {

  margin:0 10px;

  }

.curved h1 {

  font-size:2em; color:#fff;

  }

.curved p {

  padding-bottom:0.5em;

  }



.curved .b1 {

	display:block;

	overflow:hidden;

	height: 1px;

	margin: 0 10px;

	background: #EEE8F6;

	font-size: 1px;

	clear: both;

	}



.curved .b2 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 7px;

	border-left: 3px solid #EEE8F6;

	border-right: 3px solid #EEE8F6;

	font-size: 1px;

	background: #EEE8F6;

}



.curved .b3 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 5px;

	background: #EEE8F6;

	border-left: 2px solid #EEE8F6;

	border-right: 2px solid #EEE8F6;

	font-size: 1px;

}



.curved .b4 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 4px;

	background: #EEE8F6;

	border-left: 2px solid #EEE8F6;

	border-right: 2px solid #EEE8F6;

	font-size: 1px;

}



.curved .b5 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 3px;

	background: #EEE8F6;

	border-left: 1px solid #EEE8F6;

	border-right: 1px solid #EEE8F6;

	font-size: 1px;

}



.curved .b6 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 2px;

	background: #EEE8F6;

	border-left: 2px solid #EEE8F6;

	border-right: 2px solid #EEE8F6;

	font-size: 1px;

}



.curved .b7 {

	display: block;

	overflow: hidden;

	height: 1px;

	margin: 0 2px;

	background: #EEE8F6;

	border-left: 1px solid #EEE8F6;

	border-right: 1px solid #EEE8F6;

	font-size: 1px;

}



.curved .b8 {

	display: block;

	overflow: hidden;

	height: 3px;

	margin: 0 1px;

	background: #EEE8F6;

	border-left: 1px solid #EEE8F6;

	border-right: 1px solid #EEE8F6;

	font-size: 1px;

}



.curved .boxcontent {

	display:block;

	background:#EEE8F6;

	border:0 solid #EEE8F6;

	border-width:0 1px;

  }



/* The Left menu section contains formating for the words and for the outer

div that surrounds the whole. */



.leftmenu {



	margin: 0px;

	list-style-type: none;

	width: 178px;

	position: absolute;

	visibility: visible;

	z-index: 0;

	padding: 0px;

	left: 23px;

	top: 134px;

	font-size: 0.7em;

}





/* The links are done as block elements. There are two tiers to the navigation */



.leftmenu a, .leftmenu a:visited, .leftmenu a:hover

{

	text-decoration: none;

	display: block;

	color: #878785;

	line-height: 2em;

	text-indent: 2.15em;

	font-weight: bold;

}







.leftmenu a.purpletext2, .leftmenu a.purpletext2:visited, .leftmenu a.purpletext2:hover

{

	color: #521C78;

	background-image:  url(purplecarrot.gif);

	background-repeat: no-repeat;

	background-position: 6px;

}





.leftmenu a.sublist, .leftmenu a.sublist:visited, .leftmenu a.sublist:hover

 {

	color: #521C78;

	font-size: 0.9em;

	text-indent: 3em;

}





.leftmenu a.sublistcarrot, .leftmenu a.sublistcarrot:visited, .leftmenu a.sublistcarrot:hover

 {

	color: #521C78;

	font-size: 0.9em;

	text-indent: 3em;

	background-image: url(purplecarrotsmall.gif);

	background-repeat: no-repeat;

	background-position: 18px;

	

}



.above-left-menu-image 

{

	float: left;

	padding-bottom: 1.25em;

	margin-bottom: 2;

	margin-left: 2.5em;

	}


.talk-expert-image 
{
	padding-top: 1em;
	float: left;

	}