@charset 'UTF-8';

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
	margin-bottom : 2.5em;
}

/* ------------------------- */

body {
	color: #333;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size : 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
	margin: 0;
}

/* ------------------------- */

h1.LEVEL-1 {
	font-size : 1.6em;
}

h1.LEVEL-2 {
	font-size : 1.4em;
}

h1.LEVEL-3 {
	font-size : 1.2em;
}

h1.LEVEL-4 {
	font-size : 1em;
}

/* ------------------------- */

h2.LEVEL-1 {
	font-size : 1em;
}

/* ------------------------- */

ul {
	list-style-type : square;
	margin-left : 0;
	padding-left : 2.5em;
}

ol {
	margin-left : 0;
	padding-left : 2.5em;
}

dd {
	margin-left : 1.5em;
	padding-left : 0;
}

/* ------------------------- */

table {
	border-collapse: collapse;
	width: 100%;
}

th {
	background-color : #eee;
	border : 1px solid #ddd;
	padding : 0.5em;
	text-align : left;
	vertical-align : top;
}

td {
	border : 1px solid #ddd;
	padding : 0.5em;
	vertical-align : top;
}

/* ------------------------- */

form {
	margin : 0;
	padding : 0;
}

fieldset {
	border-style : none;
	margin : 0;
	padding : 0;
}

legend {
	display : none;
}

input[type="text"] {
	width : 50%;
}

textarea {
	width : 95%;
}

/* ------------------------- */

img {
	border-style: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/* ------------------------- */

a:link,
a:visited {
	color: #06c;
	text-decoration: none;
}

a[herf]:hover {
	text-decoration : underline;
}

h1 a:link,
h1 a:visited {
	color : #333;
}

a:not([href]) {
	color : #333;
}

/* ------------------------- */

em,
strong {
	font-style : normal;
	font-weight : bold;
}

/* ------------------------- */

.CLEAR {
	clear: both;
}

/* ------------------------- */

.header-wrapper {
	background-color : #333;
	padding : 0.5em 0;
	min-width : 940px;
}

header {
	line-height : 1;
	margin : 0 auto;
	overflow : hidden;
	width : 940px;
}

header h1 {
	float : left;
	font-size : 1em;
	margin : 0;
	width : 20%;
}

header nav {
	float : right;
	margin : 0;
	width : 80%;
}

header ul {
	list-style-type : none;
	margin : 0;
	padding-left : 0;
	text-align : right;
}

header li {
	display : inline;
}

/* ------------------------- */

.current-home .home,
.current-products .products,
.current-works .works,
.current-column .column,
.current-onlinestore .onlinestore,
.current-company .company,
.current-support .support,
.current-privacy .privacy,
.current-terms .terms,
.current-links .links,
.current-sitemap .sitemap {}

.twitter {
	margin-left: 10px;
}

/* ------------------------- */

.main-wrapper {
	padding : 0.5em 0;
	min-width : 940px;
}

.main {
	margin : 0 auto;
	overflow : hidden;
	width : 940px;
}

/* ------------------------- */

.breadcrumbs {
	list-style-type : none;
	padding-left : 0;
}

.breadcrumbs li {
	display : inline;
	margin-right : 0.5em;
}

.breadcrumbs li:after {
	content : ' \203a';
	color : #ccc;
	margin-left : 0.5em;
}

.breadcrumbs li:last-child:after {
	content : '';
}

/* ------------------------- */

.footer-wrapper {
	background-color : #eee;
	padding : 0.5em 0;
	min-width : 940px;
}

footer {
	margin : 0 auto;
	width : 940px;
}

footer a:link,
footer a:visited {
	color : #333;
}

footer nav {
	margin : 0;
}

footer ul {
	list-style-type : none;
	margin : 0;
	padding-left : 0;
}

footer li {
	display : inline;
	margin-right : 2em;
}

/* ------------------------- */

#change-buttons a {
	margin-right : 0.5em;
}

/* ------------------------- */

.grid-1-of-12 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 60px;
}

.grid-1-of-8 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 100px;
}

.grid-2-of-12
.grid-1-of-2 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 140px;
}

.grid-1-of-5 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 172px;
}

.grid-3-of-12,
.grid-2-of-8,
.grid-1-of-4 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 220px;
}

.grid-4-of-12,
.grid-2-of-6,
.grid-1-of-3 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 300px;
}

.grid-3-of-8 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 340px;
}

.grid-2-of-5 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 364px;
}

.grid-5-of-12 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 380px;
}

.grid-6-of-12,
.grid-4-of-8,
.grid-2-of-4,
.grid-1-of-2 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 460px;
}

.grid-7-of-12 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 540px;
}

.grid-3-of-5 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 556px;
}

.grid-5-of-8 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 580px;
}

.grid-8-of-12,
.grid-4-of-6,
.grid-2-of-3 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 620px;
}

.grid-9-of-12,
.grid-6-of-8,
.grid-3-of-4 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 700px;
}

.grid-4-of-5 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 748px;
}

.grid-10-of-12,
.grid-5-of-6 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 780px;
}

.grid-7-of-8 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 820px;
}

.grid-11-of-12 {
	float : left;
	margin-left : 20px;
	margin-bottom : 0;
	width : 860px;
}

.grid-12-of-12,
.grid-11-of-11,
.grid-10-of-10,
.grid-9-of-9,
.grid-8-of-8,
.grid-7-of-7,
.grid-6-of-6,
.grid-5-of-5,
.grid-4-of-4,
.grid-3-of-3,
.grid-2-of-2,
.grid-1-of-1 {
	float : left;
	margin-bottom : 0;
	width : 940px;
}

.FIRST {
	margin-left : 0;
	clear : left;
}