/*	Eric Meyer's "Resetting Again" reset styles
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	Base styles for all portfolio pages */
body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #454545;
}
h1 {
	font-size: 4em;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 30px;
	color: #eee;
	border-bottom: 1px solid #777;
}
#remail h1 {
	font-size: 3.2em;
}
h2 {
	margin: 0 0 0 0.67857em;
	font-size: 1.4em;
	line-height: 2.0357em;
	color: #eee;
}
#page-wrap {
	padding: 4em 2em 1em 2em;
	margin: 0 auto;
	width: 97em;
}
#description {
	position: relative;
	width: 100%;
	line-height: 1.5;
	color: #ccc;
	padding-top: 30px;
}
#description:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#description {
	display: inline-block;
}
* html #description {
	height: 1%;
}
#description {
	display: block;
}
#description div {
	width: 50%;
}
#description div.uni-col {
	width: auto;
	padding: 0 25% 0 15%;
}
#description .left-col {
	float: left;
}
#description .right-col {
	float: right;
}
#description div p {
	font-size: 1.3em;
	margin: 0 1.5em 1em 1.5em;
}
#description div.uni-col p {
	font-size: 1.4em;
	line-height: 20px;
}
#description p+p {
	margin-top: 1.5em;
}
#description p a {
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	color: #fff;
}
#description p a:hover {
	border-bottom: 1px solid #fff;
}
#data-table {
	clear: both;
	margin-top: 4em;
}
#data-table table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 1;
}
#data-table th {
	text-align: left;
	color: #fff;
	background: #000;
}
#data-table tr {
	background: #fff;
}
#data-table tr.alt {
	background: #eee;
}
#data-table td,
#data-table th {
	padding: 5px 8px;
	vertical-align: middle;
	font-size: 11px;
}
#data-table tfoot td {
	padding: 0;
}
*+html #data-table td,
*+html #data-table th {
	padding: 2px 4px;
}
*+html #data-table tfoot td {
	padding: 0;
}
* html #data-table td,
* html #data-table th {
	padding: 2px 4px;
}
* html #data-table tfoot td {
	padding: 0;
}
p.license {
	clear: both;
	margin-top: 4em;
	padding: 0.5em 0;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	color: #888;
	background: #333;
}
p.license a {
	color: #aaa;
}
p.license a:hover {
	color: #ddd;
}

/*	Styles for "The Classic News Ticker" */
#news-ticker #news {
	position: relative;
	margin: 0.5em auto 0 auto;
	border-top: 1px solid #e5e5d8;
	border-bottom: 1px solid #e5e5d8;
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a2a292;
	background-color: #f6f6ef;
}
#news-ticker h3 {
	font-weight: normal;
	text-transform: uppercase;
	color: #c3c3a7;
	letter-spacing:1px;
}
#news-ticker #news h3 {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 10px;
}
#news-ticker #news-events {
	position: relative;
	overflow: hidden;
	max-height: 103px;
}
#news-ticker #news-events li {
	position: relative;
	padding: 17px 80px 27px 250px;
	height: 65px;
	list-style: none;
}
#news-ticker #news-events h4 {
	position: absolute;
	top: 33px;
	left: 0;
	width: 242px;
	text-align: right;
	font: 14px Georgia, Times, "Times New Roman", serif;
	color: #7d7366;
}
#news-ticker #news-events h5 {
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #a7a78b;
}
#news-ticker #news-events p {
	font-size: 125%;
	line-height:1.4;
	font-weight: normal;
}
#news-ticker #news a:link,
#news-ticker #news a:visited {
	color: #f60;
	text-decoration: none;
}
#news-ticker #news a:hover,
#news-ticker #news a:active {
	color: #f60;
	text-decoration: underline;
}
#news-ticker #news-fade-top {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 760px;
	background: url(fade_top.png) repeat-x 0 0;
}
#news-ticker #news-fade-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 760px;
	background: url(fade_bottom.png) repeat-x 0 100%;
}
#news-ticker #news-selector {
	position: absolute;
	top: 32px;
	right: 18px;
	width: 16px;
}
#news-ticker #news-selector li {
	margin-bottom: 4px;
	list-style: none;
}
#news-ticker #news-selector li a {
	position: relative;
	display: block;
	width: 14px;
	height: 4px;
	border: 1px solid #dcdccd;
	text-indent: -9999px;
	background-color: #e9e9e9;
}
#news-ticker #news-selector li a:hover {
	background-color: #f0e0c1;
}
#news-ticker #news-selector li a.selected,
#news-ticker #news-selector li a.selected:hover {
	background-color: #fc6;
}

/*	Styles for "The Sophisticated Logo Rotator" */
#logo-rotator #selected-customers {
	position: relative;
	background-color: #efefe2;
	margin: 0.5em auto 0 auto;
	padding: 10px 0px 23px 10px;
	width: 750px;
	min-height: 97px;
}
#logo-rotator #selected-customers ul {
	margin-left: 35px;
}
#logo-rotator #selected-customers li {
	display: inline;
	margin-right: 47px;
}
#logo-rotator h3 {
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #c3c3a7;
}
#logo-rotator #selected-customers a {
	text-decoration: none;
}
#logo-rotator #selected-customers a:hover {
	text-decoration: underline;
}
#logo-rotator #selected-customers a.more-customers {
	position: absolute;
	right: 20px;
	bottom: 9px;
	font-size: 11px;
	color: #a7a78b;
}

