body { margin: 0; padding: 0; color: #666; background: #fff; font-family: Arial,sans-serif; font-size: 80%; }

a { color: #669; }
a:hover { color: #c00; }
a:active { outline: none; }

h1, h2, h3, h4, h5, h6 {  font-family: Georgia,serif; font-weight: normal; }
h1 { color: #fff; font-size: 2.5em; line-height: 1em; padding: 1em 0 2.5em 0; text-align: center; } /* teaser only */
h2, h3, h4, h5, h6 { font-size: 2em; line-height: 1.5em; margin: 0.5em 0; border-top: 4px solid #669; } /* content */
h3, h4, h5, h6 { font-size: 1.5em; border-color: #ccc; }
h4, h5, h6 { border: none; }

input.text, textarea, select { margin-top: 0.25em; margin-bottom: 0.25em; border: 1px solid #ccc; }
input.text { width: 92%; }
textarea { width: 98%; height: 8em; }
label { font-weight: normal; }

#LiveActor { text-align: center; background: transparent url("../images/liveactor_background.gif") no-repeat 50% bottom; }

.product { text-align: center; }
.product img { padding: 1px; border: 2px solid #669; }
.product a:hover img { padding: 0; border: 3px solid #669; }

.intro { line-height: 2.5em; }

#header { background-color: #669; }
#header p { text-align: right; color: #fff; }
#header ul { margin: 0; padding: 0; float: right; font-size: 1.5em; }
#header ul li { display: inline; padding: 0 0 0 18px; margin: 0; }
#header ul li a { color: #fff; text-decoration: none; }
#header ul li a:hover { color: #fff; border-top: 2px solid #fff; }

#teaser { background: #99c url("../images/teaser_background.jpg") repeat-x 50% top; }
#teaser div { height: 252px; overflow: hidden; background: transparent url("../images/teaser_trophy.gif") no-repeat 206px bottom; }

#footer { background-color: #669; color: #fff; padding: 1em 0 2em 0; margin-top: 4em; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline; padding-right: 10px; margin: 0; }
#footer ul li a { color: #fff; font-family: Arial,sans-serif; }



/* --------------------------------------------------------------
This is based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button {
	display: block;
	float: left;
	margin: 0 0.583em 0.667em 0;
	padding: 5px 10px 5px 7px; /* Links */
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #f5f5f5;
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
}

button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

button[type] {
	padding: 4px 10px 4px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html button[type] {
	padding: 4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	float: none;
}

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #529214; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }