/*
 * -----Layout CSS-------
 * CSS default project file
 * aab-web - 2009
 * 
 * author: Aram Balakjian
 * date: 24th January 2009
 * 
 * Layout Framework for starting project
 * 
 */
/* Clear fixes for sticky footer */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}
/**** Reset *****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { 
	margin: 0; 
	padding: 0; 
}
.clear{
	clear:both;

}
.hidden{
	display: none;
}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	background: #e1e1e1 url(../images/ATO_page_bg.jpg) repeat-x;
	height: 100%;
	overflow: scroll;
}
	body {
		color: #333;
	 	font-size: 62.5%; 
		font-family: Verdana, Lucida, sans-serif; 
		height: 100%;
	}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
#container { /*contains everything except footer */
	width: 960px;
	margin: 0 auto;
	height: 100%;
	}	
body > #container{
	height: auto; 
	min-height: 100%;
}
/**********************************
 * 
 *  Navbar
 *  
 ********************************/
#navbar {
	width: 960px;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
	height: 97px;
}
#navbar a.home{ 
	 	width: 253px; 
	 	margin: 0;
		height: 85px;
		overflow: hidden;
		display:block;
		background: url(../images/ATO_logo.jpg) no-repeat top left;
		float:left;
	}
	#navbar a.home span { 
			display:none;
		}
	#navbar ul { 
	 	float: right; 
		clear: right;
		margin: 25px 0 0 0;
		}
		#navbar ul li { 
		 	list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 2.8em;
			display: block;
			}
			#navbar ul li.last{ 
				margin: 0 0 0 2px;
				}	
			#navbar ul li a { 
				float: left;
				text-decoration: none;
				display: block; 		
				font-size: 15px; 
				padding: 0 10px 0 10px;
				color: #555;
				}	
				#navbar ul li.last a { 
					padding: 0 2px 0 10px;
					}	
				#navbar ul li a:hover{ 
					color: #000;
					}	
				#navbar ul li a.current { 
					background: #f5f5f5;
					color: #222;
					}	
			#navbar ul li span{ 	
				font-size: 1.6em; 
				color: #444;
				padding: 0 5px 0 8px;
				}	
#banner{
	background: no-repeat top right;
	height: 53px;
	margin-top: 9px;
	padding: 150px 0 30px 0;
}
/******************************
 * 
 * Search form
 * 
 ******************************/	

form#SearchForm_SearchForm{
	float:right;
	width:177px;
	margin-left: 20px;
	margin-top: 5px;
	border: none;
}
	form#SearchForm_SearchForm fieldset{
		padding: 0;
	}
	form#SearchForm_SearchForm fieldset .middleColumn{
		padding: 0;
		margin: 15px 0 0 0;
	}
		form#SearchForm_SearchForm input.text{
			width:129px;
			height:16px;
			border:none;
			float:left;
			padding:2px;
			margin: 0;
			border: 1px solid #ccc;
			background: #fff;
		}
		form#SearchForm_SearchForm input.action{
			width:42px;
			background: #ccc url(../images/ATO_form_button_bg.jpg) repeat-x;
			border:none;
			font-size: 12px;
			padding: 1px 0 2px  0;
			margin: 0;
			border: 1px solid #ccc;
		}
			form#SearchForm_SearchForm input.action:hover{
				cursor: pointer;
				background-position: 0 -42px;
			}

/**********************************
 * 
 *  Layout Wrappers
 *  
 ********************************/

#layout {	/* contains sidebar & content */
	width: 960px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 30px;	
	margin-bottom: 42px
}
	#content {
		width: 675px;
		float: right; 	
		margin: 0 0 15px 0;
		text-align: left;
		padding: 0 30px 20px;	
		border-right: 1px solid #bbb;
	}
/**********************************
 * 
 *  Sidebar
 *  
 ********************************/
