html, body {
	height:100%;
}

body {
	background:transparent url(/images/background.gif) repeat scroll 0 0;
	color:#ffffff;
	line-height:22px !important;
}

body, textarea, input {
	font:normal 13px Georgia, Baskerville Old Face, Serif;	
}

table {
	/*color:#000000 !important;*/
}

h1 {
	font-size:30px;
	background-color:#3399ff;
	padding:0 5px;
	display:inline;
	line-height:38px;
}

h4 {
	display:inline;
	font-size:22px;
	line-height:28px;
	background-color:#3399ff;
	padding:0 4px;
}

a {
	color:#ffffff;
}

a:hover {
	text-decoration:none;
}

.top {
	background:transparent url(/images/bg.png) repeat left top;
	height:40px;
	margin-bottom:35px;
}

.footer {
	background:transparent url(/images/bg.png) repeat left top;
	height:40px;
}

.footer p {
	padding-top:10px;
	text-align:right;
}

.top ul {
	float:right;
}

.top ul li {
	float:left;
	line-height:40px;
	margin-left:20px;
	position: relative;
}

.top ul li ul {
	position: absolute;
	left:-10px;
	top:40px;
	margin-top:1px;
	display: none;
}

.top ul li ul li {
	background:transparent url(/images/bg.png) repeat left top;
	width:150px;
	margin-left:0px;
	text-indent:10px;
}

.top ul li a {
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
}

.top ul li:hover ul { 
	display: block;
}

.top ul li a:hover {
	text-decoration:underline;
}

.top ul li ul li a {
	display: block;
	height:28px;
	line-height:28px;
}

.top ul li ul li a:hover {
	background-color:#3399ff;
	text-decoration:none;
}

.header {
	font-size:18px;
	margin-bottom:30px;
}

.header p {
	margin-top:40px;
}

.content_wrapper {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.body, .extra {
	margin-bottom:50px;
	margin-top:20px;
	background:transparent url(/images/full_bg.png) repeat-y right top;
}

.body {
	background:none !important;
}

table {
	margin-top:30px;
	font-size:12px;
	border-right:1px solid #1f1f1f;
	border-bottom:1px solid #1f1f1f;
}

table th {
	text-align:left;
	padding:4px 5px 7px 6px;
	border:1px solid #1f1f1f;
	background-color: #1f1f1f;
	font-size:13px;
}

table td {
	padding:2px 0 2px 6px;
	border-left:1px solid #1f1f1f;
	border-bottom:1px dashed #1f1f1f;
}

table.TABLE_CODE {
	border:1px dashed #ededed !important;
	padding:10px;
}

table.TABLE_CODE td, table.TABLE_CODE th {
	padding:12px;
	border:none;
}

.item {
	margin-top:6px;
	padding:20px;
	position:relative;
	margin-left:30px;
	width:890px;
}

.body .item {
	background:transparent url(/images/bg.png) repeat left top;	
}

.item .intro p.summary {
	font-size:20px;
	line-height:28px;
}

.extra .item {
	width:570px;
}

.extra .item p {
	clear:both;
	margin-top:30px;
}

.extra .item img {
	margin-top:30px;
	display:block;
}

.extra .item p.introtext {
	/*margin-top:0;*/
}

.extra .component_detail {
	float:left;
}

.extra .component_detail .item:first-child, .body .item:first-child {
	margin-top:0 !important;
}

#component {
	margin-top:20px;
}

#contact .item {
	margin-bottom:50px;
}

.extra .summary {
	float:right;
	/*background:transparent url(/images/bg.png) repeat left top;*/
	width:274px;
	padding:20px;
}

.summary p {
	line-height:16px;
	font-size:11px;
	margin-top:8px;
	margin-bottom:30px;
}

.summary p.last {
	margin-bottom:0 !important;
}

.item a {
	text-decoration:none;
}

.item span {
	display:block;
	margin-top:10px;
}

.item a.headinglink {
	margin-left:-50px;
	display:inline-block;
	background-color:#3399ff;
	line-height:30px;
}

.item a h2 {
	font-size:28px;
	padding:3px 10px;
}

.item h3 {
	margin-top:30px;
	margin-bottom:30px;
	background-color:#00cc33;
	margin-left:-50px;
	float:left;
	padding:0 5px;
}

.item a:hover h2 {
	background-color:#00cc33;	
}

.item .intro {
	width:540px;
	position:absolute;
	bottom:20px;
	left:20px;
}

.item a.image {
	border:1px solid #3399ff;
	display:block;
	width:320px;
	margin-left:20px;
	float:right;
}

.item a.image:hover {
	border:1px solid #00cc33;
}

.item a img {
	padding:10px;
}

.item .intro ul {
	margin-top:10px;
}

.item .intro ul li {
	float:left;
	background-color:#4e4d4d;
	margin-left:6px;
	height:18px;
}

.item .intro ul li:first-child {
	margin-left:0;
}

.item .intro ul li a {
	line-height:18px;
	display:block;
	padding:0 5px;
	font-size:10px;
}

a.downloads {
	font-size:18px;
	text-decoration:none;
	line-height:30px;
	display:block;
	height:30px;
	padding:0 5px;
	margin-left:0;
	background-color:#4e4d4d;
}

.item .intro ul li a:hover, a.downloads:hover {
	background-color:#00cc33;
}

#green a.downloads {
	background-color:#00cc33;	
}

#green a.downloads:hover {
	background-color:#3399ff;	
}

#contact .item h2 {
	margin-left:-50px;
	display:inline-block;
	background-color:#3399ff;
	line-height:30px;
	font-size:28px;
	padding:3px 10px;
	width:98px;
}

span#cv {
	background-color:#00cc33;
	font-size:16px;
	padding:0 4px;
}

#clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.footer {
	clear:both;
}

form {
	margin:30px 0;
	font-size:20px;
}

label {
	display:block;
	float:left;
	width:120px;
	text-align:right;
	margin-right:20px;
	line-height:30px;
	background-color:#3399ff;
	padding-right:10px;
}

label.error {
	background-color:#CC0000;
}

input, textarea {
	border:1px solid #000000;
	margin-bottom:16px;
	background-color:transparent;
	padding:3px 3px;
	color:#ffffff;
	width:66%;
	font-size:20px;
}

textarea {
	height:100px;
	overflow:auto;
}

input.submit {
	width:100px;
	float:right;
	margin-right:36px;
	background-color:#4e4d4d;
	border:0;
	font-size:13px;
}

input.error, textarea.error, input.error:focus, textarea.error:focus {
	border:1px solid #cc0000 !important;
	color:#ffffff !important;
	background-color:transparent !important;
}

span.error {
	background-color:#cc0000;
	display:inline;
	padding:4px 2px;
	font-size:16px;
}

.error {
	background-color:#cc0000;
}

p.success span {
	background-color:#00cc33;
	display:inline;
	padding:4px 2px;
	font-size:16px;	
}

input:focus, textarea:focus {
	border:1px solid #3399ff;
}

.summary .purchase .dets {
	margin-bottom:15px !important;
}