@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bg.jpg) no-repeat #010d1a;
	font-family:arial;
	font-size: 0.8em;
	color: #333;
}
* {  
	margin: 0; 
	padding: 0; 
}

a {
	outline: none;
	color: #096996;
}

p a:hover {
	text-decoration: none;
	
}

p {
	line-height: 1.6em;
	font-size: 100%;
	text-align: justify;
	margin: 10px 0 20px 0px;
}

h1, h2, h3, h4 {
		font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
}

.clear {
	clear: both;
}

#header {
	height: 144px;
	width: 1000px;
	background: url(images/header_bg.png) no-repeat right bottom;
	margin: 0 auto;

}
/*.greetings {
	background: url(images/seasongreeting.png);
	top: 10%;
	left: 69%;
	position: absolute;
	z-index: 1;
	width: 195px;
	height: 74px;
}*/

.logo a {
	width: 188px;
	height: 133px;
	background: url(images/attsystems_logo.png) left;
	text-indent:-300em;
	margin-top: 10px;
	float: left;
	display: block;
}
	.logo a:hover {
		background: url(images/attsystems_logo.png) right;
	}

.topmenu {
	background: url(images/topmenu_bg.png) repeat-x;
	
	width: 760px;
	float: right;
	font-size: 80%;
	padding: 4px 5px 4px 0;
	font-weight: bold;
}

	.topmenu ul 
	{
		padding: 0 15px 0 15px;
		
	}

	.topmenu li {
		float: left;
		list-style: none;
		padding-left: 15px;
		margin: 8px 15px 0 0;
	}
	.topmenu li a {
		color: #fff;
		text-decoration: none;
	}
	
	.topmenu li a:hover {
		text-decoration: underline;
	}
.topmenu #home  {
	background: url(images/home_icon.png) left top no-repeat;
}
.topmenu #about  {
	background: url(images/about_icon.png) left top no-repeat;
}
.topmenu #clients  {
	background: url(images/clients_icon.png) left top no-repeat;
}
.topmenu #updates  {
	background: url(images/updates_icon.png) left top no-repeat;
}
.topmenu #career  {
	background: url(images/career_icon.png) left top no-repeat;
}
.topmenu #contact  {
	background: url(images/contact_icon.png) left top no-repeat;
}
.topmenu #partners  {
	background: url(images/partners_icon.png) left top no-repeat;
}


.search {
	width: 208px;
	height: 36px;
	padding: 3px 0 0 0 ;
	float: right;
	}

	.searchtext {
		background: url(images/search_bg.png) no-repeat;
		width: 110px; /*141px*/
		height: 14px; /*24*/
		border: none;
		float: left;
		padding: 5px 5px 5px 26px;
		margin-right: 10px;
		
	}
	
	
	.searchbutton {
		float: left;
		background: url(images/search_but.png) top left;
		width: 35px;
		height: 24px;
		text-indent: -300em;
		border: none;
	}
	
	.searchbutton:hover {
		background: url(images/search_but.png) bottom left;
		width: 35px;
		height: 24px;
		text-indent: -300em;
		border: none;
	}
	
.language_selection {
	float: right;
	color: #fff;
	margin-top: 10px;
	
	display: block;
}
	.language_selection img {
		padding: 0 6px 0 10px;
		vertical-align: middle;
	}
	.language_selection a {
		color: #fff;
		text-decoration: underline;
	}
	.language_selection a:hover {
		text-decoration: none;
	}

#paper {
	
		border-top: #506f9c 1px solid;
		padding-top: 1px;
		border-bottom:#111 1px solid;
		width: 1000px;
		margin: 5px auto 0 auto;
		background: url(images/paper_bg.jpg) repeat-x  top #050608;
		
		
}

#content {
	background:url(images/paper_gradient_bg.jpg) repeat-x top #fff;
	width: 920px;
	margin: 15px auto;
	padding: 20px 20px 30px 20px;
	
}

.fullpage {
	padding: 20px;
}

.fullpage h1 {
	
}

.fullpage h2 {
	
	font-family: "Times New Roman", Times, serif;
	margin: 10px 0 20px 0;
}

.fullpage h3 {
	border-top: #999 1px dotted;
	padding-top: 10px;
}
.fullpage h3 a {
	font-size: 1.2em;
	
	text-decoration: underline;
}

	.fullpage h3 a:hover {
		text-decoration: none;
	}