#sidebar {
 	width: 150px; 
	float: left;  
	padding: 0 30px;
	border: 1px solid #bbb;
	border-bottom: none;
	border-top: none;
	margin-bottom: 30px;
}
		#sidebar ul {
			border-bottom: 1px solid #bbb;
			margin: 2px 0 25px 0px;
			padding-bottom: 25px; 
		}
		#sidebar li {
			list-style: none;
		}
		#sidebar a {
		font-style: normal;		
		}
    			ul#menu2 li { 
            			 padding: 5px 0;
				 
            		}
						ul#menu2 li a {
							display: block;
							font-size: 1.6em;
							height: 1.8em;
							line-height: 1.8em;
							color: #4c54a0;
							text-decoration:none;
							padding: 0 10px 0 10px;
						}	
							#sidebar a:hover{
								color: #1c2470;
							}		
							#sidebar a.current{
								background: #f4f4f4;
								color: #555;
							}
		#sidebar #related.hover{
			cursor: pointer;
		}
		#sidebar #related img{
			margin-top: 10px;
			border: 1px solid #555;
		}
		#sidebar #related h4{
			color: #555;
			font-size: 12px;
			border: none;
			font-weight: bold;
		}	
		#sidebar #related h3 a{
			display: block;
			padding: 10px 0 0 0;
			font-size: 14px;
		}	
			#sidebar #related.hover a{
				text-decoration: underline;
				color: #2c3480;
			}	
		#sidebar #related p{
			padding: 5px 0 0 0;
			font-size: 12px;
		}	
			#sidebar #related.hover p{
				color: #222;
			}
		#sidebar #related a.readMore{
			padding: 5px 0 0 0;
			font-size: 12px;
			float:right;
		}	
/**********************************
 * 
 *  Footer
 *  
 ********************************/
#footer { 
 	clear: both;  
	width:100%; 
	height: 42px; 
	background: #ccc url(../images/ATO_footer_bg.png) repeat-x top left; 
	margin-top: -42px;	
	position: relative;
	}
  	#footer .content { 
		width: 960px;
		margin: 0 auto;
	}
  	#footer p { 
		color: #555;
		font-size: 10px;
		text-align: left;
		padding: 14px 0 0 0;
		width: 400px;
	}
  	#footer a { 
	   	color: #222; 
	   	text-decoration: none;
		}
		#footer a:hover {
			color: #555;
			text-decoration: underline;
		}
	#footer ul{
		list-style: none;
		float: right;
		margin-top: 15px;
	}
		#footer ul li{
			float: left;
		}
			#footer ul li a{
				font-size: 12px;
				padding: 0 5px;
			}
/**********************************
 * 
 *  Search Results
 *  
 ********************************/
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 15px 20px;
		font-size: 1em;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}

/**********************************
 * 
 *  Home Page Showcase
 *  
 ********************************/
#showcase{
	height: 366px;
	width: 100%;
	margin-top: 8px;
	position: relative;
}
	.mainCase{
		height: 264px;
		width: 100%;
		padding-top: 40px;
		background: url(/assets/Uploads/ATOshowcasemain.jpg) no-repeat top right;
		position: absolute;
		right: 0;
		z-index: 8;
	}
		#showcase div.top{
			z-index: 20;
		}
		#showcase div.lastActive{
			z-index: 9;
		}	
		#showcase div#tab0_content{
			z-index: 30;
		}	
	.mainCase p.introHeading{
		font-size: 24px;
		width: 360px;
		color: #EFEFEF;
		padding-top: 0px;	
		line-height: 35px;
	}
	.mainCase p.introSubHeading{
		font-size: 16px;
		width: 480px;
		color: #222;
		padding-top: 40px;
		text-align: justify;
		line-height: 30px;
	}

#showcaseTabs{
	width: 100%;
	list-style: none;
	position:absolute;
	top: 304px;
}
	#showcaseTabs li{
		float: left;
		background: url(../images/ATO_showcase_button_bg.png) repeat-x;
	}
		#showcaseTabs li:hover{
			background-position: 0 -63px;
		}
		#showcaseTabs li a{
			background: url(../images/ATO_showcase_icons.jpg) no-repeat; 
			border-left: 1px solid #444;
			color: #444;
			display: block;
			font-size: 14px;
			height: 43px;
			padding: 20px 5px 0 40px;
			text-align: center;
			text-decoration: none;
			width: 114px;
			font-weight: normal;
		}
		#showcaseTabs li a.last{
			border-right: 1px solid #444;
			width: 113px;
		}
			#showcaseTabs li a:hover{
				background-position: 0 -63px;
			}
		/* Icon Sprite Positions */	
		li#tab2 a{
			background-position: 0 -126px;
		}	
			li#tab2 a:hover{
				background-position: 0 -189px;
			}			
		li#tab3 a{
			background-position: 0 -252px;
		}	
			li#tab3 a:hover{
				background-position: 0 -315px;
			}	
		li#tab4 a{
			background-position: 0 -378px;
		}	
			li#tab4 a:hover{
				background-position: 0 -441px;
			}	
		li#tab5 a{
			background-position: 0 -504px;
		}	
			li#tab5 a:hover{
				background-position: 0 -567px;
			}	
		li#tab6 a{
			background-position: 0 -630px;
		}	
			li#tab6 a:hover{
				background-position: 0 -693px;
			}				
