/*
 * -----Layout CSS-------
 * CSS default project file
 * aab-web - 2009
 * 
 * author: Aram Balakjian
 * date: 28th August 2009
 * 
 * Layout Framework for starting project
 * 
 */
/**********************************
 * 
 *  Utils
 *  
 ********************************/
/**** 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 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;}
.clear{ clear:both; }
.hidden{ display: none;}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	background: #dbdfe7 url(../images/CTR_header_bg.jpg) repeat-x center top;
	height: 100%;
}
	body {
		color: #333;
		font-family: Verdana, Lucida, sans-serif;
	 	font-size: 62.5%;
		height: 100%;
	}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
#container { /*contains everything except footer */
	height: 100%;
	margin: 0 auto;
	width: 960px;
	margin-bottom: -42px;
	}	
body > #container{
	height: auto; 
	min-height: 100%;
}
	#layout {
		clear: both;
		margin: 15px 20px;
		overflow: hidden;
		padding: 0 0px 50px 0;	
		width: 920px;
	}
		#content {	
			background: #c6ccdf;
			border-top: 2px solid #c4ac43;
			float: right; 	
			margin-top: 30px;
			padding:20px;	
			text-align: left;
			width: 880px;		
		}
/**********************************
 * 
 *  Navbar
 *  
 ********************************/
#navbar {
	background: url(../images/CTR_header_bg_head.jpg) no-repeat left top;
	margin: 0;
	overflow: hidden;
	width: 960px;	
	position: relative;
}
	#navbar a.home{ 		 	
		 	display:block;
			float:left;
			height: 105px;
			margin: 0;		
			overflow: hidden;
			height: 125px;
			width: 253px; 
	}
		#navbar a.home span { 
				display:none;
		}
	#navbar a#quoteButton{ 	
			color: #244693;	 	
		 	display:block;
			float:right;
			font-size: 14px;
			height: 25px;		
			overflow: hidden;
			padding-top: 4px;
			text-decoration:none;
			width: 215px; 
	}
		#navbar a#quoteButton:hover{ 	
			text-decoration: underline;
		}
	/* Menu 1 */
	#navbar ul { 
	 	float: right;
		clear: right; 
		list-style: none; 
		margin: 0;
		position: absolute;
		right: 0;
		top: 54px;
	}
		#navbar ul li { 		
			float: left;
			margin: 0 5px; 
		}
		#navbar ul li a { 
			color: #fff;
			display: block; 
			float: left;
			font-size: 14px;
			height: 15px; 
			padding: 19px 20px 15px 0px;
			text-decoration: none;
		}	
			#navbar ul li a:hover{ 
				color: #ccc;
			}	
			#navbar ul li a.section:hover, 
			#navbar ul li a.section, 
			#navbar ul li a.current,
			#navbar ul li a.current:hover { 
				background: url(../images/CTR_menu_active_right.jpg) no-repeat top right;
				color: #fff;
			}
				#navbar ul li a.section:hover span,
				#navbar ul li a.section span,
				#navbar ul li a.current span{ 
					color: #fff;
					padding: 19px 15px 15px 33px;
					background: url(../images/CTR_menu_active_left.jpg) no-repeat top left;
					overflow: hidden;
				}
	/* Banner */
	#banner{
		background: #ccc;
		height: 100px;
	}	

/**********************************
 * 
 *  Menu 2
 *  
 ********************************/
ul#menu2{
	list-style:none;
	margin: 0px;
}
	ul#menu2 li{
		float: left;
		margin: 0;
	}
		ul#menu2 li a{
			background: url(../images/CTR_showcase_button_bg.png) repeat-x; 
			border: 1px solid #c4ac43;
			border-left: none;
			color: #244693;
			display: block;
			font-size: 14px;
			height: 25px;
			padding: 6px 0 1px 0;
			text-align:center;
			text-decoration: none; 
			width: 152px;			
		}
		ul#menu2 li a.first{
			border: 1px solid #c4ac43;
		}
		ul#menu2 li a:hover{
			background-position: 0 -42px;
		}
		ul#menu2 li a.current,
		ul#menu2 li a.section{
			background: #355cb4;
			color: #c4ac43;
		}
/**********************************
 * 
 *  Footer
 *  
 ********************************/
#footer { 
	background: #58ade1 url(../images/CTR_header_bg.jpg) repeat-x top center; 
	border-top: 2px solid #c4ac43;
 	clear: both;  	
	height: 42px;
	margin-top: -44px;	
	position: relative;	
	width:100%; 
}
  	#footer .content { 
		margin: 0 auto;
		width: 920px;		
	}
  	#footer p { 
		color: #c4ac43;
		float: left;
		font-size: 10px;
		padding: 14px 0 0 0;
		text-align: left;	
		width: 400px;
	}
  	#footer a { 
	   	color: #ddd; 
	   	text-decoration: none;
	}
		#footer a:hover {
			color: #fff;
			text-decoration: underline;
		}
	#footer ul{
		clear: none;
		float: right;
		list-style: none;	
		margin-top: 15px;
	}
		#footer ul li{
			float: left;
		}
			#footer ul li a{
				font-size: 12px;
				padding: 0 5px;
			}
