/* 	Template Name: Aquila
	Template Released: December 2008
	Template Designed and Coded by Veroxium
	
	Please refer to the readme.txt file for
	instructions on how to edit selected parts
	of the template.
	
	Table of Contents
    ---------------------------------------
	
	I - Global Reset & Header
   II - Navigation
  III - Primary Content
   IV - Secondary Content
    V - Footer
   VI - About Page
  VII - FAQ Page
  
    ---------------------------------------
	
	
	
/*  ======================================================
	======= I - Global Reset & Header ====================	*/

* { margin: 0; padding: 0; }
ul { list-style-type: none; }
a { text-decoration: none; outline: none;}
img { border: none; }
body
	{
	background: #faf6f6 url("../images/body-bg.jpg") repeat-x;
	font-size: 62.5%;
	}
#wrapper
	{
	width: 886px;
	margin: 0 auto;
	position: relative;
	}
#header
	{
	width: 886px; height: 500px; position: relative;
	background: url("../images/header-bg.jpg") no-repeat;
	}
	#identity a
		{
		display: block; width: 326px; height: 65px;
		position: absolute; top: 67px; left: 0;
		background: url("../images/identity.png") no-repeat;
		text-indent: -9999px; cursor: pointer;
		}
	#tagline
		{
		width: 511px; height: 152px; text-indent: -9999px; 
		position: absolute; top: 67px; right: 33px;
		background: url("../images/tagline.png") no-repeat;
		}
	#description
		{
		width: 512px;
		position: absolute; top: 224px; right: 34px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em; text-align: right; letter-spacing: -0.08em;
		color: #891515;
		}
	#rss
		{
		width: 186px; height: 53px;
		position: absolute; bottom: 42px; right: 34px;
		}
		#rss a
			{
			display: block; width: 186px; height: 53px;
			background: url("../images/rss.png") top left no-repeat;
			text-indent: -9999px; cursor: pointer;
			}
			#rss a:hover
				{
				background-position: left bottom;
				}
				
				
				
/*  ======================================================
	======= II - Navigation ==============================	*/
				
	#navigation
		{
		position: absolute; top: 409px; left: 33px; 
		font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold;
		letter-spacing: -0.04em; 
		}
		#navigation ul
			{
			list-style-type: none; text-decoration: none;
			}
			#navigation ul li
				{
				display: inline;
				}
				#navigation ul li a:link, #navigation ul li a:visited
					{
					display: block; height: 41px; float: left; margin: 0 1px; padding-right: 2px;
					background: url("../images/navigation-right.jpg") right -41px no-repeat;
					color: #e8cfcf; text-decoration: none; 
					}
				#navigation ul li a:hover, #navigation ul li a:active
					{
					background-position: right bottom;
					}
					#navigation ul li a span
						{
						display: block; height: 33px; float: left;
						padding: 8px 10px 0 10px;
						background: url("../images/navigation-left.jpg") left -41px no-repeat;
						}
						#navigation ul li a:hover span
							{
							background-position: left bottom;
							cursor: pointer;
							}
		body#welcome-page li#welcome span, 
		body#services-page li#services span, 
		body#about-page li#about span, 
		body#faq-page li#faq span, 
		body#contact-page li#contact span /* Copy this line of code and replace 'contact-page' with the name of your new page. Do the same for 'li#contact span'. For more detailed instructions refer to the readme.txt */
			{
			background-position: left top;
			color: #d93131;
			}
		body#welcome-page li#welcome a, 
		body#services-page li#services a, 
		body#about-page li#about a, 
		body#faq-page li#faq a, 
		body#contact-page li#contact a /* Copy this line of code and replace 'contact-page' with the name of your new page. Do the same for 'li#contact a'. For more detailed instructions refer to the readme.txt */
			{
			background-position: right top;
			}
			
			
	
/*  ======================================================
	======= III - Primary Content ========================	*/		
		
