body {
	margin:0;
	padding:10px 0 0;
	background:#868686 url(../img/bg.gif) 0 0 repeat-x;
	color:#fff;
	font:100% Tahoma, Verdana, Arial, sans-serif;
	text-align:center;
}
a:link, a:visited {
	color:#005999;
	text-decoration:underline;
}
a:hover, a:active {
	color:#005999;
	text-decoration:none;
}
img {border:0;}
h1, h2, h3, h4, h5, form, p {margin:0; padding:0;}
.clear {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
ul  {
	margin:0;
	padding:0;
}
ul li {
	margin:0;
	padding:0;
	list-style:none;
}

/* start: SIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin:0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display:none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.page-title,
.sIFR-hasFlash .slogan strong,
.sIFR-hasFlash .slogan em {
	visibility:hidden;
}
h1.page-title {
	margin:0 0 0 40px;
	color:#0f5499;
	font:bold 38px "Times New Roman", serif;
}
	#homepage h1.page-title {
		margin-left:0;
	}
	h1.page-title.second {
		margin-top:-10px;
		margin-left:50px !important;
	}

.slogan strong {
	display:block;
	font:bold 48px "Times New Roman", serif;
}
	.slogan strong.second {
		margin-top:-20px;
	}
.slogan em {
	display:block;	
}

/* end: SIFR */

.slogan {
	padding-top:110px;
	padding-left:680px;
	width:280px;
	height:212px;
	color:#fff;
	font:20px "Times New Roman", serif;
	background-repeat:no-repeat;
	background-position:40px 0;
}
.slogan.collage01 {background-image:url(../img/collage_01.jpg);}
.slogan.collage02 {background-image:url(../img/collage_02.jpg);}
.slogan.collage03 {background-image:url(../img/collage_03.jpg);}
.slogan.collage04 {background-image:url(../img/collage_04.jpg);}

.container {
	width:960px;
	margin:0 auto; 
	padding:0 40px 40px 0;
	text-align:left;
	background-color:#fff;
	background-repeat:no-repeat;
	color:#333;
}
#about .container {background-image:url(../img/content-about.jpg); background-position:0 156px;}
#contacts .container {background-image:url(../img/content-contacts.jpg); background-position:0 187px;}
#faq .container,
#news .container,
#system .container {background-image:url(../img/content-faq.jpg); background-position:0 147px;}

.logo {
    display:block;
    float:left;
    padding:20px 0 40px 40px;
    width:304px;
    height:63px;
    background:#fff url(../img/container_bg.gif) 0 0 no-repeat ;
}
/* Menu START */
#menu {
	display:block;
	float:left;
	width:614px;
	padding:54px 0 0;
	color:#0f5499;
	font:bold .9em "Times New Roman", serif;
	z-index:100;
	position:relative;
}
	#menu li {
		display:block;
		float:left;
	}
		#menu li a {
			display:block;
			background:url(../img/bul.gif) 0 0 no-repeat;
			padding:0 12px 8px 8px;
		}
		#menu li a:link,
		#menu li a:visited {
			color:#0f5499;
			text-decoration:none;
		}
		#menu li a:hover,
		#menu li a:active,
		#menu li.current a {
			color:#c33;
			text-decoration:none;
		}
	
	#menu li:hover ul ul,
	#menu li:hover ul ul ul,
	#menu li.sfhover ul ul,
	#menu li.sfhover ul ul ul {
		left:-999em;
	}
	
	#menu li:hover ul,
	#menu li.sfhover ul {
		left:auto;
		display:block;
	}
	
	#menu li li:hover ul,
	#menu li li li:hover ul,
	#menu li li.sfhover ul,
	#menu li li li.sfhover ul {
		left:118px;
	}
		#menu li .large li:hover ul,
		#menu li .large li li:hover ul,
		#menu li .large li.sfhover ul,
		#menu li .large li li.sfhover ul {
			left:228px;
		}
	
	#menu li:hover a,
	#menu li.sfhover a {
		color:#c33;
	}
	#menu li li a {
		display:block;


		margin:0;
		padding:5px 9px 0;
		height:18px;
		width:100px;
		border-top:1px solid #c0c0c0;
		color:#333;
		font:normal .75em Tahoma, Verdana, Arial, sans-serif;
		background:#fff none;
	}
	#menu li li a:link,
	#menu li li a:hover,
	#menu li li a:active,
	#menu li li a:visited {color:#333;}
	#menu li li a:hover {background-color:#e0e6ec;}
	
	#menu li ul {
		position:absolute;
		margin:0;
		padding:0;
		width:118px;
		left:-999em;
		background-color:#fff;
		border:1px solid #c0c0c0;
		border-top:0;
	}
		#menu li ul.large {width:228px;}
		#menu li ul.large a {width:210px;}
		#menu li ul.middle {width:188px;}
		#menu li ul.middle a {width:170px;}

	#menu li ul ul {
		margin-top:-24px;
	}
		
/* Menu END */

.main {
	float:left;
	width:613px;
	padding-left:40px;
}
.content-first {
	float:left;
	width:601px;
	padding:0 0 0 70px;
	font-size:.83em;
}
	#homepage .content-first {width:583px; float:none; padding-left:30px;}
	
	.content-first p {
		padding:1.5em 0 0;
	}
	.content-first h2 {
		font:normal 1.4em Tahoma;
	}
	.content-first ul li {
		padding:0 0 0 33px;
		background:url(../img/bul2.gif) 20px 50% no-repeat;
	}

.content-second {
	float:left;
	width:249px;
	font-size:.7em;
	padding:30px 0 0;
}
	#homepage .content-second {
		padding-top:14px;
		width:307px;
	}