.left_column {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 189px;
	height: 231px;
	background:url(images/sidemenu_mainbg.jpg) no-repeat;
	margin-top: 10px;
	padding-top: 30px;
}

	.left_column h1{
		font-size: 1.5em;
		margin-right: 2px;
		font-weight: normal;
		color: #eee;
		padding: 20px 0px 10px 20px;
		
	}
	
	.left_column ul {
		margin: 0px;
	}
	
	.left_column ul li {
		list-style: none;
	}
	
	.left_column ul li a {
		display: block;
		padding: 4px 10px 4px 30px;
		margin-right: 2px;
		font-size: 100%;
		border-top: #464646 1px solid;
		border-bottom: #1d1d1d 1px solid;
		text-decoration: none;
		background: url(images/sidemenu_list.png) no-repeat left;
		color: #ddd;
		
	}
	
	.left_column ul li a:hover {
		background: url(images/sidemenu_list.png) #000 no-repeat left;
		color: #fff;
		
	}
	
	.selected {
		background: url(images/leftmenu_selected.png) no-repeat;
		font-weight: bold;
		font-size: 100%;
		color: #fff;
		display: block;
		/*width: 210px;
		height: 33px;*/
		height: 19px;
		width: 170px;
		border: none;
		padding: 7px 10px 7px 30px;
	}
	
	.onepage {
	background: #fff;
	float: right;
	width: 910px;
}

	.onepage h1 {
		color: #016097;
		font-size: 220%;
		margin: 30px 0 10px 0;
		font-weight: normal;
		
	}
	
	.onepage h2 {
		background: #d9e5ed;
		color: #135e85;
		padding: 3px;
		font-size: 110%;
		
	}
	
	.onepage h3 {
		font-size: 110%;
		margin: 10px 0px;
		line-height: 1.5em;
	}
	

.right_column {
	/*background: #fff;*/
	float: right;
	width: 710px;
}

	.right_column h1 {
		color: #016097;
		font-size: 220%;
		margin: 30px 0 10px 0;
		font-weight: normal;
		
	}
	
	.right_column h2 {
		background: #d9e5ed;
		color: #135e85;
		padding: 3px;
		font-size: 110%;
		margin-top: 20px;
		
	}
	
	.right_column h3 {
		font-size: 110%;
		margin: 10px 0px;
		line-height: 1.5em;
	}
	.client_list {
		margin: 0;
		clear: both;
		
	
	}
	
	.client_list ul {
		list-style: none;
		background: #aaa;
		
	}
	
	.client_list ul li {
		display: block;
		background: #fff;
		float: left;
		clear: right;
		min-width: 200px;
		
	
	}
	.client_list span {
		text-align: center;
	}
	
	
	.right_column p {
		padding-right: 0px;
	}
	
	.form label {
		width: 150px;
		display: block;
		float: left;
		padding: 0 10px 0 10px;
		vertical-align: top;
	}
	.form select {
		border: #c3d5e2 1px solid;
		padding: 2px;
		
		
	}
	
	
	.form input {
		border: #c3d5e2 1px solid;
		padding: 2px;
		margin: 0 10px 0 0;
	}
	
	.form input:focus {
		border: #6a96b7 1px solid;
		background: #d9e9f2;
	}
	
	.form p {
		margin: 3px 0 2px 0;
	}
	.form textarea {
		border: #c3d5e2 1px solid;
		padding: 2px;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		width: 300px;
		height: 150px;
		
		
	}
	.form textarea:focus {
		border: #6a96b7 1px solid;
		background: #d9e9f2;
	}
	.but_grey {
		height: 30px;
		background:url(images/but_grey.gif) repeat-x;
		color: #fff;
		font-weight: bold;
		border: #545454 2px solid;
		padding: 2px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	.but_grey:hover {
		background: #4b4b4b;
	}
	
	.but_black {
		height: 30px;
		background:url(images/but_black.gif) repeat-x;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		border: #4b4b4b 2px solid;
		padding: 3px 10px;
		font-size: 0.9em;
	}
	.but_black:hover {
		background: #000;
	}
	
	.section01_form {
		border-bottom: #bbb 1px dotted;
		padding: 0 20px 20px 0px;
		background: #fff;
		margin: 10px 0 20px 0;
	}
	.section01_form textarea {
		width: 400px;
		height: 200px;
	}
	.section01_form select {
		width: 200px;
	}
	
.career {
	float: left;
	width: 600px;
}
.career h1 {
		color: #016097;
		font-size: 220%;
		margin: 0px 0 10px 0;
		font-weight: normal;
		
		
	}
	
	.career h2 {
		background: #d9e5ed;
		color: #135e85;
		padding: 3px;
		font-size: 110%;
		
	}
	
	.career h3 {
		font-size: 110%;
		margin: 10px 0px 0 0;
		line-height: 1.5em;
	}
	
	
	.career p {
		padding-right: 0px;
	}
	
	.career ul {
		padding: 10px 30px 30px 30px;
	}
	
.career_rightcol {
	background: url(images/career_rightcol.png) repeat-x;
	float: right;
	width: 300px;
	min-height: 480px;
	font-size: 120%;
	
}

	.career_rightcol h1 {
		color: #204d6a;
		margin: 20px 20px;
		font-size: 1.6em;
		font-weight: normal;
	}
	
	.career_rightcol ul {
		margin: 20px;
	}
	.career_rightcol li {
		list-style: none;
	}
	
	.career_rightcol li a{
		color: #204d6a;
		display: block;
		padding: 5px;
		
		text-decoration: none;
		border-bottom: #91bad4 1px solid;
		
	}
	
	.career_rightcol li a:hover {
		background: #c5e2f6;
		
	}
	
	.career_rightcol span {
		
		padding-left: 30px;
		color: #666;
		font-size: 80%;

	}
	
.updates_rightcol {
	background: url(images/updates_rightcol.jpg) repeat-x;
	float: right;
	width: 300px;
	min-height: 480px;
	font-size: 120%;
	
}

	.updates_rightcol h1 {
		color: #563119;
		margin: 20px 20px;
		font-size: 1.4em;
		font-weight: normal;
	}
	
	.updates_rightcol ul {
		margin: 20px;
	}
	.updates_rightcol li {
		list-style: none;
	}
	
	.updates_rightcol li a{
		color: #563119;
		display: block;
		padding: 5px;
		
		text-decoration: none;
		border-bottom: #bda08e 1px dotted;
		
	}
	
	.updates_rightcol li a:hover {
		background: #d9c6ba;
		
	}
	
	.updates_rightcol span {
		
		padding-left: 30px;
		color: #666;
		font-size: 80%;

	}
	
.article {
	
	margin: 0px 0 30px 0;
	clear: both;
	border-top: #aaa 1px dotted;
	padding-top: 20px;
	display: block;
}
	.article h1 {
		font-size: 170%;
		
	}
	.article p 
	{
		margin: 0;
	}
	
	.article img {
		
		margin: 5px 0 10px 20px;
		
	}
	.article label 
	{
		width: 150px;
		text-align: left;
		display: block;
		float:  left;

		font-weight: bold;
	}
	
	.pdf 
	{
		background: url(images/pdf_icon.jpg) no-repeat left;
		padding: 0 0 0 20px;
	}
	
	.article img:hover {
		background: #111;
	}
	.article_cat, .article_date {
		font-size: 90%;
	}
	
	.article_cat {
		float: left;
		border-right: #888 1px dotted;
		margin-right: 10px;
		padding-right: 10px;
	}
	.artcle_cat a:hover {
		text-decoration: none;
	}
	.article_date {
		font-weight: bold;
		
	}
	
		
	
.top_banner {
	width: 920px;
	height: 214px;
	
}
.top_banner h1 {
	padding: 100px 20px 0px 50px;
	font-size: 2.5em;
	margin: 0;
	font-weight:normal;
	
}
.top_banner p {
	padding: 0px 50px 0px 50px;
	font-weight: bold;
	margin: 0;
}
.quote {
	float: right;
	margin: 0 10px 10px 20px;
}


#aviation {
	background:url(images/banner_solutions_aviation.jpg);
	color: #fff;
}

#electronic_display {
	background:url(images/electronic_display.jpg);
	color: #fff;
}
#aboutus_ourbrand {
	background: url(images/banner_about_ourbrand.jpg);
	color: #333;
	
}
#aboutus_ourvalues {
	background: url(images/banner_about_ourvalues.jpg);
	color: #fff;
	
}
#aboutus_milestones {
	background: url(images/banner_about_ourmilestones.jpg);
	color: #fff;
	
}
#aboutus_globalpres {
	background: url(images/banner_about_ourglobalpresence.jpg);
	color: #fff;
	
}
#security {
	background: url(images/banner_solutions_security.jpg);
	color: #2d3f53;
}

#queue {
	background: url(images/banner_queue.jpg);
	color: #111;
}
#clients {
	background: url(images/banner_clients.jpg);
	color: #fff;
	
}
#career {
	background: url(images/banner_career.jpg);
	color: #000;
	
}
#partners {
	background: url(images/banner_partners.jpg);
	color: #fff;
	
}
#contact {
	background: url(images/contact.jpg);
	color: #101f2f;
}
#systems {
	background: url(images/solution_sysintegration.jpg);
	color: #fff;
}

#traffic {
	background: url(images/banner_solutions_traffic.jpg);
	color: #fff;
}

#sitemap {
	background: url(images/sitemap.jpg);
	color: #fff;
}




.milestones {
	background: url(images/milestones_bg.png) left top no-repeat;
	width: 650px;
	padding: 10px;
	margin-bottom: 20px;
}

.milestones ul {
	margin: 10px 0 10px 40px;
}

.milestones ul li {
	margin-top: 4px;
	list-style: square;
}
.locateus  {
	background: #333;
	width: 700px;
}

.locateus td {
	background: #fff;
	padding: 10px;
}
.locateus th {
	padding: 3px;
	color: #fff;
}

.single_column p {
	padding: 0px 20px;
}

.single_column h1 {
	padding: 0px 20px;
	color: #036087;
	font-size: 2em;
	font-weight: normal;
}
	.single_column h3 {
		padding: 0px 20px;
	}
	.single_column ul {
		margin: 20px 20px 20px 50px;
	}
	.single_column ul li {
		margin-top: 10px;
	}




.breadcrumbs_fullpage {
	display: block;
	float: left;
	font-size: 80%;
	color: #555;
	width: 900px;
	background: url(images/breadcrumbs_bg.png) no-repeat bottom left;
	margin-bottom: 20px;
	padding: 5px 0;
	
	
	
	
}
	.breadcrumbs_fullpage ul {
		padding: 5px;
		
		font-weight: bold;
	}
	
	.breadcrumbs_fullpage ul li {
		background: url(images/breadcrumbs_arrow.png) no-repeat bottom left;
		float: left;
		list-style: none;
		padding-left: 15px;
		padding-right: 8px;
		
	}


.breadcrumbs {
	display: block;
	float: left;

	font-size: 80%;
	color: #555;
	width: 589px;
	background: url(images/breadcrumbs_bg.png) no-repeat bottom;
	margin: 0;
	padding: 5px 0;
	
	
	
	
}
	.breadcrumbs ul {
		padding: 5px;
		
		font-weight: bold;
	}
	
	.breadcrumbs ul li {
		background: url(images/breadcrumbs_arrow.png) no-repeat bottom left;
		float: left;
		list-style: none;
		padding-left: 15px;
		padding-right: 8px;
		
	}
	.home {
		background: url(images/home_icon.png) no-repeat bottom left;
		float: left;
		list-style: none;
		padding-left: 15px;
		padding-right: 8px;
		
	}
	
	.breadcrumbs ul li a {
		text-decoration: underline;
	}
	
	.breadcrumbs ul li a:hover {
		text-decoration: none;
	}
.solutions {
	font-weight: bold;
	padding: 20px 0 0 50px;
	font-size: 1.2em;
}
.solutions li {
	padding: 10px 0 0 0;
}
.solutions li a {
	text-decoration: none;
	
	border-bottom: #aaa 1px dotted;
}
.solutions li a:hover {
	border-bottom: none;
}

.sliderbanner {
	background:url(images/mainbanner_bg.jpg) repeat-x;
	width: 930px;
	height: 323px;
	border: #fff 1px solid;
	margin-bottom:50px;
}


.submenu {
	width: 1000px;
	height: 47px;
	background:url(images/subpage_menu.png) no-repeat ;
	display: block;
	margin: 0 auto;
}
	.submenu ul {
		list-style: none;
		padding-left: 18px;
		
	}
	.submenu li {
		float: left;
		margin-top: 2px;
	}
	
	.submenu li a {
		border-right: #666e78 1px solid;
		border-left: #9299a1 1px solid;
		padding: 11px 20px;
		display: block;
		color: #f7f7f7;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
		
	}
	
	.submenu li a:hover {
		background: url(images/subpage_hover.png) repeat-x;
	}
	
	.submenu #selected {
		background: url(images/subpage_hover.png) repeat-x;
	}

.mainpage_left {
	width: 646px;
	float: left;
}

.mainpage_right {
	width: 250px;
	float: right;
}
.seasongreetings 
{
	background: url(images/seasongreeting.png) no-repeat right;
}

.whyatt {
	background: url(images/whyatt_main.jpg) no-repeat;
	/*width: 646px;
	height: 320px;*/
	width: 396px;
	height: 282px;
	display: block;
	margin-right: 34px;
	padding: 30px 30px 0px 220px;
	
	
}
	.whyatt h1 {
		color: #15405d;
		font-size: 2.1em;
		margin-bottom: 10px;
		border-bottom: #999 1px dotted;
	}
	.whyatt p {
		text-align: justify;
	}

.featured1_main {
	width: 250px;
	height: 163px;
	/*background: url(images/featured2.jpg);
	display: block;
	text-indent: -300em;*/
	z-index: 1;
	
}
	.featured1_main a
	{
		display: block;
		border: none;
	}
.featured2_main {
	width: 649px;
	height: 84px;
	display:block;
	text-indent: -300em;
	background: url(images/featured_bottom.jpg);
	margin-top: 10px;
	
}

.testimonial {
	background: url(images/testimonial_bg.jpg) no-repeat;
	/*width: 250px;
	height: 212px;*/
	font-size: 90%;
	width: 180px;
	height: 192px;
	margin: 30px 0 0 0;
	padding: 20px 30px 0 40px;
}

	.testimonial h1 {
		font-family: "Times New Roman", Times, serif;
		margin-bottom: 10px;
		font-weight: normal;
		color: #15405d;
	}
	
	.testimonial p {
		text-align: left;
	}
.testimonial_paper {
	background:/* url(images/testimonial_list_bg.jpg) repeat-y*/;
	width: 685px;
	
	
}

.testimonial_list {
	border-bottom: #3f7594 1px dotted;
	margin-top: 20px;
	font-style: italic;
	background:url(images/testimonial_list_open.png) no-repeat top left;
	padding:  30px 30px 0px 30px ;
}

.client_name {
	text-align: right;
	font-weight: bold;
}
	
.client_footer {
	background: url(images/clients_bg.jpg) no-repeat top;
	padding-top: 20px;
	min-height: 50px;
	width: 934px;
}

	.client_footer img {
		margin: 0 10px 0 0px;
	}
#footer {
	
	margin: 0 auto;
	/*min-height: 164px;
	background: url(images/footer_bg.jpg) no-repeat bottom;*/
	
}

.footer_content {
		width: 960px;
		/*border-left: #506f9c 1px solid;
		border-right: #506f9c 1px solid;*/
		margin: 0 auto;
		font-size: 85%;
		padding: 5px 20px 0 20px;
		background: #000;
		color: #fff;
		filter:alpha(opacity=90); /* IE's opacity*/
		opacity: 0.90;
		
		
}

.footer_content .left {
	padding-top: 20px;
}

.footer_display_block {
	display: block;
	width: 220px;
	float: left;

}

	.footer_display_block h1 {
		margin: 0px 0px 10px 30px;
		font-size: 1.5em;
	}

	.footer_display_block ul {
		margin: 0px 0px 0px 30px;
	}
	
	.footer_display_block li {
		list-style: none;
		
	}
	
	.footer_display_block li a {
		color: #aaa;
		border-bottom: #333 1px dotted;
		padding: 3px 0px;
		display:block;
		text-decoration: none;
	}
	
	.footer_display_block li a:hover {
		background: #0d1720;
	}
	
.footer_display_block_long {
	display: block;
	/*height: 220px;*/
	float: left;
	border-left: #222 1px dotted;
	padding-left: 10px;
	margin: 0 0 0 20px;
	vertical-align: middle;
	text-align: right;

}

	
.copyrights {
	margin: 0px 0 0px 0px;
	color: #999;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	
	
}
	
	
.left {
	float: left;
	
}

.right {
	float: right;
	
}


.backtotop {
	text-align: right;
	margin-bottom: 30px;
}
	.backtotop a {
		color: #666;
		font-size: 80%;
		border-bottom: #999 1px dashed;
		text-decoration: none;
		margin: 20px 30px 30px 0;
	}
	.backtotop a:hover {
		color: #222;
		
		border-bottom: #cc0000 1px solid;
	
	}