@import 'reset.css';

BODY,
HTML {
	min-height: 100%;
	}
	
/* SUP & SUB
-------------------------------------- */
SUP, SUB {
	vertical-align:middle;
	position:relative;
	font-size:.75em;
	}
SUP {
	bottom:0.5em; 
	}
SUB { 
	top:0.5em; 
	}

/* Common Layout
--------------------------------------------------------------------------------------- */
BODY {
	background:#FFF;
	font:.6875em/1.2 Tahoma, Arial, sans-serif;
	color:#272727;
	}
	#layout {
		width: 772px;
		margin: 15px auto;
		}

/* Elements
---------------------------------------------------------------------------------------- */
P {
	margin-bottom: 5px;
	}
A {
	text-decoration:underline;
	color: #272727;
	}
A:hover {
	color:#f00;
	text-decoration: underline;
	}
IMG,
A IMG {
	border: 0;
	}
.leftpic {
	float: left;
	margin: 2px 15px 15px 0;
	}
.mainleftpic {
	float: left;
	margin: 8px 7px 3px 0;
	}	
.pic.right {
	float: right;
	margin: -3px 0 15px 15px;
	}
H1 {	
	margin: 10px 0 15px;
	font-size: 1.85em;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	}
H2 {
	margin: 10px 0 20px;
	font-size: 1em;
	text-transform: uppercase;
	}
H3 {
	padding-bottom: 15px;
	font-size: 1em;
	text-transform: uppercase;
	}
H4 {
	font-size: 1em;
	}
H5 {
	font-size: 1em;
	}

.canyon {
	clear: both;
	overflow: hidden;
	zoom:1;
	}
	.canyon-section {
		float: left;
		}
	.canyon-side {
		float: right;
		}
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	}
.must {
	color:#f00;
	}

div.hr {
	border-top: 1px solid #c5bcbc;
	margin: 15px 0;
	clear: both;
	}
	div.hr HR {
		display: none;
		}
		
div.hr.invisible {
	border-color: #fff;
	margin: 10px 0;
	}


/* Modules
------------------------------------------------------------------------------ */
/* header
---------------------------------------- */

.header {
	overflow: hidden;
	padding-bottom: 23px;
	zoom:1;
	}
.logo {
	float: left;
	width: 141px;
	height: 56px;
	margin: 0 87px 0 16px;
	padding: 0;
	display: inline;
	background: url(../i/logo.gif) no-repeat;
	}
	.logo A {
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -3000px;
		}

.fons {
	float: left;
	margin: 15px 30px 0 0;
	padding: 3px 0 3px 17px;
	border-left: 1px solid #d6d2d2;
	text-transform: uppercase;
	font: 1em Tahoma, Ariel, sans-serif;
	color: #372526;
	}
	.fons LI {
		padding: 0 0 3px;
		}

.head-menu {
	float: right;
	margin: 15px 24px 0 0;
	display: inline;
	}		
	.head-menu LI {
		background: url(../i/arrow.gif) no-repeat 100% 2px;
		padding: 1px 0 3px;
		font: bold 1em Tahoma, Ariel, sans-serif;
		text-transform: uppercase;
		text-align: right;
		}
		.head-menu LI A {
			padding: 0 16px 0 0;
			text-decoration: none;
			}
			.head-menu LI A:hover {
				text-decoration: none;
				color: #F00;
				}
		

/* Head banner 
-----------------------------------------*/
.h-banner {
	background: url(../i/head-banner/rb.gif) no-repeat 100% 100%;
	margin-bottom: 30px;
	}
.h-banner .canyon-side {
	width: 237px;
	background: url(../i/head-banner/rt.gif) no-repeat 100% 0;
	padding: 10px 17px 0 0;
	}
.main-page .h-banner .canyon-side {
	padding-top: 10px;	
	}
	.h-banner .canyon-side P {
		text-transform: uppercase;
		font: 0.8em Tahoma, Ariel, sans-serif;
		}
	.h-banner .canyon-side P.more {
		padding-bottom: 0;
		margin-right: 7px;
		background: url(../i/arrow.gif) no-repeat 100% 0;
		text-align: right;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1em;
		}
		.h-banner .canyon-side P.more A {
			padding-right: 15px;
			text-decoration: none;
			color: #272727;
			}
		.h-banner .canyon-side P.more A:hover {
			text-decoration: none;
			color: #F00;
			}
		

.slogan {
	margin: 0 0 2px 0;
	padding: 0;
	}
.main-page .slogan {
	margin: 0 0 2px 0;
	}