#container
	{
	background: #faf6f6 url("../images/content-bg.png") top left no-repeat;
	position: relative; top: -20px; left: 0;
	min-height: 200px; 
	}
	#container-shadow-left
		{
		position: absolute; top: 498px; left: -37px; width: 37px; height: 500px; 
		background: url("../images/container-shadow-left.png") top left no-repeat;
		}
	#container-shadow-right
		{
		position: absolute; top: 498px; right: -37px; width: 37px; height: 500px; 
		background: url("../images/container-shadow-right.png") top left no-repeat;
		}
	#primary-content
		{
		width: 550px; float: left; padding-left: 33px; position: relative; top: -16px;
		text-align: left;
		color: #852626;
		}
		#primary-content h2
			{
			margin: 0 0 8px;
			font: bold 4em bold Arial, Helvetica, sans-serif; letter-spacing: -0.06em;
			color: #d93131;
			background: url("../images/primary-content-underline.jpg") bottom left repeat-x;
			padding: 0 0 8px 0;
			}
		#primary-content p
			{
			font: 1.8em/1.4em Calibri, Georgia, sans-serif;
			margin-bottom: 0.6em;
			}
		#primary-content a:link
			{
			color: #ff0000;
			}
		#primary-content a:visited
			{
			color: #ff8c5b;
			}
		#primary-content a:hover, #primary-content a:active, #primary-content a:focus
			{
			color: #dd0008;
			border-bottom: 1px solid #dd0008;
			}
			#services-offered h3
				{
				margin: 10px 0 10px;
				font: bold 2.8em bold Arial, Helvetica, sans-serif; letter-spacing: -0.06em;
				color: #d93131;
				background: url("../images/primary-content-underline.jpg") bottom left repeat-x;
				padding-bottom: 4px;
				}
			#services-offered img
				{
				border: 1px solid #cdb2b2;
				padding: 5px;
				}
			#services-offered a:hover
				{
				border: none;
				}
			#service-one
				{
				width: 264px;
				float: left;
				}
			#service-two
				{
				width: 264px;
				float: right;
				}
				
				
				
				
/*  ======================================================
	======= IV - Secondary Content =======================	*/	
		
#secondary-content
	{
	width: 240px; float: right; position: relative; top: -16px;
	padding-right: 33px;
	text-align: right;
	}
	#latest-news h2
		{
		margin: 0 0 8px;
		font: bold 4em bold Arial, Helvetica, sans-serif; letter-spacing: -0.06em;
		color: #d93131;
		background: url("../images/primary-content-underline.jpg") bottom left repeat-x;
		padding: 0 0 8px 0;
		}
	#latest-news #entry-archive a
		{
		margin-top: 0.4em; display: block;
		font: bold 1.4em Arial, Helvetica, sans-serif; letter-spacing: -0.01em;
		color: #670f0f;
		}
		#latest-news #entry-archive a:link, #latest-news #entry-archive a:visited
			{
			text-decoration: none;
			}
		#latest-news #entry-archive a:hover, #latest-news #entry-archive a:active
			{
			text-decoration: underline;
			color: #d93131;
			}
	#latest-news ul
		{
		font-family: Arial, Helvetica, sans-serif;
		list-style-type: none;
		}
		#latest-news ul li
			{
			background: url("../images/secondary-content-underline.jpg") bottom left repeat-x;
			padding-bottom: 0.8em; margin-top: 0.8em;
			}
		#latest-news .post-date a
			{
			font-size: 1.6em; letter-spacing: -0.06em;
			display: block;
			}
			#latest-news .post-date a:link
				{
				text-decoration: none;
				color: #d2abab;
				}
			#latest-news .post-date a:visited
				{
				text-decoration: none;
				color: #d2abab;
				}
			#latest-news .post-date a:hover, #latest-news .post-date a:active
				{
				text-decoration: none;
				color: #493b3b;
				}
		#latest-news .post-title a
			{
			color: #cf4141;
			font-size: 1.8em; font-weight: bold; letter-spacing: -0.04em;
			display: block;
			}
			#latest-news .post-title a:link
				{
				text-decoration: none;
				color: #cf4141;
				}
			#latest-news .post-title a:visited
				{
				text-decoration: none;
				color: #db6868;
				}
			#latest-news .post-title a:hover, #latest-news .post-title a:active
				{
				text-decoration: none;
				color: #493b3b;
				}
	#testimonials
		{
		width: 238px; margin-top: 16px;
		}
		.testimonial-red
			{
			margin-bottom: 16px;
			}
			.testimonial-red-top
				{
				display: block; width: 238px; height: 11px; 
				background: url("../images/testimonial-red-top.png") top left no-repeat;
				}
			.testimonial-red-bottom
				{
				display: block; width: 238px; height: 30px;
				background: url("../images/testimonial-red-bottom.png") top left no-repeat;
				}
			.testimonial-red p
				{
				padding: 0 12px;
				background: #ea413d;
				font: 1.6em/1.2em Calibri, Arial, Helvetica; text-align: left;
				color: #faf6f6;
				}
			.testimonial-red h3
				{
				margin-top: -16px; margin-left: 76px;
				font: bold 1.6em Arial, Helvetica, sans-serif; letter-spacing: -0.06em; text-align: left;
				color: #ea393a;
				}
			.testimonial-red h4
				{
				 margin-top: -2px; margin-left: 76px;
				font: bold 1.6em Arial, Helvetica, sans-serif; letter-spacing: -0.06em; text-align: left;
				color: #8d1919;
				}
		.testimonial-orange
			{
			margin-bottom: 16px;
			}
			.testimonial-orange-top
				{
				display: block; width: 238px; height: 11px; 
				background: url("../images/testimonial-orange-top.png") top left no-repeat;
				}
			.testimonial-orange-bottom
				{
				display: block; width: 238px; height: 30px;
				background: url("../images/testimonial-orange-bottom.png") top left no-repeat;
				}
			.testimonial-orange p
				{
				padding: 0 12px;
				background: #f8914e;
				font: 1.6em/1.2em Calibri, Arial, Helvetica; text-align: left;
				color: #faf6f6;
				}
			.testimonial-orange h3
				{
				margin-top: -16px; margin-right: 76px;
				font: bold 1.6em Arial, Helvetica, sans-serif; letter-spacing: -0.06em; text-align: right;
				color: #f8914e;
				}
			.testimonial-orange h4
				{
				 margin-top: -2px; margin-right: 76px;
				font: bold 1.6em Arial, Helvetica, sans-serif; letter-spacing: -0.06em; text-align: right;
				color: #8d1919;
				}
				
					
					
