html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, em, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, dl, dt, dd {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align: middle;} a img {border:none;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, em, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, dl, dt, dd {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align: middle;} a img {border:none;}
ul {list-style:none;}
body {font-size:15px;color:#ccc;background:#404040;font-family:'helvetica neue','helvetica-neue',helvetica,arial,sans-serif;text-align:center;}
input, textarea {font-size:13px;font-family:'helvetica neue','helvetica-neue',helvetica,arial,sans-serif;}
h1 { font-size:27px; color:#373737; }
h2 { font-size:25px; color:#373737; }
h3 { font-size:18px; color:#373737; }
h4 { font-weight:bold; }
h5 { font-size:13px; font-weight:bold; color:#5f5f5f }
a {color:#00669e;outline:none;} a:hover {color:#ff6600;}
strong {font-weight:bold;}
dd {font-size:13px;}
.layout {width:1000px;text-align:left;margin:0 auto;padding:0 0 20px 0;}
.header, .article { background:#fff;padding:18px 16px 0 16px;color:#373737;}
.article {min-height:480px; overflow:hidden;}
.footer {background:#292929;padding:16px 20px;}
.header h1 {float:left;width:207px;height:46px;}
.header h1 a {background:url(../images/ronis-logo.png) no-repeat 0 0;display:block;width:207px;height:46px;text-decoration:none;text-indent:-9999px;overflow:hidden;}
.header h1 a:hover {background-position:0 -46px;}
.header p {float:right;padding:6px 0;font-size:24px;color:#2983c3;}
.header .nav { background:transparent url(../images/nav-bg.png) repeat-x 0 16px;display:block;height:45px;clear:both;padding:16px 0 0 0; }
.header .nav li {float:left;}

.header .nav li a {
	background:#424242 url(../images/nav-bg.png) repeat-x 0 0;
	color:#f0f0f0;
	text-decoration:none;
	float:left;
	height:23px;
	padding:10px 30px 10px 30px;
	font-size:17px;
	}
	
.header .nav li a:hover, .header .nav li.current a {
	background:#1d1f1f url(../images/nav-bg.png) repeat-x 0 -45px;
	color:#fff;
	}

.footer p, .footer a {font-size:11px;color:#666;}
.footer a:hover {color:#888;}
.col-610, .col-350 {float:left;}
.col-610 {width:580px;padding:0 15px 15px 15px;}
.col-350 {width:320px;padding:0 15px 15px 15px;}

.article p {
	padding:0 0 1em 0;
	}
.article h2 {
	padding:0 15px;
	}

.article .title h2 {
	float:left;
	}

.article .title .addthis_toolbox {
	float:right;
	padding:10px 15px 0 0;
	}

.col-610 .title .addthis_toolbox {
	padding:12px 0 0 0;
	}

.addthis_toolbox a {
	font-size:12px;
	text-decoration:none;
	color:#333;
	}

.article .col-610 h2 {
	padding:0;
	}

.col-610 h3 {
	padding:0 0 .5em 0;
	}

.about {
	background:#fff url(../images/www.jpg) no-repeat left bottom;
	}

.faq {
	padding:10px 0;
	}

.faq dd {
	padding:6px 50px 12px 30px;
	}

.faq dt {
	padding:4px 0;
	}

.close {
	font-size:11px;
	margin:0 0 0 2px;
	}

address {
	margin:0 0 10px 0;
	}

address span {
	font-size:18px;
	font-weight:bold;
	display:block;
	}

.enquiry-form {
	margin:0 0 10px 0;
	}

.enquiry-form fieldset input, .enquiry-form fieldset textarea, .quote-request fieldset input, .quote-request fieldset textarea, .access-request fieldset input {
	background:#fff;
	color:#373737;
	border:1px solid #ccc;
	padding:3px;
	margin:0 0 10px 0;
	width:340px;
	}

.enquiry-form input, .quote-request input, .access-request input {
	background:#606060;
	color:#fff;
	border:none;
	padding:4px 12px;
	}

.enquiry-form label, .quote-request label, .access-request label {
	width:120px;
	display:block;
	float:left;
	padding:0 8px 0 0;
	text-align:right;
	}

.enquiry-form .error-in-field, .quote-request .error-in-field, .access-request .error-in-field {
	background:#fbeded;
	border:1px solid #c1a3a3;
	}


label.long {
	width:570px;
	text-align:left;
	margin:0 0 4px 0;
	}

#name {
	width:250px;
	}

#company, #country {
	width:200px;
	}

.quote-request {
	padding:0 0 20px 0;
	}

.quote-request #msg, #spec {
	margin:0 0 10px 128px;
	width:400px;
	}

label span {
	color:#c30000;
	}

p.error {
	background:#fbeded;
	color:#a21111;
	padding:0;
	margin:0;
	text-align:center;
	width:417px;
	font-size:13px;
	padding:3px;
	float:left;
	}
	
p.submit {
	float:right;
	padding:0 25px 0 0;
	}

p.note {
	font-size:13px;
	color:#5f5f5f;
	}

.type {
	padding:10px 30px;
	}

.type a {
	text-decoration:none;
	color:#000;
	float:left;
	padding:1px 20px;
	display:block;
	font-size:13px;
	}

.type li a.current  {
	background:#e5e5e5;
	}
	.type li a.current:hover{
		background:#d1d1d1;
	}
.type a:hover{
	background:#d1d1d1;
}
.type li {
	float:left;
	padding:0 10px 0 0;
	}

.project {
	position:relative;
	width:966px;
}
.portfolio, .items {
	position:relative;
}

.prev, .next {
	position:absolute;
	width:60px;
	height:310px;
	top:0;
	z-index:50;
	}
	
.prev {
	background:transparent url(../images/fog.png) repeat-y top left;
	left:0;
	}

.next {
	background:transparent url(../images/fog.png) repeat-y top right;
	right:0;
	}

.prev a, .next a {
	display:block;
	width:35px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	z-index:100;
	top:140px;
	}

.prev a {
	background:transparent url(../images/arrows.png) no-repeat 0 0;
	left:0;
	height:35px;
	}
.prev a:hover{
	background:transparent url(../images/arrows.png) no-repeat 0 -35px;
	height:35px;
}
.next a {
	background:transparent url(../images/arrows.png) no-repeat right 0;
	right:0;
	height:35px;
	}
.next a:hover {
	background:transparent url(../images/arrows.png) no-repeat right -35px;
	right:0;
	height:35px;
	}

.gallery, .details, .descr {
	float:left;
	}

.gallery {
	width:375px;
	padding:20px 0 0 60px;
	}
.gallery ul.screenshots{
	margin:0 0 10px;
	height:286px;
	overflow:hidden;
	position:relative;
	width:350px;
}

.screenshots li {
	width:350px;
	height:280px;
	display:block;
	}

.screenshots li img{
	margin:0 auto;
	display:block;
}

.screenshots li img.loading {
	margin-top:125px;
	}

.gallery ul.nav{
	width:350px;
	overflow:hidden;
	text-align:center;
}
.gallery ul.nav li{
	display:inline;
}
.gallery ul.nav li a {
	width:11px;
	height:11px;
	padding:0 5px;
	overflow:hidden;
	background:url(../images/gallery-item.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.gallery ul.nav li a.current,
.gallery ul.nav li a:hover{
	background:url(../images/gallery-current.gif) no-repeat;
	text-decoration:none;	
}
	
.details {
	width:173px;
	padding:20px 0;
	}

.descr {
	width:288px;
	padding:20px 60px 20px 10px;
	}

.details p, .descr p {
	font-size:13px;
		}
.details span, .descr span {
	display:block;
	font-size:18px;
	}

.ft-faq {background:#292929;padding:16px 26px;}
.ft-faq h2 {color:#c6c6c6;padding:0 0 15px 0;font-size:18px;}
.ft-faq h3 {color:#fff;width:300px;font-size:14px;padding:0 0 8px 0;}
.ft-faq p {color:#bbb;font-size:13px;line-height:17px;}
.ft-faq a {color:#8bd2ff;font-size:13px;display:block;float:right;}
.ft-faq a:hover {color:#ffa723;}
.question {float:left;width:285px;padding:0 35px 0 5px;}
.home {padding-top:0;}
.home .welcome {width:560px;padding:20px 10px;float:left;}
.home .partners {width:360px;float:right;padding:10px;}
.home .partners h2 {padding:0 0 4px 10px;margin:0;}
.home .partners ul {width:360px;}
.home .partners li {float:left;padding:0 0 6px 10px;}
.home .partners a {background:transparent url(../images/partners/bg.gif) no-repeat 0 0;display:block;width:169px;height:70px;float:left;}
.latest-projects {padding:10px 0 40px 40px;}
.latest-projects li {width:206px;height:125px;display:block;float:left;padding:10px 15px 0 9px;background:#fff url(../images/project/bg.png) no-repeat 0 0;}
.latest-projects span {display:block;padding:7px 20px 0 0;font-size:12px;color:#454545;	text-align:center;}
.projects ul li a span img{margin:0 auto;display:block;}
.projects ul li a span img.loading {margin-top:25px;}
.projects ul li a span {display:block;width:125px;height:73px;border:1px solid #d7d4d4;}
.projects ul li a {display:block;border:1px solid #fff;width:127px;height:75px;}
.projects ul li a:hover, .projects ul li a:hover span, .projects ul li a.current, .projects ul li a.current span {border:1px solid #9d9d9d;}
.projects ul li {float:left;display:block;padding:0 24px 18px 0;}
.projects ul {padding:15px 0 0 24px;}
.last {padding:0;}

.advantages {position:relative;height:219px;background:#ffc66e url(../images/advantages/bg.jpg);padding:0 0 0 25px;margin:0 0 7px 0;}

.advantages h2 {
	font-size:36px;
	line-height:44px;
	color:#fff;
	text-transform:uppercase;
	padding:20px 0 30px 0;
	position:relative;
	z-index:150;
	}

.advantages li {
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	}


.advantages a {
	width:269px;
	height:55px;
	background:url(../images/advantages/get-a-quote.png) no-repeat 0 0;
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	}

.advantages a:hover {
	background:url(../images/advantages/get-a-quote.png) no-repeat 0 -55px;
	}

.about-ronis {
    width:968px;
    height:227px;
    background:#ffcb7f url(../images/open-source-platforms.jpg) repeat-x 0 0;
    text-align:center;
    padding:40px 0 0 0;
    }

.access-request {
	background:#fbefd0;
	border:1px solid #f2ead5;
	padding:10px 15px;
	margin:5px 15px 15px 15px;
	}

.access-request p {
	color:#524e42;
	padding:0;
	}

.access-request p a {
	color:#0089d4;
	}

.access-request p a:hover {
	color:#f60;
	}

.access-request form {
	padding:10px 200px;
	position:relative;
	}

.reqest-form {
	display:none;
	}

.access-request p.error {
	background:#f5d9b2;
	color:#c30000;
	margin:0;
	text-align:center;
	width:310px;
	font-size:13px;
	padding:3px;
	clear:both;
	position:absolute;
	top:15px;
	right:180px;
	}

.access-request form fieldset {padding:10px 0 5px 0;}
.access-request form fieldset input {width:300px; }
p.no-access {padding:80px 0;margin:0 auto;width:870px;height:228px;text-align:center;}
.copy {float:left;}
.w3c-valid {float:right;}
.nav:before, .header:after, .footer:after, .article:after, .enquiry-form:after, .quote-request:after, .type:after, .project:after, .questions:after, .ft-faq:after, .cols:after, .home .partners ul:after, .latest-projects:after, .projects ul:after, .access-request form:after, .article .title:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
.nav, .header, .footer, .article, .enquiry-form, .quote-request, .type, .project, .questions, .ft-faq, .cols, .home .partners ul, .latest-projects, .projects ul, .access-request form, .article .title {display: inline-block;}
html[xmlns] .nav, html[xmlns] .header, html[xmlns] .footer, html[xmlns] .article, html[xmlns] .enquiry-form, html[xmlns] .quote-request, html[xmlns] .type, html[xmlns] .project, html[xmlns] .questions, html[xmlns] .ft-faq, html[xmlns] .cols, html[xmlns] .home .partners ul, html[xmlns] .latest-projects, html[xmlns] .projects ul, html[xmlns] .access-request form, html[xmlns] .article .title {display:block;}
* html .nav, * html .header, * html .footer, * html .article, * html .enquiry-form, * html .quote-request, * html  .type, * html .project, * html .questions, * html .ft-faq, * html .cols, * html .home .partners ul, * html .latest-projects, * html .projects ul, * html .access-request form, * html .article .title {height:1%;}
.submit input{cursor:pointer;}
.submit input:hover{background:#4e4e4e;}
#code {width:60px;margin:0 8px 0 0;}
span.note {color:#888;font-size:13px;}