* {
	margin: 0;
}


html{
	height:100%;
}

body{
	color:white;
	font-family:sans-serif;
	font-size:small;
	margin:0;
	background:black url('images/toptile.gif') repeat-x scroll center top;
	position: relative;
	height:100%;
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

#ftm{
	width:800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -195px; /* the bottom margin is the negative value of the footer's height */
	padding:0;
}

#ftm #header{
	background:black url('images/ftm_top.jpg') no-repeat scroll left top;
	width:800px;
	height:195px;
	position: relative;
}

#ftm #header ul {
	font-family:Tahoma, Verdana, Arial;
	padding-left: 0;
	position: absolute;
	bottom: 9px;
	left:28px;
}

#ftm #header ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #333333;
	list-style: none;
	display: inline;
}

#ftm #header ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#ftm #header ul li a{
	padding: 5px 5px 5px 0.5em;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#ftm #header ul li a:hover {
	border-bottom:2px white solid;
	color: #336699;
}


#ftm div.content {
	width:800px;
	clear:both;
	color:white;
	padding:10px 0 10px 0;
}

#push{
	height:195px;
}

#footer {
	height:195px;
	background:black url('images/bottomtile.gif') repeat-x scroll center top;
}

#footer #fbox {
	margin:0 auto;
	width:800px;
	height:100px;
	padding-top:40px;
}

#footer #fbox p{
	float:left;
	color:#666666;
	width:50%;
}

#footer #fbox p span {
	font-weight:bold;
}

/* HOME */

#home #video {
	width:392px;
	height:290px;
	text-align:left;
	padding:10px 0 0 29px;
	background-image:url('images/tv_frame.jpg');
	margin:0 10px 0 0;
	float:left;
}

#home h1{
	font-size:x-large;
	font-style:italic;
	margin-bottom:-1em;
}

#home p {
	padding:3em 0 0 0;
	color:#CCCCCC;
	line-height:2em;
}

#home p span {
	font-size:larger;
	color:#8FB5DA;
}

#home ul {
	list-style:square;
	list-style-position:inside;
}

/* ARTICLES */

#articles h1{
	font-size:x-large;
	color:white;
	clear:both;
	padding:1em 0 0 0;
}

#articles p {
	padding:3em 0 0 0;
	color:#CCCCCC;
	line-height:2em;
}

#articles p span {
	font-size:larger;
	color:#8FB5DA;
}

/* DEMOS */

#demos h1{
	font-size:large;
	color:#8FB5DA;
	clear:both;
	padding:1em 0 0 0;
}

#demos p{
	padding:0.5em 0 1em 0;
	color:#666666;
}

#demos #video {
	width:392px;
	height:290px;
	text-align:left;
	padding:10px 0 0 29px;
	background-image:url('images/tv_frame.jpg');
	margin:0 1em 0 0;
	float:left;
}

#demos #tframe {
	width:800px;
	clear:both;
	padding:0 0 1em 0;
}

#demos #tframe blockquote p, #demos #bframe blockquote p {
	font-size:large;
	color:#8FB5DA;
	padding:0 0 0 0;
}

#demos #tframe blockquote dl{
	font-size:small;
	color:white;
	float:left;
	clear:right;
	width:300px;
}

#demos #tframe blockquote dl dt {
	padding:1em;
	border-bottom:1px #333333 dotted;
}

#demos #tframe blockquote dl dd {
	padding:0.5em;
	border-bottom:1px #666666 solid;
	color:#666666;
}

#demos #bframe {
	padding-top:2em;
	clear:both;
}

#demos #bframe blockquote ol{
	font-size:small;
	color:white;
	width:60em;
}

#demos #bframe blockquote ol li{
	float:left;
	width:16em;
	padding:0 1em 0 1em;
	border-right:1px #333333 dotted;
	border-bottom:1px #333333 dotted;
	line-height:2em;
}


/* CONTACT */

#contact h1 {
	font-size:x-large;
	color:white;
}

#contact p {
	padding:3em 0 0 0;
	color:#CCCCCC;
	line-height:2em;
}

#contact p span {
	font-size:larger;
	color:#8FB5DA;
}

#contact #contact-info{
	float:left;
	width:370px;
	margin-right:10px;
}

#contact #contact-info h1 {
	margin-top:0;
	padding-top:0;
}

#contact #contact-area {
	width: 30em;
	text-align:right;
	float:left;
	clear:right;
	padding:1em;
}

#contact #contact-area input, #contact-area textarea {
	width: 14em;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	border: 2px solid #8FB5DA;
	padding:0.2em;
}

#contact #contact-area textarea {
	height: 6em;
}

#contact #contact-area textarea:focus, #contact #contact-area input:focus {
	border: 2px solid #336699;
}

#contact #contact-area input.submit-button {
	width: 5em;
}

#contact label {
	float: left;
	text-align: right;
	margin-right: 1em;
	width: 5em;
	font-size: 1.4em;
}