/* fonts */
@font-face {
	font-family: 'Colaborate Regular';
	src: url('../fonts/colaboratereg.eot');
	src: local('Colaborate Regular'), 
		url('../fonts/colaboratereg.woff') format('woff'), 
		url('../fonts/colaboratereg.ttf') format('truetype'), 
		url('../fonts/colaboratereg.svg') format('svg');
}
@font-face {
	font-family: 'Colaborate Bold';
	src: url('../fonts/colaboratebold.eot');
	src: local('Colaborate Bold'), 
		url('../fonts/colaboratebold.woff') format('woff'), 
		url('../fonts/colaboratebold.ttf') format('truetype'), 
		url('../fonts/colaboratebold.svg') format('svg');
}
@font-face {
	font-family: 'Colaborate Thin';
	src: url('../fonts/colabthi.eot');
	src: local('Colaborate Thin'), 
		url('../fonts/colabthi.woff') format('woff'), 
		url('../fonts/colabthi.ttf') format('truetype'), 
		url('../fonts/colabthi.svg') format('svg');
}
@font-face {
	font-family: 'GloriolaStd Bold';
	src: url('../fonts/gloriola_std_bold.eot');
	src: local('GloriolaStd Bold'), 
		url('../fonts/gloriola_std_bold.woff') format('woff'), 
		url('../fonts/gloriola_std_bold.ttf') format('truetype'), 
		url('../fonts/gloriola_std_bold.svg') format('svg');
}
/* general */
html {height:100%;}
body {
	margin:0;
	color:#3f3f3f;
	font:13px Arial, Helvetica, sans-serif;
	background:#f2f2f2;
	height:100%;
	min-width:1002px;
}
form,
fieldset {
	margin:0;
	padding:0;
	border:0;
}
img {border:none;}
.holder {
	overflow:hidden;
	width:100%;
	clear:both;
}
.center-frame {
	float:left;
	position:relative;
	left:50%;
}
.center-holder {
	float:left;
	position:relative;
	left:-50%;
}
/* wrapper */
#wrapper {
	width:100%;
	min-height:100%;
	position:relative;
	z-index:1;
	overflow:hidden;
	clear:both;
}
/* header */
.header-frame{
	clear:both;
	width:100%;
	overflow:hidden;
	background:url(../images/bg-header-frame.png) repeat-x 50% 0;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
.header-holder {
	overflow:hidden;
	height:92px;
	background:url(../images/bg-header-holder.png) no-repeat 50% 0;
}
#header {
	overflow:hidden;
	width:940px;
	height:56px;
	padding:24px 30px 12px 32px;
	margin:0 auto;
}
/* nav */
ul#nav {
	float:right;
	margin:18px 0 0;
	padding:0;
}
ul#nav li {
	float:left;
	margin:0 2px 0 0;
	list-style:none;
	font:11px/22px "Colaborate Bold", Arial, Helvetica, sans-serif;
	letter-spacing:.5px;
}
ul#nav li a {
	float:left;
	padding:0 6px;
	color:#fff;
	text-decoration:none;
}
ul#nav li.active,
ul#nav li a:hover {
	background:url(../images/bg-nav-active.gif) repeat-x;
}
/* logo */
.logo {
	float:left;
	width:225px;
	height:61px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
/* intro */
.intro-frame {
	overflow:hidden;
	width:100%;
	padding:6px 0 0;
	background:url(../images/bg-intro-frame.png) repeat-x 50% 0;
}
.intro-holder {
	overflow:hidden;
	width:100%;
	background:#e6e6e6 url(../images/bg-intro-holder.gif) repeat-x 50% 100%;
}
.intro {
	overflow:hidden;
	width:1002px;
	padding:16px 0 22px;
	margin:0 auto;
	background:url(../images/bg-intro.png) no-repeat 0 100%;
}
.intro .txt {
	overflow:hidden;
	height:1%;
	padding:0 0 0 8px;
}
.home .intro .txt {padding:0 0 0 28px;}
.home .intro .red-button {
	margin-right:30px;
	display:inline;
}
.intro .txt .subttl {
	float:left;
	margin:0 0 9px;
	padding:7px 0 1px 0;
	color:#666;
	font:bold 11px/14px "GloriolaStd Bold", Arial, Helvetica, sans-serif;
	text-shadow:#fff 0 1px 1px;
	letter-spacing:.7px;
}
.intro .txt .ico-2 {
	padding:7px 30px 1px 0;
	background:url(../images/ico-01.gif) no-repeat 100% 0;
}
.intro .txt .ico-1 {
	padding:7px 26px 1px 0;
	background:url(../images/ico-02.gif) no-repeat 100% 0;
}
.intro .txt p {
	margin:0;
	color:#666;
	font:22px/26px "Colaborate Regular", Arial, Helvetica, sans-serif;
	text-shadow:#fff 0 1px 1px;
	clear:both;
	letter-spacing:.5px;
}
.big-red-button,
.red-button {
	float:left;
	width:262px;
	height:70px;
	margin:23px 0 0;
	padding:0 26px 0 21px;
	background:url(../images/btn-red-big.png) no-repeat;
	text-align:center;
	color:#fff;
	font:30px/60px "Colaborate Regular", Arial, Helvetica, sans-serif;
	text-shadow:#000 0 1px 1px;
	text-indent:-9999px;
	text-decoration:none;
}
.intro .big-red-button,
.intro .red-button  {float:right !important;}
.red-button {
	width:168px;
	padding:0 27px;
	height:75px;
	background:url(../images/btn-red.png) no-repeat;
}
/* main */
#main {
	clear:both;
	width:100%;
	padding:92px 0 308px;
	overflow:hidden;
	background:#f2f2f2;
}
/* visual */
.visual-frame {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-visual-frame.png) repeat-x 50% 0;
}
.visual-bg {
	overflow:hidden;
	width:100%;
	padding:19px 0 0;
	height:382px;
	background:url(../images/bg-visual-inner.png) no-repeat 50% 0;
}
.visual {
	overflow:hidden;
	width:962px;
	height:383px;
	margin:0 auto;
	position:relative;
}
.visual ul.slideshow {
	overflow:hidden;
	width:962px;
	height:342px;
	position:relative;
	margin:0;
	padding:0;
}
.visual ul.slideshow li {
	position:absolute;
	top:0;
	left:0;
	width:962px;
	height:342px;
	list-style:none;
	z-index:0;
}
.visual ul.slideshow li img {vertical-align:top;}
.visual ul.slideshow li .active {z-index:1;}
.visual .gallery-tools {display:none;}
.visual ul.thumbs {
	float:left;
	margin:0;
	padding:0;
}
.visual ul.thumbs li {
	float:left;
	list-style:none;
	margin:0 3px;
}
.visual ul.thumbs li a {
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
	background:url(../images/ico-switcher.gif) no-repeat;
}
.visual ul.thumbs li.active a {background-position:0 -13px;}
.thumbs-holder {
	position:absolute;
	top:358px;
	left:0;
	width:962px;
}
/* container */
.container {
	overflow:hidden;
	width:1002px;
	margin:0 auto;
	padding:0 0 40px;
	background:url(../images/bg-container.gif) repeat-y;
	clear:both;
}
.home .container,
.home .container-bg {background:none;}
.home .container-bg {
	padding:22px 34px;
	width:auto;
	height:1%;
}
.container-bg {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-container-inner.gif) no-repeat;
}
/* content */
#content {
	float:right;
	width:640px;
	overflow:hidden;
	font-size:15px;
	line-height:20px;
	padding:17px 0 0;
}
#content.catalog {
	width:593px;
	margin:0 110px 0 0;
	display:inline;
}
#content.parts {
	width:593px;
	margin:0 60px 0 0;
	display:inline;
}
#content.contact {
	width:593px;
	margin:0 40px 0 0;
	display:inline;
}
.container h1 {
	font:bold 17px/20px "Colaborate Bold", Arial, Helvetica, sans-serif;
	margin:0 0 12px;
	color:#333;
}
#content h2 {
	font-size:15px;
	line-height:20px;
	margin:0 0 20px;
}
#content p {margin:0 0 20px;}
#content p a {
	color:#3f3f3f;
	text-decoration:none;
}
#content p a:hover {text-decoration:underline;}
#content .address p span {
	display:block;
	padding:0 0 0 40px;
}
#content .img {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
	padding:20px 0 0;
}
#content .img img {vertical-align:top;}
#content .map {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
}
#content .map img {
	display:block;
	margin:0 auto;
	border:3px solid #ed1a22;
}
#content .address {
	overflow:hidden;
	width:100%;
	margin:0 0 40px;
}
#content .address p {margin:0;}
.form {
	overflow:hidden;
	width:593px;
	padding:44px 0 0;
	margin:0 0 20px;
}
.form .row {
	overflow:hidden;
	width:100%;
	margin:0 0 7px;
}
.form .row label {
	float:left;
	width:164px;
	padding:11px 9px 0 0;
	text-align:right;
	color:#404040;
	font-size:13px;
	line-height:16px;
}
.form .row input,
.form .row textarea,
.form .row .textarea {
	float:left;
	width:398px;
	margin:0;
	padding:10px;
	border:1px solid #ccc;
	font:13px Arial, Helvetica, sans-serif;
	color:#404040;
	background:none;
}
.form .row select {
	float:left;
	font:13px Arial, Helvetica, sans-serif;
	color:#404040;
	margin:10px 0;
}
.form .row textarea {
	padding:0;
	height:170px;
	max-width:398px;
	border:0;
}
.form .btn {
	overflow:hidden;
	width:100%;
	padding:12px 0 0;
}
.form .btn input {
	float:right;
	margin:0;
	padding:0;
	border:0;
	width:113px;
	height:58px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background:url(../images/btn-submit.png) no-repeat;
	cursor:pointer;
}
.form .btn strong {
	float:left;
	width:460px;
	padding:6px 0 0;
	text-align:right;
	font:18px/22px Arial, Helvetica, sans-serif;
}

