* {
	margin : 0;
	padding : 0;
	font-family : Verdana, Arial, Helvetica, sans-serif
}

body {	
	background-color : #DEC7E3;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #404040;
}

h1 {
	color : #4C2978;
	font-size : 1.3em;
	font-weight : bold;
	margin-bottom : 0.4em
}

h2 {
	color : #4C2978;
	font-size : 1.1em;
	margin-bottom : 0.2em;
}

h3 {
	color : #4C2978;
	font-size : 1em;
	margin-bottom : 0.2em;
}

p {margin-bottom : 1em;}

ul {
	margin-bottom : 1em;
	list-style-type : none;
}

ul li {
	color : #404040;
	list-style-type : none;
	padding-left : 20px;
	margin-bottom : 3px;
	background : transparent url(../images/img_arrow.gif) 10px 7px no-repeat;
}

a:link,
a:visited,
a:active,
a:hover {
	color : #FD6905;
	text-decoration : underline;
}
a:hover {text-decoration : none;}

a img {border : 0;}

#page-wrapper {
	background : white url(../images/img_bg.gif) 50% 0 no-repeat;
	text-align : center;
}

#page-wrapper-inner {
	width : 656px;
	\width : 726px;
	w\idth : 656px;
	/* offset template to the right by 35px */
	padding-left : 70px;
	margin : 0 auto;
	text-align : left;
	position : relative;
}

#header {
	height : 140px;
	padding-bottom : 33px;
}

#header #logo {
	display : block;
	float : right;
}

/* Left column
******************************************************************/
#left-col-home {
	font-size : 0.7em;
	width : 180px;
	float : left;
	margin-right : 30px;
	padding-top : 70px;
}

#left-col {
	font-size : 0.7em;
	width : 180px;
	float : left;
	margin-right : 30px;
	padding-top : 70px;
}
#left-col h2 {
	margin-bottom : 0.8em;
}


#left-col ul {text-align : right;}


#left-col ul li {
	color : #764890;
	list-style-type : none;
	padding-left : 20px;
	margin-bottom : 3px;
	background : none;
}

#left-col a:link,
#left-col a:visited,
#left-col a:active, 
#left-col a:hover {
	color : #764690;
	text-decoration : none;
	padding-right : 2px;
	padding-left : 9px;
}
#left-col a:hover {
	text-decoration : none;
	color : #FD6905;
	background : transparent url(../images/img_arrow.gif) 0 5px no-repeat;
}

#left-col a.selected {
	color : #FD6905 !important;
	padding-left : 9px;
	background : transparent url(../images/img_arrow.gif) 0 5px no-repeat;
}

#right-col {
	font-size : 0.7em;
	width : 446px;
	float : left;
	line-height : 1.6em;
}


/*start - sucker-fish menu
********************************************************************/
#top-nav {
	height : 46px;
	background : white url(../images/img_nav.gif) 0 0 no-repeat;
}

#top-nav ul { /* lists */
	padding : 0;
	margin : 0;
	list-style : none;
}

#top-nav li { /* list items */
	float : left;
	position : relative;
	background : none !important;
	margin : 0;
	padding : 0;
}

#top-nav li a {
	display : block !important;
	width : 110px;
	height : 20px;
	margin-right : 16px;
}

#top-nav li a.basic {
	width : 89px;
	background : white url(../images/img_nav.gif) 0 0 no-repeat;
}
#top-nav li a.basic:hover {background-position : 0 -61px;}

#top-nav li a.difference {
	background : white url(../images/img_nav.gif) -105px 0 no-repeat;
	width : 117px;
}
#top-nav li a.difference:hover {background-position : -105px -61px;}

#top-nav li a.philosophy {
	background : white url(../images/img_nav.gif) -238px 0 no-repeat;
	width : 90px;
}
#top-nav li a.philosophy:hover {background-position : -238px -61px;}

#top-nav li a.thinking {
	background : white url(../images/img_nav.gif) -344px 0 no-repeat;
	width : 102px;
	margin-right : 0;
}
#top-nav li a.thinking:hover {background-position : -344px -61px;}

#top-nav li ul { /* second-level lists */
	/*display : none;*/
	position : absolute;
	
	visibility: hidden;
	
	margin : 0;
	padding : 0;
	width : 120px;
}
* html #top-nav li ul {
	/*\ hide from IE5 MAC */
	margin-left : 0;
	visibility : visible;
	display : none;
	\margin-left : -16px;
	ma\rgin-left : 0;
	/* end hide */
}

#top-nav li ul li { /* second-level lists items */
	/*background-color:#E0D3E8;	*/
	width : 110px;
	margin : 0;
	float : none;
}

#top-nav li ul li a:link,
#top-nav li ul li a:visited,
#top-nav li ul li a:hover,
#top-nav li ul li a:active {
	background-color : #E0D3E8;
	display : block;
	padding : 3px 5px 3px 5px;
	margin : 0;
	width : 150px; /* I just added 30px to the first version... */
	\width : 160px;
	w\idth : 150px;
	height : auto;
	border-bottom : 1px solid white;
}

* html #top-nav li ul li a:link,
* html #top-nav li ul li a:visited,
* html #top-nav li ul li a:hover,
* html #top-nav li ul li a:active {
	padding : 2px 5px 4px 5px;
}

#top-nav li ul li a:hover {
	background-color : #F4EFF7;
}


#top-nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top : auto;
	left : auto;
}

#top-nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display : block !important;
	visibility: visible;
}

#top-nav a:link,
#top-nav a:visited,
#top-nav a:active,
#top-nav a:hover {
	color : #754691;
	text-decoration : none;
}

#content {clear: left;}

/*end - sucker-fish menu
*******************************************************************/



/*	footer
*******************************************************************/
#footer {
	clear : both;
	border-top : 1px solid #CDB7D1;
}
#footer div.inner {
	width : 445px;
	\width : 726px;
	w\idth : 445px;
	margin : 0 auto;
	padding : 0 0 8px 281px;
}

.copyright {color : #4E2979;}

/*	generic reuseable classes
******************************************************************/
.clear-hidden {
	line-height : 1px;
	font-size : 1px;
	margin : 0;
	padding : 0;
	clear : both;
	border-top : 1px solid #FFFFFF;
}