/* Home Page Content */
#layout .column{
	border-left: 1px solid #bbb;
	float: left;
	margin: 30px 0;
	padding: 0 20px;
	width: 438px;
}

#layout .columnRight{
	border-right: 1px solid #bbb;
}
	#layout .aboutBlock{
		height: 140px;
		float: left;
		margin: 10px 0 20px 0;
	}	
	#layout .blockRow2{
		padding-top: 30px;
		border-top: 1px solid #bbb;
		margin: 20px 0 0px 0;
	}
		#layout .aboutBlock img{
			margin-top: 10px;
			border: 1px solid #555;
		}
		#layout .aboutBlock a img{
			border: none;
		}
/* Home page question form */
		#Form_QuestionForm .middleColumn{
			margin:0;
			padding:0;
			float: right;
			width: 190px;
			clear: none;
			background: none;	
		}
			#Form_QuestionForm #Question .middleColumn{
				float: none;
				margin: 0;
				width: 200px;
			}
		#Form_QuestionForm label{
			display:none;
		}
		#Form_QuestionForm{
			width: 447px;
			overflow: hidden;
		}
		#Form_QuestionForm #Question{
			float: left;
			width: 200px;
		}
		#Form_QuestionForm input.text,
		#Form_QuestionForm textarea{
			height: 18px;
			width: 180px;
			padding-top: 4px;
			border: 1px solid #999;
			font-size: 12px;
			font-weight: normal;
			color: #777;
		}
		#Form_QuestionForm textarea{
			height: 50px;
			clear: left;
			width: 225px;
		}
		#Form_QuestionForm input.action{
			border: 1px solid #999;
			width: 185px;
			height: 22px;
			float: right;
			background: #ccc url(../images/ATO_form_button_bg.jpg) repeat-x;
			color: #444;
			margin: -22px 5px 0;
			font-size: 12px;
			font-weight: bold;
		}
			#Form_QuestionForm input.action:hover{
				cursor: pointer;
				background-position: 0 -42px;
			}
/****************************************
 * 
 * Service Home Page
 * 
 ******************************************/
#serviceList {
	list-style: none;
	margin: 0;
}
	#serviceList li{
		border-left: 1px solid #999;
		float: left;
		width: 279px;
		padding: 10px 20px;
		margin:0;
	}
		#serviceList li.hover{
			cursor: pointer;
		}
	#serviceList li.last{
		border-right: 1px solid #999;
		width: 278px;
	}
		#serviceList li .inner{
			border-bottom: 1px solid #999;
			padding-bottom: 20px;
			overflow: hidden;
		}
			#serviceList li .inner img{
				float: left;
			}
			#serviceList li .inner h2{
				clear: none;
				margin: 0;
				padding: 0;
				font-size: 20px;
			}
				#serviceList li.hover h2{
					color: #222;
				}
			#serviceList li .inner p{
				float: left;
				width: 187px;
				padding: 5px 0 0;
				font-size: 11px;
			}
				#serviceList li.hover p{
					color: #222;
				}
			#serviceList li .inner a{
				float: right;
				clear: left;
				font-size: 12px;
				font-weight: bold;		
			}
				#serviceList li.hover a{
					text-decoration: underline;
					color: #2c3480;
				}
/****************************************
 * 
 * Service Page
 * 
 ******************************************/
#content img.iconMain{
	float: left;
}
#content h2.pageTitle{
	clear: none;
	margin-top: 35px;
	padding-left: 100px;
}
	#content h3.subServiceTitle{
		color: #222;
	}
#content #subServiceList{
	list-style: none;
	margin: 15px 0;
}
	#content #subServiceList li{
			margin: 20px 0 0;
			clear: both;
	}
		#content #subServiceList img{
			float: left;
			border: 1px solid #444;
			margin: 5px 20px 10px 0;
		}
		#content #subServiceList p{
			padding-top: 5px;
		}
#content #subServiceList img{
	border: 1px solid #444;
	}
/****************************************
 * 
 * Contact Page
 * 
 ******************************************/
.contactColumn{
	width: 279px;
	border-left: 1px solid #999;
	float: left;
	padding: 10px 20px;
	height: 320px;
}
.typography .contactColumn h2{
	font-size: 19px;
}
#contactColumn1 img{
	border: 1px solid #555;
	margin-top: 15px;
}
#contactColumn2 form{
	width: 274px;
}
	#contactColumn2 input.text, #contactColumn2 textarea {
		width: 269px;
	}
