/*
Theme Name: MSAA
Theme URI: http://www.msaarchitects.ie
Description: Bespoke Theme for MS Architects
Version: 2 (WP3)
Author: Ollie McCarthy
Author URI: http://www.olliemccarthy.com
Tags: js theme
*/


/*********** GENERAL STYLES **********/



	body {font-family: Arial, Helvetica, sans-serif; 	margin: 0;	padding: 0; 	background:#000; font-size: 13px;}

	body a {text-decoration:none;}


	h1 {font-weight:bold; margin-bottom:10px; color:#FFF;  letter-spacing:7px; font-size:18px; text-transform:uppercase;  display:block; width:800px; text-align:right; height:20px;}
	
	h2{font-weight:bold; margin-bottom:10px; letter-spacing:4px; line-height:25px; font-size:14px; text-transform:uppercase; }
	
	h2.project-title {font-weight:normal; margin-bottom:10px; letter-spacing:3px; font-size:14px; text-transform:uppercase; }
	
	h3 {font-weight:bold; margin-bottom:10px; letter-spacing:7px; font-size:14px; text-transform:uppercase; }


	#superbgimage {	display: none;	background: #000 url('images/superbgloading.gif') center center no-repeat;}

	#superbgimage img {	image-rendering: optimizeQuality;	-ms-interpolation-mode: bicubic;}

	#overlay {	position: absolute;	left: 50px;	top: 30px;	color: #fff;  height:92%;	width: 230px;	overflow:hidden;	z-index:9998;}
	
	#overlay-wide {	position: absolute;	left: 50px;	top: 30px;	color: #fff;  height:92%;	width: 330px;	overflow:hidden;	z-index:9998;}

	#logo-container {position:absolute; bottom:10px; z-index:9999; height:40px; overflow:hidden; }

	#black-border {position:absolute; bottom:0px; background:#000; left:0px; height:60px; width:100%; z-index:9998;}
	
	.hide {display:none;}
	
	/** Main Naviation **/ 
	
	#navigation {position:absolute; top:5px;}

		#navigation ul li {float:left; margin-right:0px; margin-left:40px;}
		
			#navigation ul li a  {color:#AAA; text-transform: lowercase; letter-spacing: 3px; }
			
				#navigation ul li a:hover  {color:#FFF}
				
				#navigation ul li.current_page_item  a{color:#FFF}
				
				
/*********** HOME PAGE ***************/

	
	#info-box { position:absolute; top:50px; left:50px; width:350px; padding:10px 30px 20px 20px; background:#313131; z-index:9997; color:#FFF; height:85%;}
		
		#info-box p  { color:#AAA; line-height:20px;  }
	
		#info-box a {color:#FFF; }
		
			#info-box a:hover {border-bottom:1px dotted #AAA;}
					

					
/*********** SERVICES PAGE ***********/



	.sub-box  {padding-top:0px;}	
	
	.sub-box h4 {text-transform:uppercase; font-size:11px; letter-spacing:4px; margin-top:0px; font-weight:bold; color:#FFF}	
	
	.sub-box p {color:#AAA; line-height:20px;}					
	
	.sub-box img {float:left; margin:5px 12px 6px 0px;}	
					
/*********** PROJECT PAGE ************/
	

	
	

	/** Image Pagination **/
	
		fieldset#thumbs1 {margin-top:20px; border:none; background:#000; padding-right:50px; width:220px; opacity:0.8;  position:absolute; bottom:70px; z-index:100001;}

		fieldset#thumbs1 a{  padding:0px 0px 0px 0px;	color: #FFF; font-size:11px;	text-decoration: none; text-align:center;}

		a:hover { 	color: #FF0;}
			
		fieldset {	text-align: left;	margin-bottom: 0px; margin-left:20px; 	padding: 10px;}

		fieldset * {	text-align: left;}

		legend {	color: #FFF;	cursor: pointer;  text-transform: uppercase; letter-spacing:1px; font-variant:small-caps; display: block;	}

		#control {	text-align: center;}

		#thumbs, #thumbs1, #thumbs2 { 	text-align: center;}


		#thumbs a, #thumbs1 a, #thumbs2 a {	display: block;	line-height: 22px;	float: left;	width: 22px; 	height: 22px;}

		#transition {	width:100%;}

		a.activeslide { background:#555; }


	/** Project Subpages **/
			
		
		.sub-navigation {background:#313131; height:100%;	padding: 10px 20px 30px 20px; 	margin-top:20px;  }

			.sub-navigation  h2 {font-weight:normal;  color:#EEE; margin-bottom:0px; letter-spacing:7px; font-size:12px; text-transform:uppercase; }		
			
		.sub-pages ul {margin:0px 0px 35px -37px; line-height:20px; }

			.sub-pages  ul li {float:left; font-size:12px; letter-spacing:1px; list-style-type: none; width:200px; text-indent:0px; padding:0px 10px 5px 0px }

				.sub-pages  ul li  a {margin-right:5px; color:#aaa; text-decoration:none;}

					.sub-pages  ul li  a:hover {color:#FFF;}

							.sub-pages ul li ul li a {font-size:11px; float:left; width:200px; margin-left:20px;}
							
							

						.sub-pages ul li ul {margin-top:10px;border-left:1px solid #FFF; }

		.parent-pages {margin-top:-10px; padding-top:0px;}

		.sub-pages {margin-top:-14px; padding-top:0px;}
	
		.parent-active {color:#FFF;}
		
		a.current_page_item {color:#FFF}

	/** Project Info Bubble **/
		
		.info-bubble {display:none; position:absolute; z-index:4; bottom:120px; width:240px; padding: 2px 20px 10px 20px; color:#FFF; background:#000; opacity:0.6;}
		
			span.close-bubble {position:absolute; top:10px; right:10px; border:1px solid #555; padding:0px 4px 3px 4px;}
			
				span.close-bubble:hover {background:#DDD; color:#000; border:1px solid #500; cursor:pointer}

			.info-bubble p {font-size:12px; line-height:20px;}

			a.info-button { padding:10px 10px; width:36px; position:absolute; bottom:73px; letter-spacing:2px; z-index:100003; color:#FFF;}
			a.info-button:hover { color:#FFF;}z