body {
	margin: 0;
	padding: 0;
}

body, td {
	font-family:	"Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	font-size:		1em;
	color:			#666;
}

.breadcrumb {
	width: 1000px;
	margin: .25em auto 0 auto;
	font-size: 12px;
}
.breadcrumb a {
	text-decoration: none;
	font-weight: normal;
}
.breadcrumb a:last-child {
	font-weight: bold;
	font-size: 111%;
}

.body {
	box-shadow: 2px 4px 8px rgba(0,0,0,.25);
	width: 1024px;
	margin: 20px auto 5px auto;
	border: solid 1px #666;
}

small {			font-size: 75%; 		}

.search {
	width:	380px;
	float: right;
	margin-right: 30px;
	margin-top: 2px;
}

.gsc-control-cse {
	padding: 0 !important;
}

.blurb {
	font-size: .9em;
}

h1, h2 {
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
}

h1 {			font-size: 225%; font-family: Arial Black, Arial, Helvetica, sans-serif;	}
h2 {			font-size: 125%; font-family: Arial Black, Arial, Helvetica, sans-serif;	}

a {	
	color:			#00a;
	font-weight: bold;
	transition: all .25s;
	-moz-transition: all .25s; /* Firefox 4 */
	-webkit-transition: all .25s; /* Safari and Chrome */
	-o-transition: all .25s; /* Opera */
}
a:hover {		color: #33f; text-decoration: underline; }

img	{			background:	clear;		}
a img	{		border: black;	}

form { 			margin: 0; padding: 0; }

ul { 			list-style-type: square;	}

hr	{			border: none 0; border-top: dotted 1pt gray; height: 1px; }

.header {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 30%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 30%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 30%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 30%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 30%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.footer {
	padding: .5em;
	text-align: center;
	font-size: .75em;
	margin-bottom: 10px;
	color: #666;
}

.box_yellow				{	text-decoration: none; }
.box_yellow:hover		{	text-decoration: none; }
.box_yellow_150			{	background: #ffe46e; width: 150px; text-decoration: none; font-size: 75%; color: black; }
.box_yellow_150 .middle	{	background: transparent url(box/yellow/150/middle.png) repeat-y 0px 0px;		}
.box_yellow_150 .top		{	background: transparent url(box/yellow/150/top.png) no-repeat 0px 0px;			}
.box_yellow_150 .bottom	{	background: transparent url(box/yellow/150/bottom.png) no-repeat 0px bottom;	}
.box_yellow_150 .content	{	text-decoration: none; text-align: center; padding: 20px; min-height: 150px;}
a:hover .box_yellow_150 .middle	{	background: transparent url(box/yellow/150/middle.png) repeat-y -150px 0px;		}
a:hover .box_yellow_150 .top		{	background: transparent url(box/yellow/150/top.png) no-repeat -150px 0px;		}
a:hover .box_yellow_150 .bottom	{	background: transparent url(box/yellow/150/bottom.png) no-repeat -150px bottom;	}

.button				{	color: black; text-decoration: none;	}
.button .left		{	width: 10px; height: 21px; display:inline-block; background: url('button_left.gif') top right no-repeat;	}
.button .middle		{	font-size: 14px; height: 20px; display: inline-block; background: url('button_middle.gif') top repeat-x; padding: 2px 1em 0 1em; text-align: center; vertical-align: top;	}
.button .right		{	width: 10px; height: 21px; display:inline-block; background: url('button_right.gif') top left no-repeat;	}

a:hover .button		{	color: white;	}
a:hover .button .left {	background-position: 0 -30px;	}
a:hover .button .middle {	background-position: 0 -30px;	}
a:hover .button .right {	background-position: 0 -30px;	}
/*
.button	{ 			font-size: 14px;
					width: 150px;
					background: #DDD url('button_middle.gif') top repeat-x;
					height: 20px;
					text-align: center;		}*//*
a .button,
.button a {			color: black; 	}
a:hover .button,
.button a:hover {	color: blue;	}*/

/* Form feedback */
.error {					color: #F00; font-style: bold; }
.success {				color: #0A0; font-style: bold; }

.address {				font-size: 65%; margin: 10px 10px 0 0; font-style: bold;	color:#999;	}

.layout	{ 				padding: 10px 20px;}

.content {
	text-align:		justify;
	hyphenate:		auto;
}

.content_title {			font-size: 200%; font-family: Arial Black, Arial, Helvetica, sans-serif;
						margin-bottom: 10pt; border-bottom: solid 1pt gray;	width: 100%;	}
													
.content table, td, th, tr {		border: 0; vertical-align: top; text-align: justify; hyphenate: auto; }

.content table.list th {		background: #CCC url('table_header.gif') top repeat-x;	font-size: 105%; text-align: left; padding: 2pt 5pt 2pt 5pt; }
.content table.list td {		border-top: solid 1px silver; padding: 2pt 5pt 2pt 5pt; }
.content table.list tr {
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari and Chrome */
	-o-transition: all .5s; /* Opera */	
}
.content table.list tr:hover  {		background: #FF8; }

.content table.columns th {		background: #CCC url('table_header.gif') top repeat-x;	font-size: 105%; text-align: left; padding: 2pt 5pt 2pt 5pt; }
.content table.columns td {		border-top: solid 1px silver; padding: 2pt 5pt 2pt 5pt; }

.left-sidebar {
	margin-right: 20px;
	margin-top: 20px;
}
.sidebar {
	background: #CCC url('sidebar.gif') repeat-x left top;
	padding: .5em 1em;
}

.local-nav {
	margin: 20px 0 10px 0;
	border-bottom: solid 1px #999;
}

.sidebar {
	width: 150px;
	white-space: nowrap;
}
.sidebar .google_search { text-align: center; } 
.sidebar .portfolio {	text-align: center; font-size: 70%;		}
.sidebar .portfolio img {	border: solid 1px black;	}
.sidebar .rss {			text-align: center; font-size: 70%;		}
.sidebar .rss a {			text-decoration: none;		}

.local-nav .project {
	white-space:	nowrap;
}

.local-nav .product {
	white-space:	nowrap;
	padding-left:	.75em;
}

.local-nav .submenu {
	white-space:	nowrap;
	font-size:		88%;
	padding:		0 0 .5em 1.5em;
}

hr {
	margin: 20px 0;
}

.sidebar-plugins div {
	margin: 5px 0;
}
.sidebar-plugins .version {
	float: right;
	font-size: .75em;
	margin-top: 5px;
}

.news_short 		{   font-size: 75%;	padding-bottom: 3pt; white-space:nowrap;}
.news_short a 		{   color: black; font-weight: normal; text-decoration: underline;}

.news_long td		{	padding-bottom: 5pt;	}
.news_long .date 	{	font-weight: bold;						}
.news_long .title 	{	padding-left: 10pt; float:left		}
.news_long .link 	{	white-space: nowrap; padding-left: 10pt; float: right;}

.news_item {			background: #CCC url('sidebar.gif') top repeat-x; padding: 20pt; margin: 10pt 50pt 10pt 50pt; border: solid 1px gray; }
.news_item .date {		margin-bottom: 10pt; display: block; border-bottom: dotted 1pt gray;}
.news_item .title {		font-weight: bold; font-size: 150%;	}
.news_item .description { display: none; }

.news_list { 			display: block;} 
.news_list .row { 		display: block; width: 100%;} 
.news_list .date { 		white-space: nowrap; float: left; padding-right: 10pt; }
.news_list .title { 	white-space: nowrap; float: left; padding-right: 10pt; }

.products_items {		width:100%; display:block;}
.products_item {		padding: 10pt;	margin: 0 1em 4em 1em;	font-size: 90%;		}
.products_item a {		font-size: 115%; display: block; }
.products_item img {	margin-right: 5pt; margin-top: -8px; margin-left: -5px;}

.product_links {		 }
.product_link {		padding-top: 5pt; font-size: 65%; text-align: justify; }
.product_link a {	font-size: 125%; }

.crosslinks 		{	position: absolute;	left: -999em; }

.big-product {
	background: -moz-linear-gradient(left,  rgba(254,252,234,0) 0%, rgba(249,247,235,0) 33%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,252,234,0)), color-stop(33%,rgba(249,247,235,0)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(254,252,234,0) 0%,rgba(249,247,235,0) 33%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(254,252,234,0) 0%,rgba(249,247,235,0) 33%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(254,252,234,0) 0%,rgba(249,247,235,0) 33%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(254,252,234,0) 0%,rgba(249,247,235,0) 33%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefcea', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
	color: #666;
	position: relative;
	cursor: pointer;
}

.big-product .product-body {
	padding: 15px 15px 0 0 ;
}

.big-product .price {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 2.5em;
	font-weight: normal;
}

.big-product .platform {
	position: absolute;
	bottom: 10px;
	left: 100px;
	font-size: 8px;
	font-weight: bold;
	color: black;
	text-align: center;
	display: inline-block;
}

.big-product .description {
	font-size: .9em;
	color: #333;
}

.navigation-bar {
	background: #ddd;
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.navigation-bar td {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

#nav, #nav ul {	float: left; width: 100%; list-style: none; line-height: 1; 
	font-weight: bold; padding: 0; margin: 0; font-size: 0.9em;	z-index: 1000;
}
#nav ul {
	background: #ddd;
	box-shadow: 0 8px 16px rgba(0,0,0,.25);
}
#nav a { font-size: 1.2em; color: black; display: block; width: 8em; text-decoration: none; padding: 0.25em 1em; }
#nav li {
	float: left;
	width: 9em;
	padding: 0;
	transition: all .25s;
	-moz-transition: all .25s; /* Firefox 4 */
	-webkit-transition: all .25s; /* Safari and Chrome */
	-o-transition: all .25s; /* Opera */
	border-right: groove 2px;
}
#nav li.selected {
	background: #333;
	background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
#nav li.selected > a {
	color: white;
}
#nav li.selected:hover > a {
	color: #333;
}
#nav li ul {	position: absolute;	left: -999em; height: auto;	width: 16em; font-weight: normal; margin: 0;	font-size: .9em;
			border: solid #666 1px;
			padding: .25em 0;
}
#nav li li {		width: 16em;		}
#nav li ul a {		width: 14em;		}
#nav li ul ul {		margin: -1.75em 0 0 16em;	}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;	}
#nav li:hover, #nav li.sfhover {
	background: #FE8;
}

.menu-arrow-right {
	float: right;
	padding-right: 10px;
}