/* sidebar */
#sidebar {
	float:left;
	width:267px;
	overflow:hidden;
	padding:18px 0 0 28px;
}
#sidebar h3 {
	margin:0 0 20px -10px;
	color:#656565;
	font:22px/26px "Colaborate Thin", Arial, Helvetica, sans-serif;
}
#sidebar .img {
	overflow:hidden;
	width:100%;
	margin:0 0 76px;
}
#sidebar .img img {vertical-align:top;}
#sidebar .cell {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
}
#sidebar .cell h4 {
	float:left;
	margin:0 0 10px 4px;
	padding:0 0 3px;
	display:inline;
	color:#333;
	font:bold 11px/14px "GloriolaStd Bold", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #999;
	letter-spacing:1px;
}
#sidebar .cell ol {
	overflow:hidden;
	margin:0 0 24px;
	padding:0 0 0 24px;
	font-size:13px;
	line-height:16px;
}
#sidebar .cell ol li {
	vertical-align:top;
	list-style-type: square;
	padding:0 0 6px;
	color:#404040;
}
#sidebar .cell ol li a {
	color:#404040;
	text-decoration:none;
}
#sidebar .cell ol li a:hover {text-decoration:underline;}
ul.partners {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
ul.partners li {
	float:left;
	list-style:none;
	margin:0 7px 0 0;
	padding:0 0 10px;
}
ul.partners li img {vertical-align:top;}
/* info / columns */
.info {
	overflow:hidden;
	width:100%;
	margin:0 0 24px;
	font-size:15px;
	line-height:21px;
}
.info p,
.columns p {margin:0;}
.columns {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
}
.columns .block {
	float:left;
	width:350px;
	padding:2px 40px 0 4px;;
}
.columns .block h2 {
	float:left;
	margin:0 0 4px;
	padding:0 0 2px;
	display:inline;
	color:#333;
	font:bold 11px/14px "GloriolaStd Bold", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #999;
	letter-spacing:1px;
}
.columns .block ul {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
			list-style-type: square;
}
.columns .block ul li {
	float:left;
	width:100%;
	padding:0 0 5px;
	list-style:none;

}
.columns a {
	color:#3f3f3f;
	text-decoration:none;
}
.columns a:hover {text-decoration:underline;}
.columns .column {
	float:left;
	width:540px;
	font-size:15px;
	line-height:21px;
}

/* offer */
.offer {
	overflow:hidden;
	width:100%;
}
.offer .partners {
	float:left;
	width:auto;
}
.offer .img {float:left;}
.offer ul.partners {margin:56px 0 0;}
.offer .big-red-button {margin:56px 0 0 16px;}
/* footer */
.footer-frame {
	clear:both;
	margin:-308px 0 0;
	width:100%;
	overflow:hidden;
	background:url(../images/bg-footer-frame.gif) repeat-x;
	position:relative;
	z-index:2;
}
#footer {
	overflow:hidden;
	width:980px;
	height:222px;
	padding:60px 11px 26px;
	margin:0 auto;
	background:url(../images/bg-footer.png) no-repeat;
}
.footer-info {
	overflow:hidden;
	height:190px;
	margin:0 0 16px;
}
.footer-info h4 {
	margin:0;
	color:#000;
	font-size:15px;
	line-height:19px;
}
.footer-info .twitter-box {
	float:left;
	width:194px;
	margin:0 0 0 16px;
	padding:58px 0 0 116px;
	display:inline;
}
.footer-info .twitter-box h4 {
	float:left;
	width:159px;
	height:101px;
	margin:-58px -43px 0 -116px;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/txt-twitter.png) no-repeat;
}
.footer-info .twitter-box p {
	margin:0;
	color:#515151;
	font-size:12px;
	line-height:15px;
}
.footer-info .twitter-box p a {
	color:#000;
	text-decoration:none;
}
.footer-info .twitter-box p a:hover {text-decoration:underline;}
.footer-info .contact-info {
	float:left;
	width:237px;
	margin:0 0 0 15px;
	padding:7px 0 0 63px;
	color:#000;
	font-size:13px;
	line-height:19px;
	background:url(../images/ico-contact.png) no-repeat 0 6px;
	position:relative;
}
.footer-info .contact-info p,
.footer-info .contact-info address {
	margin:0;
	padding:0;
	font-style:normal;
}
.footer-info .contact-info address span {display:block;}
.footer-info .contact-info a {
	color:#000;
	text-decoration:none;
}
.footer-info .contact-info a:hover {text-decoration:underline;}
.footer-info .contact-info .ico {
	position:absolute;
	top:6px;
	left:0;
	width:62px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-contact.png) no-repeat;
}
.footer-info .subscribe {
	float:right;
	width:275px;
	padding:7px 30px 0 2px;
}
.footer-info .subscribe label {
	display:block;
	margin:0 0 10px;
	color:#333;
	font-size:12px;
	line-height:16px;
}
.footer-info .subscribe .field {
	overflow:hidden;
	height:28px;
	padding:0 0 0 20px;
	margin:0 0 0 -2px;
	width:257px;
	background:url(../images/bg-newsletter.png) no-repeat;
	position:relative;
}
.footer-info .subscribe .field .inp-text {
	float:left;
	margin:7px 0 0;
	padding:0;
	border:0;
	background:none;
	width:150px;
	color:#999;
	font:11px Arial, Helvetica, sans-serif;
}
.footer-info .subscribe .field .btn-submit {
	float:right;
	margin:0;
	padding:0;
	border:0;
	width:86px;
	height:28px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	background:url(../images/btn-subscribe.png) no-repeat;
	cursor:pointer;
}
.footer-info .subscribe .field .loading {
	position:absolute;
	top:8px;
	left:170px;
	clear:both;
}
#footer .holder {
	color:#7f7f7f;
	font:10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:.5px;
}
#footer .holder p {
	float:left;
	margin:0;
}
#footer .menu {
	float:right;
	margin:0;
	padding:0;
}
#footer .menu li {
	float:left;
	margin:0 2px 0 9px;
	display:inline;
	list-style:none;
}
#footer .menu li a {
	color:#7f7f7f;
	text-decoration:none;
}
#footer .menu li a:hover {text-decoration:underline;}
.loading {
	float:left;
	width:11px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-loading.gif) no-repeat;
}

.form input.required {
	border: 1px solid #990000;	
}

.required-note {
	position: relative;
	display: block;
	color: #990000;
	font-size: 11px;
	padding: 0px 0px 0px 173px;
}

.submit-success {
	border: 1px solid #99CC66;
	background-color: #DFFFD5;
}

.submit-error {
	border: 1px solid #FF9999;
	background-color: #FFDFDF;
}

#message-box {
	position: relative;
	display: none;
	width: 530px;
	height: auto;
	padding: 10px;
	margin: 0px 0px 0px 40px;
}