/* Form 1 style */

.form1 {
	width: 450px;
	float: left;
	background: #fff;
	color: #777;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	box-shadow: 0px 0px 8px 2px #d1d1d1; 
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
}

.formtitle {
	padding: 10px;
	line-height: 16px;
	font-size: 13px;
	text-shadow: -1px -1px #e1e1e1;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	width: 430px;
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #bababa 50%, #bababa 51%, #bababa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(50%,#bababa), color-stop(51%,#bababa), color-stop(100%,#ff9d19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#bababa 50%,#bababa 51%,#bababa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#bababa 50%,#bababa 51%,#bababa 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#bababa 50%,#bababa 51%,#bababa 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%,#bababa 50%,#bababa 51%,#bababa 100%); /* W3C */
}

.input {
	width: 410px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtext {
	float: left;
	line-height: 18px;
	height: 35px;
	font-size: 14px;
	width: 120px;
}

.inputcontent {
	float: left;
	width: 290px;
	height: 50px;
}

.inputcontent input {
	padding: 5px;
	height: 18px;
	width: 200px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputcontent a {
	color: #0084ff;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
}

.nobottomborder {
	border-bottom: 0;
}

.buttons {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 15px;
	height: 34px;
}

.greybutton {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #bababa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* W3C */ 
	border: 1px solid #bababa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #bababa;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.greybutton:hover{
	background: #bababa; /* Old browsers */
	background: -moz-linear-gradient(top, #bababa 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* W3C */ 
}

.orangebutton {
	background: #ffc339; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc339 0%, #ff9b19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc339), color-stop(100%,#ff9b19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc339', endColorstr='#ff9b19',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* W3C */
	border: 1px solid #ff9b19;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #ff9b19;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.orangebutton:hover{
	background: #ff9b19; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9b19 0%, #ffc339 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b19), color-stop(100%,#ffc339)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b19', endColorstr='#ffc339',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* W3C */
}



/* Form 2 Style */

.form2 {
	width: 450px;
	float: left;
	background: #fff;
	color: #777;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	box-shadow: 0px 0px 8px 2px #d1d1d1; 
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
}

.textarea {
	padding: 5px;
	height: 100px;
	width: 200px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputtextbox {
	width: 410px;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtextbox .inputcontent {
	height: 114px;
}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #008000; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #0000ff; }
.pln { color: #000; }
.tag { color: #0000ff; }
.atn { color: #ff0000; }
.atv { color: #ff00ff; }
.dec { color: #606; }

.lang-css .pun { color: #000; }
.lang-css .kwd { color: #00f; }
.lang-css .lit { color: #f00; }

pre.prettyprint {}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}

/*
CSS Reset
*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.vion-gallery {
	height:689px;
	width:933px;
}
.vion-gallery div.slide {
	width:900px;
}
.vion-gallery div.slide .image-holder {
	width:900px;
	height:600px;
}
.vion-gallery div.thumbnails {
	height:60px;
	width:593px;
}
.vion-gallery div.thumbnails ul li img {
	height:60px;
	width:90px;
}
.vion-gallery img,.vion-gallery h2,.vion-gallery p,.vion-gallery ul,.vion-gallery ul li {
	margin:0;
	padding:0;
}
.vion-gallery {
	position:relative;
	background:#000;
	padding:20px 0 0 33px;
	overflow:hidden;
}
.vion-gallery div.slides {
	width:999999px;
	float:left;
}
.vion-gallery div.gallery-mask {
	position:relative;
	width:100%;
	overflow:hidden;
}
.vion-gallery div.slide {
	position:relative;
	float:left;
	margin-left:100px; /* was 10px before */
}
.vion-gallery div.slide:first-child {
	margin-left:0;
}
.vion-gallery div.slide .image-holder {
	background:#303030;
	opacity:1;
	filter:alpha(opacity=100);
	overflow:hidden;
	cursor:pointer;
}
.vion-gallery div.slide.selected .image-holder {
	cursor:default;
}
.vion-gallery div.slide img {
	opacity:0;
	filter:alpha(opacity=0);
	float:left;
}
.vion-gallery div.slide .info {
	clear:both;
	opacity:0;
	filter:alpha(opacity=0);
	padding:20px 20px 20px 0;
}
.vion-gallery div.slide .info h2 {
	font:bold 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#fff;
	margin-bottom:5px;
}
.vion-gallery div.slide .info p {
	font:12px Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#b3b3b3;
	line-height:16px;
}
.vion-gallery div.thumbnails {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:auto;
	margin-top:20px;
}
.vion-gallery div.thumbnails ul {
	position:relative;
	float:left;
	padding:3px;
	list-style:none;
	width:999999px;
}
.vion-gallery div.thumbnails ul li {
	margin-left:3px;
	float:left;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}
.vion-gallery div.thumbnails ul li.selected {
	cursor:default;
}
.vion-gallery div.thumbnails ul li:first-child {
	margin-left:0;
}
.vion-gallery div.thumbnails .indicator {
	position:absolute;
	border:3px solid #fff;
	margin:-3px 0 0 -3px;
	z-index:1;
}

#portfolio-gallery {
	background:#eee; 
}

@font-face {
	font-family:'InterstateCondMonoRegular';
	src:url('../type/interstate_cond_mono-webfont.eot');
	src:url('../type/interstate_cond_mono-webfont.eot?#iefix') format('embedded-opentype'),url('../type/interstate_cond_mono-webfont.woff') format('woff'),url('../type/interstate_cond_mono-webfont.ttf') format('truetype'),url('../type/interstate_cond_mono-webfont.svg#InterstateCondMonoRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
body {
	background:#fff;
	font:13pt Helvetica Neue ,serif;
}
.wrapper {
	width:960px;
	margin:2px auto 10px auto;
	overflow:hidden;
}
.logo {
	float:left;
	background:url(../img/logo.png) no-repeat;
	width:505px;
	height:0;
	overflow:hidden;
	padding-top:33px;
	outline:0;
	margin-top:10px;
}
.slider .loading {
	background:url(../img/preloader.gif) no-repeat center center;
}
.header {
	border-bottom:1px dotted #c0c0c0;
	padding-bottom:5px;
	float:left;
	width:100%;
}
.header .top-menu {
	position:relative;
	list-style:none;
	float:right;
	font:14px "Century Gothic",AppleGothic,Arial,sans-serif;
	margin:10px 0 0 0;
	z-index:1;
}
.header .top-menu li {
	position:relative;
	float:left;
	line-height:12px;
}
.header .top-menu li a {
	display:block;
	margin:10px 0 12px 15px;
	text-decoration:none;
	color:#ccc;
	outline:0;
}
.header .top-menu li a:hover {
	color:#000;
	transition-property:margin;
	transition-duration: 0.5s;
	margin:5px 0 12px 15px;
}
.header .top-menu li.selected a {
	
	color:#000;
}
.content {
	float:left;
	margin:20px 0 0 0;  /* distance line / image holder */
}
.content h1 {
	/*font:36px "InterstateCondMonoRegular","Franklin Gothic Demi Cond",serif;*/
	letter-spacing:-1px;
	font-size:14pt;
	/*margin:50px 0 45px 0;*/
	line-height:49px;
	/*border-bottom:1px dotted #c0c0c0;*/
}
.content h3 {
}
.content .section {
	float:left;
	margin:0 0 68px 0;
	clear:both;
	width:960px;
}
.content .section p {
	clear:left;
	float:left;
	color:#7e7e7e;
	line-height:22px;
	margin:19px 0 0 0;
	width:960px;
}
.content .section pre {
	clear:both;
	float:left;
	margin:37px 0 0 0;
}
.content .section ul {
	float:left;
	list-style:disc inside;
	font:14px monospace;
	margin:30px 0 0 2px;
	line-height:24px;
	width:960px;
}
.content .features {
	float:left;
	margin:0;
	padding-bottom:3px;
}
.content .features .column {
	float:left;
	width:460px;
}
.content .features .column.left-column {
	margin-right:20px;
}
.content .features .column.right-column {
	margin-left:20px;
}
.content .features .feature {
	float:left;
	margin:0 0 43px 0;
	overflow:hidden;
}
.content .features .feature img {
	float:left;
	width:14px;
	height:14px;
}
.content .features .feature h3 {
	margin:0 0 0 10px;
}
.content .features .feature p {
	float:left;
	margin-top:13px;
	line-height:21px;
	color:#7e7e7e;
	width:460px;
}
.content .info {
	font:20px "Century Gothic",AppleGothic,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:30px;
	text-align:center;
	width:960px;
}
.content .info a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	outline:0;
}
.content .info a:hover {
	text-decoration:underline;
}
.footer {
	float:left;
	margin:0;
	overflow:hidden;
	padding:48px 0 15px 0;
}
.footer a {
	color:#000;
/*	font-weight:bold; */
	font-size:12px;
	color:#b9b9b9;
	text-decoration:none;
}
.footer a.prev {
	float:left;
	background:url(../img/prev-arrow.png) no-repeat 0 3px;
	padding-left:18px;
}
.footer a.next {
	float:right;
	background:url(../img/next-arrow.png) no-repeat 100% 3px;
	padding-right:18px;
}
.footer p {
	float:left;
	color:#b9b9b9;
	font-size:12px;
	border-top:1px dotted #c0c0c0;
	width:960px;
	padding-top:15px;
	margin-top: 10px;
}
.linie{
	margin:50px 0 45px 0;
	line-height:49px;
	border-bottom:1px dotted #c0c0c0;
}