/* type */

	body,
	table, th, td,
	form, input, textarea {
		font-family: Trebuchet MS, Arial, sans;
		font-size: 13px;
		line-height: 1.5;
	}
	
	/* sizes */
	h2 { font-size: 140%; } /* 16px */
	h3 { font-size: 120%; } /* 14px */
	h4 { font-size: 100%; } /* 12px */
	#footer { font-size: 80%; } /* 10px */
	#menu { font-size: 11px; }
	#submenu { font-size: 12px; }
	table.generic th,
	table.generic td { font-size: 11px; }
	
	/* colour */
	body,
	table, th, td,
	form, input, textarea { color: #333; }
	h1,
	h1 a { color: #444; }
	h2,
	h3 { color: #555; }
	h4 { color: #444; }
	b,
	strong { color: #444; }
	a { color: #939393; }
	a:hover { color: #F7C212; }
	#menu a { color: #EEE; }
	#menu .login a { color: #F7C212; }
	
	/* random */
	a {
		font-weight: bold;
		text-decoration: none;
		outline: 0;
	}
	h1 a { font-variant: small-caps; }
	a.strong { text-transform: uppercase; }
	
	.caps { font-variant: small-caps; }
	h2,
	h3,
	h4 { font-weight: bold; }
	
	#menu a { 
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: normal;
	}

/* basic styles */

	img { border: 0; }
	h2 {
		margin: 1em 0;
		border-bottom: 1px dotted #686868;
	}
	h3 {
		margin-top: 2em;
		padding-bottom: 2px;
		border-bottom: 1px dotted #686868;
	}
	h4 {
		margin: 2em 0 1em 0;
	}
	
	ul {
		margin: 0 0 0 12px;
		padding: 0;
	}
	li {
		margin: 0;
		padding: 0 0 0 12px;
		list-style: none;
		background: url(../img/bullet-yellow.gif) no-repeat top left;
	}
	ul.plain li { background: 0; }
	ul.flat { margin: 0; }
	ul.spaced li { margin-bottom: 1em; }
	ul.spaced li li { margin-bottom: 0; }
	
	p { margin: 1em 0; }
	
	.double-space { margin: 2em 0; }
	.double-top { margin-top: 2em; }
	h3.double-top { margin-top: 4em; }
	.triple-top { margin-top: 3em; }
	.tight { margin: 0; }
	.tight-top { margin-top: 0 !important; }
	.tight-bottom { margin-bottom: 0; }
	
	
	.left { text-align: left; }
	.right { text-align: right; }
	.center { text-align: center; }
	
	img.left {
		float: left;
		margin: 0 1em 1em 0;
	}
	
	img.right {
		float: right;
		margin: 0 0 1em 1em;
	}
	
	.clear {
		 clear: both;
		 height: 0;
		 font-size: 0;
	}
	.nowrap { white-space: nowrap; }
	.info { background: #F7C212; }
	.error { background: #F99; }
	
	.weight-normal { font-weight: normal; }
	
/* layout */

	body {
		margin: 0;
		padding: 0;
		text-align: center;
		background: #f7f7f7 url(../img/sub-menu.gif) repeat-y top center;
	}
	#container {
		margin: 0 auto;
		width: 726px;
		text-align: left;
	}
	#header {
		height: 92px;
		background: #FFF;
	}
	#header h1 {
		margin: 0;
		padding: 0;
		width: 363px;
		height: 92px;
		float: left;
	}
	#header #h2 {
		margin: 0;
		padding: 0;
		width: 363px;
		height: 92px;
		float: left;
		text-align: right;
	}
	#subheader {
		height: 150px;
		background:url(../img/subheader.jpg) center right no-repeat;
		clear: both;
	}
	#main {
		margin-top: -1px;
		padding-top: 1px;
		padding-bottom: 25px;
		/* heh */
	}
	#content {
		margin: 26px 26px 0 232px;
		padding-bottom: 20px;
	}
	#footer {
		padding-top: 50px;
		padding-bottom: 5px;
	}
	#footer p {
		margin: 0 26px 0 232px;
		padding-top: 4px;
		color: #939393;
		border-top: 1px dotted #939393;
	}
	
	#content .columns {
		float: left;
		width: 468px;
	}
	#content .column-left {
		float: left;
		width: 222px;
		margin-right: 24px;
	}
	#content .column-right {
		float: left;
		width: 222px;
	}

