/*----------------------------------------------------*/
/* About Us		                                        */
/*----------------------------------------------------*/

/* - Headings ---- */
 
h2 {
	right: 16px;
	top: 16px;
}
h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: bold;
}


/* - Nav ---- */

ul.about_nav {
	position: absolute;
	top: 190px;
	left: 320px;
}
ul.about_nav li {
	display: block;
	padding-left: 36px;
	height: 25px;
	width: 225px;
	margin-bottom: 21px;
  text-indent: -9999px; 
}
ul.about_nav li a {
	display: block;
	position: relative;		/* Lines words up with stars */
	top: 3px;							/* Lines words up with stars */
	height: 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 2;
}
ul.about_nav li a img {
  border: 2px solid #cf0;
}
ul.about_nav li.history a {
  background: url(/images/txt_company_history-trans.png) no-repeat;
  width: 244px;
  height: 27px;
  position: absolute;
  top: 0px;
  left: 0px;
}
ul.about_nav li.history a:hover {
  background: url(/images/txt_company_history_over-trans.png) no-repeat;
  width: 337px;
  height: 124px;
  position: absolute;
  top: -65px;
  left: -16px;
}
ul.about_nav li.clients a {
  background: url(/images/txt_clients-trans.png) no-repeat; 
  width: 149px;
  height: 26px;
  position: absolute;
  top: 45px;
  left: 0px;
}
ul.about_nav li.clients a:hover {
  background: url(/images/txt_clients_over-trans.png) no-repeat; 
  width: 209px;
  height: 120px;
  position: absolute;
  top: 15px;
  left: -28px;
}
ul.about_nav li.philosophy a {
  background: url(/images/txt_philosophy-trans.png) no-repeat; 
  width: 188px;
  height: 40px;
  position: absolute;
  top: 90px;
  left: 5px;  
}
ul.about_nav li.philosophy a:hover {
  background: url(/images/txt_philosophy_over-trans.png) no-repeat; 
  width: 223px;
  height: 80px;
  position: absolute;
  top: 67px;
  left: -15px;  
}
ul.about_nav li.facilities a {
  background: url(/images/txt_facilities-trans.png) no-repeat; 
  width: 188px;
  height: 40px;
  position: absolute;
  top: 135px;
  left: 5px;  
}
ul.about_nav li.facilities a:hover {
  background: url(/images/txt_facilities_over-trans.png) no-repeat; 
  width: 223px;
  height: 72px;
  position: absolute;
  top: 105px;
  left: -15px;  
}
ul.about_nav li.smashing a {
  background: url(/images/txt_smashing_party-trans.png) no-repeat; 
  width: 268px;
  height: 22px;
  position: absolute;
  top: 185px;
  left: 10px;  
} 
ul.about_nav li.smashing a:hover {
  background: url(/images/txt_smashing_party_over-trans.png) no-repeat; 
  width: 299px;
  height: 72px;
  position: absolute;
  top: 165px;
  left: -3px;  
} 
ul.about_nav li.coloring_book a {
  background: url(/images/txt_coloring_book-trans.png) no-repeat; 
  width: 257px;
  height: 20px;
  position: absolute;
  top: 235px;
  left: 9px;  
}
ul.about_nav li.coloring_book a:hover {
  background: url(/images/txt_coloring_book_over-trans.png) no-repeat; 
  width: 297px;
  height: 112px;
  position: absolute;
  top: 190px;
  left: 0px;  
}


/* - Common ---- */

.box {
	position: absolute;
	top: 145px;
	left: 15px;
}
.content {
	position: relative; /* Also helps IE6 fix overflow bug */
	height: 444px;
	font: 11px Arial;
	color: #222;
	overflow: auto;
	text-align: left;
}
.content p {
	line-height: 1.45;
	margin-bottom: 10px;
	padding-right: 8px;
}

/* - Index ---- */

img.photo {
	position: absolute;
	left: 0;
	top: 121px;
}
.index .splat_01 {
	position: absolute;
	right: 44px;
	bottom: 30px;
}

textarea.text {
  height: 60px;
}

/* - Smashing ---- */
a.smashing_click {
  position: absolute;
  top: 100px;
  right: 100px;
  width: 289px;
  height: 119px;
  background-image: url('/images/smashing_clickhere.png');
}
a.smashing_click:hover {
  background-image: url('/images/smashing_clickhere_over.png');
}