/* Color Theory
---------------------------------*/
.color div.topic, .colour div.topic {
	border-top: 1px dotted #94998B;
	padding-top: 0.75em;
}

.color h2, .colour h2 {
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

.color #theory-combos-header, .colour #theory-combos-header {
	padding-top: 0.75em;
	border-top: 1px dotted #94998B;
}

.color #color-wheel, .colour #colour-wheel {
	float: left;
	margin-top: -14.5em;
}

.color #callout p, .colour #callout p {
	margin-left: 285px;
}

.color #color-theory-combinations, .colour #colour-theory-combinations {
	width: 460px;
	float: left;
	min-height: 20em;
	background-color: #fff;
	margin: 1em 0;
}

.color #combinations-nav, .colour #combinations-nav {
	background-color: #650008;
	float: left;
	width: 460px;
}

.color #combinations-nav li, .colour #combinations-nav li {
	display: block;
	float: left;
	padding: 0;
	background: none;
}

.color #combinations-nav li a, .colour #combinations-nav li a {
	color: #fff;
	display: block;
	padding: 5px 18px;
	font-size: 120%;
	border: 0;
}

.color div.combination, .colour div.combination {
	display: block;
	float: left;
	width: 430px;
	padding: 15px;
	clear: both;
	min-height: 10em;
	margin: 0;
}

.color div.combination img, .colour div.combination img {
	float: right;
}

.color div.ui-tabs-hide, .colour div.ui-tabs-hide {
	display: none;
	overflow: hidden;
}


/* IE6 hacks
---------------------------------*/
* html .color #color-theory-combinations, * html .colour #colour-theory-combinations {
  height:auto !important;
  height:20em;
	position: relative;
}

* html .color div.combination, * html .colour div.combination {
	position: relative;
	overflow: hidden;
} 

* html .color #color-wheel, * html .colour #color-wheel {
	z-index: 30;
	position: relative;
}