/*	Styles for "Arena PLM New Release Notification page" */
#new-release-notification #description,
#remail #description {
	padding-top: 0;
}
#new-release-notification #description .thumb,
#remail #description .thumb {
	position: relative;
	margin: 0 2em 3em 2em;
	width: auto;
}
#remail #description .thumb {
	height: 297px;
	border: 1px solid #333;
}
#new-release-notification #description .thumb a {
	display: block;
	height: 297px;
	border: 1px solid #333;
	text-decoration: none;
}
#new-release-notification #description .thumb a:hover {
	border-color: #000;
}
#new-release-notification #thumb-before a {
	background: #333 url(../img/portfolio/new-release-notification/before-hd.jpg) no-repeat 0 0;
}
#new-release-notification #thumb-after a {
	background: #333 url(../img/portfolio/new-release-notification/after-hd.jpg) no-repeat 0 0;
}
#new-release-notification #description .thumb a span.caption,
#remail #description .thumb span.caption {
	position: absolute;
	top: 0.5em;
	margin: 0;
	padding: 0 1em 0 0.5em;
	font-size: 1.1em;
	color: #999;
	background-color: #333;
}
#new-release-notification #description .thumb a:hover span.caption {
	color: #fff;
	background-color: #000;
}

/*	Styles for "Instant Column Filtering" */
#instant-column-filtering #description {
	padding-top: 0;
}
#instant-column-filtering th span {
	float: left;
	line-height: 18px;
}
#instant-column-filtering .col-filter {
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 0.25em;
	background: url(http://stevecochrane.com/img/icons/silk/arrow_in.png) no-repeat 50% 60%;
}
#instant-column-filtering .col-filter:hover {
	cursor: pointer;
	background-color: #444;
}
#instant-column-filtering tr.hidden {
	display: none;
}

/*	Styles for "Sticky Table Row" */
#sticky-table-row h1 {
	border-bottom: 0;
	margin-bottom: 0;
}
#sticky-table-row #description {
	padding-top: 0;
}
#sticky-table-row #description #description-top,
#sticky-table-row #description #description-bottom {
	position: absolute;
	width: 40em;
	padding: 2em 0;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
#sticky-table-row #description #description-top p:last-child,
#sticky-table-row #description #description-bottom p:last-child {
	margin-bottom: 0;
}
#sticky-table-row #description #description-top {
	top: 0;
}
#sticky-table-row #description #description-bottom {
	bottom: 0;
}

#sticky-table-row #discography {
	float: right;
	width: 52em;
}
#sticky-table-row #discography table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 1;
}
#sticky-table-row #discography th {
	text-align: left;
	color: #fff;
	background: #000;
}
#sticky-table-row #discography tr {
	background: #fff;
}
#sticky-table-row #discography tr.alt {
	background: #eee;
}
#sticky-table-row #discography td,
#sticky-table-row #discography th {
	padding: 5px 8px;
	vertical-align: middle;
	font-size: 11px;
}
#sticky-table-row #discography td {
	color: #000;
}
#sticky-table-row #discography tfoot td {
	padding: 0;
}
*+html #sticky-table-row #discography td,
*+html #sticky-table-row #discography th {
	padding: 2px 4px;
}
*+html #sticky-table-row #discography tfoot td {
	padding: 0;
}
* html #sticky-table-row #discography td,
* html #sticky-table-row #discography th {
	padding: 2px 4px;
}
* html #sticky-table-row #discography tfoot td {
	padding: 0;
}

#sticky-table-row .cmdbar,
#sticky-table-row #cmdbarcontent {
	width: 519px;
	background: #000;
}
#sticky-table-row #cmdbarcontent {
	height: 31px;
	background: transparent url(../img/portfolio/sticky-table-row/cmdbarcontent-screen.png) repeat 0 0;
}
#sticky-table-row #cmdbarcontent:after,
#sticky-table-row #cmdbarcontent .commands:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sticky-table-row #cmdbarcontent .commands {
	float: left;
}
#sticky-table-row #cmdbarcontent .commands li {
	float: left;
	margin: 4px 0 0 13px;
	background: transparent url(../img/portfolio/sticky-table-row/button-bg.png) repeat-x 0 0;
}
#sticky-table-row #cmdbarcontent .commands li:hover {
	background: transparent url(../img/portfolio/sticky-table-row/button-hover-bg.png) repeat-x 0 0;
}
#sticky-table-row #cmdbarcontent .commands li a {
	float: left;
	padding: 0.5em 0.75em 0.5em 2.25em;
	border: 1px solid #111;
	text-decoration: none;
	color: #ddd;
}
#sticky-table-row #cmdbarcontent .commands li#cmd-play a {
	background: transparent url(../img/icons/silk/control_play_blue.png) no-repeat 0.5em 50%;
}
#sticky-table-row #cmdbarcontent .commands li#cmd-addtoplaylist a {
	background: transparent url(../img/icons/silk/add.png) no-repeat 0.5em 50%;
}
#sticky-table-row #cmdbarcontent .commands li#cmd-delete a {
	background: transparent url(../img/icons/silk/delete.png) no-repeat 0.5em 50%;
}
#sticky-table-row #cmdbarcontent .commands li a:hover {
	color: #fff;
}

/*	The rest of the Remail styles */