/*  ======================================================
	======= V - Footer ===================================	*/	

#footer
	{
	clear: both;
	width: 886px; height: 67px; 
	background: url("../images/footer-bg.png") top left no-repeat;
	}
	#footer p
		{
		float: left; margin-left: 20px; margin-top: 14px;
		font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;
		color: #f49f18;
		}
	#footer #secondary-navigation
		{
		float: right; margin-right: 16px; margin-top: 14px;
		}
		#footer #secondary-navigation li
			{
			display: inline;
			}
			#footer #secondary-navigation a
				{
				font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;
				text-decoration: none;
				border-left: 1px solid #f49f18;
				padding-left: 8px; padding-right: 6px;
				}
				#footer #secondary-navigation .first a
					{
					border-left: none;
					}
			#footer #secondary-navigation a:link
				{
				color: #f49f18;
				}
			#footer #secondary-navigation a:visited
				{
				color: #b47e28;
				}
			#footer #secondary-navigation a:hover, #footer #secondary-navigation a:active, #footer #secondary-navigation .back-to-top a
				{
				color: #f44243;
				}
				#footer #secondary-navigation .back-to-top a:hover
					{
					color: #f2ebeb;
					}
					
					

/*  ======================================================
	======= VI - About Page ==============================	*/	

#about-page #primary-content img
	{
	float: left; margin: 8px 16px 0 0;
	border: 5px solid #e6dad2;
	}



/*  ======================================================
	======= VII - FAQ Page ===============================	*/
	
#primary-content .question
	{
	display: block; width: 63px; height: 78px; float: left; margin-right: 10px; margin-top: 8px;
	background: url("../images/question.png") top left no-repeat; 
	}
#primary-content .answer
	{
	display: block; width: 64px; height: 61px; float: left; margin-top: 10px; padding-right: 10px;
	background: url("../images/answer.png") top left no-repeat;
	}
	#primary-content .faq
		{
		margin-bottom: 12px; padding-bottom: 6px;
		background: url("../images/primary-content-underline.jpg") bottom left repeat-x;
		}