/**********************************
 * 
 *  Home Page Showcase
 *  
 ********************************/
#showcase{
	border-top: 2px solid #c4ac43;
	background: url(../images/CTR_curved_shadow_full.jpg) no-repeat bottom left;
	height: 257px;
	margin-top: 8px;
	padding: 0 0 9px 0;
	position: relative;
	width: 920px;
}
	#showcase div.tabsContent{
		height: 257px;
		width: 685px;
		background: url(../images/CTR_showcase_bg.jpg) no-repeat top right;
		position: absolute;
		float: left;
		z-index: 8;
	}
		#showcase div.tabText{
			height: 63px;
			background:#cad0e0;
			margin-top: 194px;
		}
		#showcase div.top{
			z-index: 20;
		}
		#showcase div.lastActive{
			z-index: 9;
		}	
		#showcase div#tab0_content{
			z-index: 30;
		}	
	#showcase .tabText h1{
		font-size: 24px;
		color: #244693;
		padding: 5px 15px 0 25px;	
		font-weight: normal;
		
		float: left;
	}
	#showcase .tabText p{
		font-size: 14px;
		color: #244693;
		padding: 15px;	
		text-align: justify;
	}

#showcaseTabs{
	list-style: none;
	float:right;
	margin: 0;
	width: 235px;
	overflow: hidden;
}
	#showcaseTabs li{
		margin: 0;
		background: url(../images/ATO_showcase_button_bg.png) repeat-x;
	}
		#showcaseTabs li:hover{
			background-position: 0 -63px;
		}
		#showcaseTabs li h2{
			margin: 0;
		}
		#showcaseTabs li a{
			background: url(../images/CTR_showcase_button_bg.png) repeat-x; 
			border: 1px solid #c4ac43;
			border-top: none;
			color: #244693;
			display: block;
			font-size: 14px;
			height: 25px;
			padding: 12px 0 5px 40px;
			text-decoration: none;
			width: 193px;
			font-weight: normal;
		}
			#showcaseTabs li a:hover{
				background-position: 0 -42px;
			}
			
/**********************************
 * 
 *  Home Page Boxes
 *  
 ********************************/

 #layout .halfbox{
 	background: #c0c6dc url(../images/CTR_box_bg_medium.jpg) repeat-x top left;
 	border-top: 2px solid #c4ac43;
 	float: left;
	width: 440px;
	margin:30px 40px 0 0;
 }
	#layout	.halfBoxShadow {
		padding-top: 6px;
		background: url(../images/CTR_curved_shadow_half.jpg) no-repeat;
		clear: both;
	}	
 #layout .fullBox{
 	background: #c0c6dc url(../images/CTR_box_bg_small.jpg) repeat-x top left;
 	border-top: 2px solid #c4ac43;
 	float: left;
	width: 920px;
	margin:30px 40px 0 0;
 }
	#layout	.fullBoxShadow {
		clear: both;
		padding-top: 6px;
		background: url(../images/CTR_curved_shadow_full.jpg) no-repeat;
	}	
	#layout .rightBox{
		margin-right: 0;
	}	
#layout	.box {
	padding: 0 20px 10px 20px;
	overflow: hidden;
}	
	#layout	.box h3{
		color: #666;
		font-size: 14px;
	}
	#layout	.box p{
		color: #444;
		font-size: 12px;
	}
	#layout	.box a.readMore{
		display: block;
		float: right;
		clear: both;
		font-size: 12px;
		padding: 10px;
	}
	#layout	.box img.featured{
		border: 1px solid #c4ac43;
		float: right;
		margin: 13px;
	}
	/* Gallery */
	#layout	#recentWork{
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0;
		
		overflow: hidden;
		width: 880px;
	}	
		#layout	#recentWork li{
			float: left;
			margin: 0;
			padding: 0;
		}	
			#layout	#recentWork li a img{
				border: 1px solid #c4ac43;
				border-right: none;
			}	
			#layout	#recentWork li a img.last{
				border: 1px solid #c4ac43;
			}	
			#layout	#recentWork li a img:hover{
				border-color: #ccc;
			}	
/**********************************
 * 
 *  Services / Case Study Holder
 *  
 ********************************/