.search {
	padding: 10px 0 0;
	}
	.search INPUT {
		float: left;
		}
	.search INPUT.text {
		display: block;
		width: 187px;
		height: 15px;
		padding: 0 6px;	
		margin-right: 2px;
		border: 1px solid #b6b6b6;
		color: #5B5B5B;
		}
/* Body
-------------------------------------------------------------------------------- */
.body {
	padding: 0;
	height: 1%;
	zoom:1;
	}
.sidebar {
	float: left;
	width: 156px;
	margin-right: 32px;
	}
.content {
	float: right;
	width: 579px;
	padding-bottom: 15px;
	}
.footer {	
	clear: both;
	}	
	
/* Main page layoit */
.main-page .body {
	padding: 0 48px 0 0;
	}
	.main-page .sidebar {
		margin-right: 74px;
		}
	.main-page .content {
		width: 100%;
		float: none;
		padding-bottom: 10px;
		}


/* Menu
----------------------------------------------------- */
.menu {
	width: 141px;
	margin: 0 0 30px 15px;
	height: 1%;
	zoom:1;
	position: relative;
	}
.main-page .menu {
	margin-bottom: 0;
	}
	.menu LI {
		position: relative;
		margin-bottom: 4px;
		height: 1%;
		}
		.menu LI I{
			display: block;
			background: #d8cece url(../i/mod/rb.gif) no-repeat 100% 100%;
			height: 1%;
			font-style: normal;
			}	
			.menu LI I I {
				background: url(../i/mod/rt.gif) no-repeat 100% 0;
				}
				.menu LI I I I {
					background: url(../i/mod/lb.gif) no-repeat 0 100%;
					}
					.menu LI I I A {
						display: block;
						background: url(../i/mod/lt.gif) no-repeat;
						padding: 3px 10px;
						text-transform: uppercase;
						text-decoration: none;
						color: #4c2122;
						height: 1%;
						zoom:1;
						font-weight: bold;
						}
						.menu LI I I A:hover {
							text-decoration: none;
							}
			.menu UL{ 
				padding: 10px 0 5px 20px;
				}
				.menu UL LI {
					margin-bottom: 10px;
					padding: 0 0 0 9px;
					background: url(../i/menu/arr.gif) no-repeat 0 5px;
					}
					.menu UL LI A {
						color: #F00;
						text-decoration: underline;
						}
				.menu UL LI.cur {
					background: url(../i/menu/a-arr.gif) no-repeat 0 5px;
					}
					.menu UL LI.cur A, .menu UL LI A:hover {
						color: #2f2f2f;
						text-decoration: none;
						}
				.text A.cur {
					color: #2f2f2f; text-decoration: none;
					}

/* Hover effects & arrow */		
.menu LI B {
	display: none;
	}
.menu LI.cur B,
.menu LI:hover B,
.menu LI.hover B {
	display: block;
	position: absolute;
	z-index: 10;
	left: -15px;
	top:3px;
	width: 8px;
	height: 12px;
	background: url(../i/arrow.gif) no-repeat;
	}
.menu LI.cur I,
.menu LI:hover I,
.menu LI.hover I {
		background: #FFF url(../i/a-mod/rb.gif) no-repeat 100% 100%;
		}	
		.menu LI.cur I I,
		.menu LI:hover I I,
		.menu LI.hover I I{
			background: url(../i/a-mod/lt.gif) no-repeat 0 0;
			}
			.menu LI.cur I I I,
			.menu LI:hover I I I,
			.menu LI.hover I I I {
				background: url(../i/a-mod/lb.gif) no-repeat 0 100%;
				}
				.menu LI.cur I I I A,
				.menu LI:hover I I I A,
				.menu LI.hover I I I A {
					background: url(../i/a-mod/rt.gif) no-repeat 100% 0;
					color: #d60000;
					}


/* 3 columns layout
-------------------------------------------------- */
.three-col {
	padding-bottom: 10px;
	padding-top: 23px;
	}
	.col {
		width: 234px;
		float: left;
		margin-right: 35px;
		}
	.col.last-col {
		margin-right: 0;
		}
		.part-header {
			padding: 0;
			margin:0 0 20px;
			height: 1%;
			}	