.news-preview {
	padding:20px 0 0 0;
}
	.content-second .news-preview {padding-left:35px;}
	.news-preview .news {
		padding:0 0 2em;
	}
	.news-preview .news em,
	.date {
		display:block;
		font:italic 1em "Times New Roman", serif;
		color:#666;
	}
	.date {padding-top:20px;}
	.content-second .news-preview .news em {
		font:normal .83em Tahoma, sans-serif;
		color:#333;
	}
	.news-preview .news h4 {
		padding:1px 0 2px;
		font-size:1em;
	}
	.news-preview .news p {
		padding:0;
		font-size:.83em;
	}



.site-info {
	width:920px;
	margin:0 auto; 
	padding:25px 40px 15px;
	text-align:left;
	background:url(../img/site-info_bg.gif) 0 0 repeat-x;
	font-size:.7em;
}
	.site-info a {
		color:#fff;
	}
	.site-info .copyright {
		float:left;
		width:270px;
		padding:0 0 0 10px;
	}
	.site-info .counter {
		float:left;
	}
	.site-info address {
		display:block;
		float:right;
		width:220px;
		padding:0 0 0 10px;
		font:normal 1em Tahoma, sans-serif;
	}


/* Common Elements */
.action-link {
	padding:0 0 0 8px;
	font-size:11px;
	color:#005999;
	background:url(../img/bul.gif) 0 0 no-repeat;
}
.cite,
.content-first p.cite {
	position:relative;
	padding:0 0 20px 35px;
	font-size:11px;
	background:url(../img/quote.gif) 0 0 no-repeat;
	z-index:99;

}
.content-first p.cite {
	margin-top:3em;
}
	.cite cite {
		display:block;
		padding:0 0 5px;
		font:italic 1.45em "Times New Roman", serif;
		line-height:1.2em;
		color:#666;
	}
	.cite em {display:none;}

.content-nav {
	padding:3em 0 0;
	font-size:13px;
}
	.content-second .content-nav {
		padding:0 0 0 60px;
	}
	.content-nav li {
		display:block;
		float:left;
		padding:0 40px;
	}
		.content-first .content-nav li {background:none;}
		.content-second .content-nav li {
			float:none;
			padding:0 0 30px;
		}
	.content-nav a {
		display:block;
		padding:57px 0 0;
		background-position:50% 0;
		background-repeat:no-repeat;
		
	}
		.content-second .content-nav a {
			text-align:center;
		}
	.content-nav .trainings {background-image:url(../img/content-nav_trainings.jpg);}
	.content-nav .customer {background-image:url(../img/content-nav_customer.jpg);}
	.content-nav .career {background-image:url(../img/content-nav_career.jpg);}
	.content-nav .thomas-system {background-image:url(../img/content-nav_thomas-system.jpg);}
	.content-nav .thomas-system2 {background-image:url(../img/content-nav_thomas-system2.jpg);}
	.content-nav .thomas-system3 {background-image:url(../img/content-nav_thomas-system3.jpg);}
	.content-nav .vip-service {background-image:url(../img/content-nav_vip-service.jpg);}
	.content-nav .staff-estimate {background-image:url(../img/content-nav_staff-estimate.jpg);}

.content-first .mark {
	margin-top:1.5em;
	padding:18px;
	background:#00468c url(../img/mark_bg.gif) 100% 100% no-repeat;
	color:#fff;
}


.content-first .note {
	margin:25px 0 0 0;
	padding:23px 0 0 21px;
	border-top:1px solid #ccc;
	font-size:11px;
	background:url(../img/bul.gif) 13px 25px no-repeat;
}
.content-first .faq {
	padding:15px 0 0;
}
	.content-first .faq li {
		padding:0 0 15px 10px;
		background:url(../img/bul.gif) 0 0 no-repeat;
		font-weight:bold;
	}
	.faq-answer {
		padding:0 0 0 38px;
		background:url(../img/faq-answer_bg.gif) 0 1.5em no-repeat;
		color:#666;
		font:italic 1.1em "Times New Roman", serif;
	}

.form fieldset {
	padding:15px 0 15px 40px;
	border:0;
}
	.form fieldset.from {
		border-bottom:1px solid #ccc;
	}
	.form fieldset.message {
		padding-top:10px;
		padding-bottom:5px;
	}
.form fieldset .row {
	padding:10px 0;
}

.form fieldset label {
	display:block;
	padding-bottom:3px;
}
	.form fieldset.from label {
		float:left;
		margin-right:20px;
		width:138px;
	}
.form fieldset .textfield {
	padding:3px 0;
	border:1px solid #a5acb2;
}

input, textarea {

	padding:3px 0;
	border:1px solid #a5acb2;

}

	.form fieldset.from .textfield {
		width:251px;
	}
	.form fieldset.message .textfield {
		margin-left:25px;
		width:384px;
	}
	.form fieldset.message textarea {
		margin-left:25px;
		width:384px;
		height:90px;
		border:1px solid #a5acb2;
	}
.form .submit {
	margin-left:25px;
}

.paging {
	font-size:13px;
	font-weight:bold;
}
	.paging a {
		display:block;
		float:left;
		padding:2px 4px 4px;
		margin:0 0 0 3px;
	}
	.paging .current,
	.paging .current:link,
	.paging .current:hover,
	.paging .current:visited,
	.paging .current:active {
		background-color:#c33;
		color:#fff;
	}
.list-small {
	font-size:.83em;
}
	ul.list-small {padding:1em 0 3em;}
	.list-small li {
		padding-top:2px;
		padding-bottom:2px;
	}