#contactColumn3{
	border-right: 1px solid #999;
	width: 278px;
}
	#contactColumn3 ul{
		list-style:none;
		margin: 12px 0;
		color: #666;
	}
		#contactColumn3 li{
			font-size: 18px;
			padding-top: 5px;
		}
			#contactColumn3 li span{
				display: inline-block;
				width: 55px;
				padding-top: 22px;
				font-size: 12px;
			}
			#contactColumn3 li span.post{
				font-size: 18px;
				width: 193px;
				float: right;
				
			}
/****************************************
 * 
 * Case Study Home Page
 * 
 ******************************************/
#caseStudyList {
	list-style: none;
	margin: 0;
}
	#caseStudyList li{
		border-left: 1px solid #999;
		float: left;
		width: 439px;
		padding: 10px 20px;
		margin:0;
	}
		#caseStudyList li.hover{
			cursor: pointer;
		}
	#caseStudyList li.last{
		border-right: 1px solid #999;
		width: 438px;
	}
		#caseStudyList li .inner{
			border-bottom: 1px solid #999;
			padding-bottom: 20px;
			overflow: hidden;
		}
			#caseStudyList li .inner img{
				float: left;
				margin: 10px 20px 0 0;
				border: 1px solid #555;
			}
			#caseStudyList li .inner h2{
				clear: none;
				margin: 0;
				padding: 0;
				font-size: 20px;
				padding-bottom: 5px;
			}
				#caseStudyList li.hover h2{
					color: #222;

				}
			#caseStudyList li .inner p{
				float: left;
				width: 235px;
				padding: 5px 0 0;
				font-size: 11px;
			}
				#caseStudyList li.hover p{
					color: #222;
				}
			#caseStudyList li .inner a{
				float: right;
				clear: left;
				font-size: 12px;
				font-weight: bold;		
			}
				#caseStudyList li.hover a{
					text-decoration: underline;
					color: #2c3480;
				}
/****************************************
 * 
 * Casestudy Page
 * 
 ******************************************/
#caseStudy{
	float: left;
	width: 390px;
	padding: 0;
}
img.caseStudyRight{
	float: right;
	border: 1px solid #555;
	margin-top: 45px;
}
#caseStudy #detailsList{
	list-style:none;
	font-size: 12px;
	margin: 15px 0 10px 0;
}
	#caseStudy #detailsList li{
			margin-left: 0;
	}
		#caseStudy #detailsList li span{
			display: inline-block;
			font-weight: bold;
			width: 70px;

		}
#caseStudy h2.pageTitle{
	margin-top: 5px;
}
#caseStudy h3{
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
}
#caseStudy p.quote,
#caseStudy p.author{
	font-style: italic;	
}
#caseStudy p.author{
	color: #111;
	text-align: right;
	padding-top: 0px;
}
#pageLinks{
	list-style:none;
	margin: 20px 0;
	padding: 0;
}
	#pageLinks li{
		text-align:right;
		width: 100%;
		font-size: 12px;
	}
	#pageLinks li a{
		display:block;
		padding-top: 7px;
	}
/****************************************
 * 
 * Articles Home Page
 * 
 ******************************************/
#content #articleList{
	list-style: none;
	margin: 15px 0;
}
	#content #articleList li{
			padding: 0 0 30px 0;
			margin: 0;
			clear: left;
	}
		#content #articleList li.hover{
			cursor: pointer;
		}
		#content #articleList img{
			float: left;
			border: 1px solid #444;
			margin: 5px 20px 0 0;
		}
		#content #articleList p{
			padding-top: 5px;
		}
				#content #articleList li.hover p{
					color: #222;
				}
		#content #articleList a.readMore{
			float: right;
			font-size: 12px;
		}
				#content #articleList li.hover a{
					text-decoration: underline;
					color: #2c3480;
				}
#content #articleList img{
	border: 1px solid #444;
	}
/****************************************
 * 
 * Article Page
 * 
 ******************************************/
#content img.articleImageLeft{
	float: left;
	border: 1px solid #555;
	margin: 10px 25px 15px 0;
}
#content img.articleImageRight{
	float: right;
	border: 1px solid #555;
	margin: 10px 0 15px 25px;
}
#content h2.articlePageTitle{
	padding-top: 0;
	clear: none;
}