/* Main menu 
--------------------------------------------------- */
.main-menu{
	overflow: hidden;
	margin-bottom: 20px;
	zoom:1;
	}
	.main-menu LI {
		float: left;
		width: 187px;
		height: 44px;
		background-image: url(../i/main-menu-inside.gif);
		background-repeat: no-repeat;
		}
	.main-menu LI.first {
		width: 185px;
		background-position: 0 0;
		margin-right: 12px;
		} 
	.main-menu LI.second {
		width: 185px;
		background-position: -185px 0;
		margin-right: 12px;
		} 
	.main-menu LI.third {
		width: 184px;
		background-position: -370px 0;
		} 
		.main-menu LI A {
			display: block;
			height: 100%;
			background-image: url(../i/main-menu-inside.gif);
			background-repeat: no-repeat;
			overflow: hidden;
			text-indent: -3000px;
			}
		.main-menu LI.first A {
			background-position: 0 -44px;
			} 
		.main-menu LI.second A {
			background-position: -185px -44px;
			} 
		.main-menu LI.third A {
			background-position: -370px -44px;			
			}
			.main-menu LI A:hover,.main-menu LI A.cur {
				background: none;
				}


/* Main menu on main page */
.main-page .main-menu {
	float: right;
	position: relative;
	z-index: 100;
	width:477px;
	height: 158px;
	margin-top: -6px;
	background: url(../i/main-menu.gif) 0 0 no-repeat;
	margin-bottom: 0;
	}	
	.main-page .main-menu.pms {
		background-position: 0 -158px;
		}
	.main-page .main-menu.pme {
		background-position: 0 -316px;
		}
	.main-page .main-menu.csd {
		background-position: 0 -474px;
		}
	.main-page .main-menu LI {
		height: 158px;
		background: none;
		margin-right: 0;
		}
		.main-page .main-menu LI.first {
			width: 158px;
			} 
		.main-page .main-menu LI.second {
			width: 153px;
			} 
		.main-page .main-menu LI.third {
			width: 162px;
			} 
			.main-page .main-menu LI A {
				background: none;
				}


/* Footer elements
---------------------------------------------- */	
.footer {
	border-top: 1px solid #d0c7c8;
	padding: 25px  120px 25px 25px;
	text-align: right;
	}
	.footer .policy,
	.footer .copy {
		padding: 0 10px;
		display: inline;
		}	
		.footer A {
			color: #F00;
			}

/* News list
--------------------------------------------- */	
.news {
	padding: 0 0 0 24px;
	}	
.article-list {
	padding: 0 0 0 24px;
	}	
	.article-list .short, .news .short {
		font-weight: bold;
		}	
	.news LI,
	.article-list LI {
		margin-bottom: 15px;
		height: 1%;
		}
		.news LI DT,
		.article-list LI DT {
			margin-bottom: 5px;
			text-transform: uppercase;
			}
		.news .date {
			padding: 0 5px 0 0;
			color: #F00;
			}
		.news STRONG {
			padding: 0  0 0 5px;
			}
.sidebar .news {
	padding: 0;
	margin: 0 0 30px;
	}	
	
/* Partners list
------------------------------------------- */		
.partners-list {
	width: 100%;
	}
	.partners-list td {
		width: 50%;
		padding:  0 15px;
		vertical-align: middle;
		text-align: center;
		}
			
/* Contacts 
-------------------------------------------*/			
.contacts {
	padding-bottom: 30px;
	line-height: 1.4;
	font-weight: bold;
	}
	.contacts SPAN {
		font-weight: normal;
		}
		

/* Content
------------------------------------------------------------------------------------------- */		
.text H2 {
	clear: both;
	}
.content P A, .more A {
	color: #F00;
	}
.more {
	text-align: right;
	}

.text P {
	margin-bottom: 15px;
	}		
.text UL {
	margin: 5px 0 25px 15px;
	}
	.text UL LI {
		margin: 0 0 10px;
		padding-left: 25px;
		background: url(../i/tails/tail.gif) no-repeat 0 1px;
		}

.crumbs {
	margin-left: -6px;
	}
	.crumbs A {
		padding: 0 10px 0 6px;
		background: url(../i/menu/a-arr.gif) no-repeat 100% 5px;
		}
	.crumbs SPAN {
		padding: 0 0 0 6px;
		} 
P.subpage {
	padding-left: 2px;
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
	float: left;
	}		
/* Solitions
---------------------------------------- */
TABLE.products {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin-top: 5px;
	}
	TABLE.products TD {
		vertical-align: top;
		}
		TABLE.products TD IMG {
			padding-bottom: 25px;
		}
		TABLE.products TD P {
			margin-top: 0px;
		}
		TABLE.products TD P.more {
			margin-top: 0px;
		}