/* menu */

	#menu {
		margin: 0;
		padding: 0;
		width: 207px;
		height: 150px;
		float: left;
		background: #514f50;
	}
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
		background: none;
	}
	/*
	#menu a {
		display: block;
		height: 25px;
		background-image: url(../img/menu.gif);
		text-indent: -9999px;
		color: #EEE;
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: normal;
	}
	#menu .products a { background-position: 0 -25px; }
	#menu .contact a { background-position: 0 -50px; }
	#menu .downloads a { background-position: 0 -75px; }
	#menu .products a:hover { background-position: 0 -175px; }
	#menu .contact a:hover { background-position: 0 -200px; }
	#menu .downloads a:hover { background-position: 0 -225px; }
	*/
	#menu a {
		display: block;
		padding: 4px 0 0 31px;
		height: 21px;
		background-image: url(../img/menu2.gif);
		background-position: 0 0;
	}
	#menu a:hover { background-position: 0 -25px; }
	

/* submenu */

	#submenu {
		float: left;
		width: 207px;
		height: 5px;
	}
	#submenu select {
		margin: 15px 20px;
		width: 166px;
	}
	#submenu ul {
		margin: 5px 0 30px 0;
		padding: 0;
		list-style: none;
	}
	#submenu li {
		margin: 0;
		padding: 0 15px 0 14px;
	}
	#submenu li.heading {
		height: 27px;
	}
	#submenu a,
	#submenu span {
		display: block;
		padding: 5px 15px 6px 25px;
	}
	#submenu li.heading span {
		padding: 5px 15px 6px 16px;
	}
	#submenu li.sub a,
	#submenu li.sub span {
		display: block;
		padding: 0 15px 0 25px;
	}
	#submenu li.sub.last a,
	#submenu li.sub.last span {
		display: block;
		padding: 0 15px 6px 25px;
	}
	
	/* background */
	#submenu {
		background: url(../img/sub-menu-top.gif) no-repeat top center;
	}
	#submenu li {
		background: url(../img/sub-menu-underline.gif) no-repeat bottom right;
	}
	#submenu li.hassub {
		background: none;
	}
	#submenu li.selected {
		background: url(../img/sub-menu-selected.gif) no-repeat bottom right;
	}
	#submenu li.heading {
		background: url(../img/sub-menu-title.gif) no-repeat top center;
	}
	#submenu li.sub {
		background: none;
	}
	#submenu li.sub.last {
		background: url(../img/sub-menu-underline.gif) no-repeat bottom right;
	}
	
	/* type */
	#submenu {
		color: #555;
	}
	#submenu ul {
		font-weight: bold;
		text-transform: uppercase;
	}
	#submenu a {
		color: #555;
		text-decoration: none;
	}
	#submenu a:hover {
		color: #F7C212;
	}
	#submenu li.selected a:hover {
		color: #555;
		cursor: default;
	}
	#submenu li.heading {
		color: #FFF;
	}
	#submenu li.sub a {
		color: #939393;
		text-transform: capitalize;
	}
	#submenu li.sub a:hover {
		color: #F7C212;
	}

/* tables */

	.generic {
		width: 100%;
		margin: 1em 0;
	}
	.generic th {
		padding: 5px 0;
		text-align: center;
		vertical-align: bottom;
		color: #444;
		border-bottom: 1px dotted #686868;
	}
	.generic th.left {
		text-align: left
	}
	.generic td {
		padding: 5px 1px;
		border-bottom: 1px dotted #686868;
	}
	.generic th.top,
	.generic td.top {
		vertical-align: top;
	}
	.generic tr.highlight td,
	.generic tr.highlight th,
	.generic td.highlight,
	.generic th.highlight {
		background: #FDF1D3;
	}
	.generic td.top-border {
		border-top: 1px dotted #686868;
	}

/* featured products page */

	#featured-products,
	#featured-products li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	#featured-products li {
		margin: 0 5px 5px 0;
		width: 151px;
		height: 152px;
		text-align: center;
		background: none;
	}

/* geniclip techinfo page */

	#genieclip-techinfo-table th {
		width: 141px;
		text-align: left;
		vertical-align: bottom;
		color: #444;
	}
	#genieclip-techinfo-table .spacers {
		width: 22px;
	}
	#genieclip-techinfo-table td {
		vertical-align: top;
	}

/* contact form page */

	#contact label {
		padding-top: 3px;
		float: left;
		width: 100px;
	}
	#contact div {
		padding-bottom: 3px;
	}
	#contact input[type="text"],
	#contact textarea {
		width: 200px;
	}

/* admin */

	.disabled {
		text-decoration: line-through;
	}

/* random */

	.two-col {
		width: 50%;
		float: left;
	}
	.two-col .padder {
		padding-right: 5px;
	}
	
	/* kinda ugly but it works in all browsers at least */
	.ul-space-hack img {
		border-left: 10px solid #FFF;
	}
	
	span.info,
	span.error {
		font-weight: bold;
		padding: 2px 4px;
	}
	
	#download-button {
		margin: 2em 0;
	}
	#download-button a {
		display: block;
		width: 113px;
		height: 26px;
		font-size: 1px;
		text-indent: -9999px;
		background-image: url(../img/download-genieclip-brochure-button.gif);
	}
	#download-button a:hover {
		background-position: 113px 0;
	}