#serviceList,
#casestudyList{
	list-style: none;
	margin: 0;
}
	#serviceList li.halfbox,
	#casestudyList li.halfbox{
		float: left;
	}
	#serviceList li.hover,
	#casestudyList li.hover{
		cursor: pointer;
		border-color: #fff;
	}
		#serviceList li.halfbox h2,
		#casestudyList li.halfbox h2{
			color: #444;
			float: left;
			font-size: 20px;
			margin-top: 10px;
			width: 280px;
		}
		#serviceList li.halfbox a.moreInfo,
		#casestudyList li.halfbox a.moreInfo{
			float: left;
			font-size: 14px;
			padding: 15px 0 10px 0;
		}
			#serviceList li.hover a.moreInfo,
			#casestudyList li.hover a.moreInfo{
				text-decoration: underline;
			}
		#serviceList li.halfbox img{
			border: 1px solid #c4ac43;
			float: right;
			margin: 10px 0 10px 10px;
		}
		#casestudyList li.halfbox img{
			border: 1px solid #c4ac43;
			float: left;
			margin: 10px 10px 10px 0;
		}
		#serviceList li.halfbox ul{		
			clear: left;
			list-style: none;
			margin: 0;
			padding-top: 5px;
		}
			#serviceList li.halfbox ul li{
				background: url(../images/services/CTR_tick.gif) no-repeat center left;
				padding: 2px 0 3px 25px;
			}
		#casestudyList li.halfbox p{
			font-size: 10px;
		}
/**********************************
 * 
 *  Service page
 *  
 ********************************/
#content #left{
	border-right: 1px solid #c4ac43;
	float: left;
	padding-right: 20px;
	width: 590px;
}
	#left h1{

		width: 450px;
	}
	#left a.getQuote{
		float: right;
		font-size: 14px;
		font-weight: bold;
		margin-top: -20px;
	}
#content #right{
	float: left;
	width: 260px;
}
	#content #right ul{
		list-style: none;
		margin: 0 0 0 10px;
		width: 250px;
	}
	#content #right ul li{
		float: left;
		width: 95px;
	}
	#content #right ul li.large{
		float: left;
		width: 190px;
	}
		#content #right ul li img{
			border: 1px solid #c4ac43;
		}
			#content #right li a img:hover {
				border-color: #fff;
			}		
#content #subServiceList{
	list-style: none;
	margin: 15px 0;
}
	#content #subServiceList li{
		clear: left;
		margin: 20px 0 0;
	}
		#content #subServiceList h3{
			clear: none;
		}
		#content #subServiceList li img{
			float: left;
			border: 1px solid #c4ac43;
			margin: 5px 20px 0 0;
		}		

		#content #subServiceList p{
			padding-top: 5px;
		}
/**********************************
 * 
 *  About page
 *  
 ********************************/
#testimonials{
	list-style:none;
}
	#testimonials li{
		padding-bottom: 20px;
		list-style:none;
	}
		#testimonials p.quote{
			color: #555;
			font-style: italic;
		}
		#testimonials p.author{
			color: #222;
			text-align: right;
		}
/**********************************
 * 
 *  Case Study page
 *  
 ********************************/		
		
ul#caseStudySpec{
	list-style:none;
	margin: 0;
	overflow: hidden;
}
	#caseStudySpec li{
		color: #222;
		float: left;
		margin:0 30px 0 0;
	}
	#caseStudySpec li span{
		color: #777;
	}
/**********************************
 * 
 *  Contact
 *  
 ********************************/		
	#right img.map{
		border: 1px solid #c4ac43;
		margin-left: 20px;
	}
		#content #right img.map:hover {
			border-color: #fff;
		}	
		#content #right a.googleMap {
			float: right;
			font-size: 14px;
			margin-top: 5px;
		}	
	#left #col1, #left #col2{
		float: left;
		margin-top: 20px;
		width:270px;
	}
	#left #col1 h3, #left #col2 h3{
		color: #222;
	}
#col1{
		border-right: 1px solid #c4ac43;
}
#left #col2{

	padding-left: 30px;
	width: 278px;
}
	#left #col2 ul{
		list-style:none;
		margin: 12px 0;
		color: #666;
	}
		#left #col2 li{
			font-size: 14px;
			padding-top: 5px;
			margin: 0;
		}
			#left #col2 li span{
				color: #222;
				display: inline-block;
				width: 75px;
				padding-top: 22px;
				padding-right: 10px;
				font-size: 12px;
			}
			#left #col2 li span.post{
				color: #666;
				font-size: 12px;
				width: 183px;		
				float: right;
				padding-top: 0;	
				margin-top: 10px;
			}
		#left #col2 p.notice{
			clear: both;
			padding-top: 30px;
			text-align: right;
		}	
		
/**********************************
 * 
 *  Quote Form
 *  
 ********************************/	
 #quoteForm #Form_QuoteForm{
 	margin-left: 250px;
	width: 330px;
 }
 #quoteForm #Form_QuoteForm input.text,
 #quoteForm #Form_QuoteForm textarea{
 	width: 320px;
 }