/* Testimonials
---------------------------------------- */	
TABLE.testimonials TD {
	padding-top: 15px;
	width: 50%;
	vertical-align: top;
	}
	DIV.co {
	padding: 0 15px 15px 15px;
	}
	DIV.co P {
		font-size: 1em;
		margin-bottom: 4px;
		}
	DIV.co P.opinion {
		}
	DIV.co P.name {
		text-align: right;
		color: #6D6F71;
		font-weight: bold;
		}
	DIV.co P.post {
		text-align: right;
		}
		DIV.co P em {
			font-style: normal;
			}		
		


/* Partners
---------------------------------------- */		
		
		
TABLE.zebra{
	width: 100%;
	margin: 10px 0 25px;
	}
	TABLE.zebra TD {
		background: #efefef;
		padding: 4px 6px;
		text-align: center;
		border-right: 1px solid #FFF;
		}
	TABLE.zebra TH {
		background: #d8cecf;
		padding: 4px 6px;
		font-weight: bold;
		border-right: 1px solid #FFF;
		}
	TABLE.zebra TR.even TD {
		background: #d8cecf;
		} 
		TABLE.zebra TR.even TD.no-even {
			background: #efefef;
			} 

	TABLE.zebra .name {
		text-align: left;
		}
	TABLE.zebra I.icon {
		display: block;
		margin: auto;
		}
	TABLE.zebra I.icon.yes {
		background: url(../i/tails/tail-zebra.gif) no-repeat;
		width: 11px;
		height: 10px;
		}
	
TABLE.big TD {
	padding: 4px 10px;
	vertical-align: top;
	text-align: left;
	}
	TABLE.big TD.common  {
		padding-bottom: 0;
		padding-top: 0;
		vertical-align: top;
		}
		TABLE.big TD.common P {
			padding: 4px 0 5px;
			margin: 0;
			line-height: 1.2;
			}
	
TABLE.big TH {
	padding: 16px 10px 12px;
	text-align: left;
	}
TABLE.big .status {
	color: #747474;
	}
/* Form's elements
---------------------------------------- */
.form TD {
	padding: 5px 5px 5px 0;
	vertical-align: top;
	}

.input-mod {
	width: 320px;
	background: url(../i/input-mod/lt.gif) no-repeat;
	}	
	.input-mod .rt {
		padding: 3px 4px 1px;
		background: url(../i/input-mod/rt.gif) no-repeat 100% 0;
		}
		.input-mod .rb {
			background: url(../i/input-mod/rb.gif) no-repeat 100% 100%;
			}
			.input-mod .lb {
				background: url(../i/input-mod/lb.gif) no-repeat 0 100%; 
				}
				.input-mod INPUT {
					border: 0;
					width: 312px;
					height: 16px;
					}
.form LABEL {
	white-space: nowrap;
	display: block;
	padding: 4px 5px 0 0;
	}
.form INPUT.field {
	padding: 2px;
	width: 320px;
	border: 1px solid #B6B6B6;
	}
.form TEXTAREA {
	padding: 2px;
	width: 456px;
	height: 144px;
	border: 1px solid #B6B6B6;
	}
.form .submit {
	font-size: 1em;
	text-align: right;
	text-transform: uppercase;
	background: url(../i/arrow.gif) no-repeat 100% 50%;
	font-weight: bold;
	padding: 1px 15px 1px 3px;
	border: 0;
	}
	.submit.right {
		float: right;
		}
.form TD.form-text {
	padding: 5px 15px;
	}
	

	
/* Partners page 
-----------------------------------*/	
.partners-list-text .pic.left {
	margin-top: 0;
	}

.choosing {
	height: 101px;
	padding: 15px 0 0;
	margin: -15px 0 -20px;
	background: url(../i/map.gif) no-repeat 100% 0;
	}
	.choosing FIELDSET {
		float: left;
		width: 175px;
		}
		.choosing FIELDSET SELECT {
			display: block;
			width: 173px;
			margin: 0 0 5px;
			}
	.choosing P.more {
		float: left;
		width: 220px;
		padding-right: 15px;
		background: url(../i/arrow.gif) no-repeat 100% 50%;
		font: bold 0.8em Tahoma, Ariel, sans-serif;
		text-transform: uppercase;
		text-align: right;
		}
		.choosing P.more A {
			color: #272727;
			text-decoration: none;
			}
		.choosing P.more A:hover {
			color: #F00;
			text-decoration: none;
			}
			
.LV_validation_message{
	font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
	display: block;
    color:#00CC00;
}
	
.LV_invalid {
	display: block;
    color:#CC0000;
}