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

/*
Theme Name:Moo Web Design
Theme URI:Moo 
Description: Creative Web Design, Edinburgh
Version: 2012
Author: Andrea McDermott
Author URl: moowebdesign
*/



body{
	background-color: #020121;
}


* {
	margin: 0;
	padding:0;
}



#outer_wrap {
	width:100%; 
	margin:auto;
	text-align:left;
	background-image: url("images/bg_slice.jpg");
    background-repeat: repeat-x;}
	
		
	

#wrap {
	width:1030px; 
	margin:auto;
	text-align:left;
	background-color: none;
}


#wrapfix {height:1px;float:none;clear:both;}



/* ==============================BANNER, LOGO====================================== */

#banner {
	width:1030px; 
	height:118px;
    float:left;
	background-color: #fffdfb;
}


#logo {
	width:270px; 
	height:110px; 
    float:left;
	background-color: #ffffff;
}



/* ==============================NAVIGATION====================================== */

#nav_panel {
	width:1030px; 
	height:34px; 
    float:left;
	background-color: #c94619;
}



/*======================== NAVIGATION========================*/		
		
		
#nav {position: relative;margin:0;padding:0; list-style:none;}			
#nav  li {margin: 0; padding: 0; list-style:none;}
#nav a {background-position: 0px 0px; display:block; height:34px; font-size:0.9em; text-indent:-5000px; width:204px;}
#nav a:hover{background-position: 0px 34px}
#nav a.current:hover{background-position: 0px 0px;}

#nav #home {position:absolute;top:0px;left:0px;}						
#nav #home a{background-image:url("images/home.gif"); }
#nav #home a.current{background-image:url("images/home_on.gif"); }


#nav #about {position:absolute;top:0px;left:205px;}						
#nav #about  a{background-image:url("images/about.gif"); }
#nav #about a.current{background-image:url("images/about_on.gif"); }


#nav #people {position:absolute;top:0px;left:409px;}						
#nav #people  a{background-image:url("images/people.gif"); }
#nav #people a.current{background-image:url("images/people_on.gif"); }


#nav #services {position:absolute;top:0px;left:613px;}						
#nav #services  a{background-image:url("images/services.gif"); }
#nav #services a.current{background-image:url("images/services_on.gif"); }


#nav #contact {position:absolute;top:0px;left:819px;}						
#nav #contact  a{background-image:url("images/contact.gif"); }
#nav #contact a.current{background-image:url("images/contact_on.gif"); }



/* ==============================MAIN IMAGES====================================== */

#index_main {
	width:1030px; 
	height:682px; 
    float:left;
	background-color: #051340;
	background-image:url("images/index_image.jpg");
	background-repeat: no-repeat;
}


#about_main {
	width:1030px; 
	height:681px; 
    float:left;
	background-color: #051340;
	background-image:url("images/about_image.jpg");
	background-repeat: no-repeat;
}


#services_main {
	width:1030px; 
	height:810px; 
    float:left;
	background-color: #051340;
	background-image:url("images/services_image.jpg");
	background-repeat: no-repeat;
}


#people_main {
	width:1030px; 
	height:800px; 
    float:left;
	background-color: #051340;
	background-image:url("images/people_image.jpg");
	background-repeat: no-repeat;
}

#text {
	width:640px; 
    float:left;
}


#about_text {
	width:600px; 
    float:right;
	margin: 0px 0px 60px 0px;
}


#keith_text {
	width:780px; 
	height:165px; 
    float:left;
	padding: 0px 0px 0px 170px;
}


#karen_text {
	width:780px; 
	height:165px;
    float:left;
	padding: 0px 0px 0px 170px;
}


#ruth_text {
	width:780px;
	height:250px; 
    float:left;
	padding: 0px 0px 0px 170px;
}

h1{
	font:56px/58px Arial, sans-serif; 
	color: #ffffff; 
	text-align:left;
	padding: 0px 40px 0px 60px;
	margin: 60px 40px 60px 0px;
	}
	
 p{
	font:15px/21px Arial, sans-serif;
	text-align:left;
	color: #ffffff;	
	padding: 0px 80px 0px 60px;
	margin: 0px 0px 20px 0px;
	}	
	
h2{
	font:15px/21px Arial, sans-serif;
	text-align:left;
	color: #da511f;
	font-weight:bold;
	padding: 0px 80px 0px 60px;
	margin: 0px 0px 10px 0px;
	}		
	
	
	
.orange {
color: #da511f;
font:15px/21px Arial, sans-serif; 
	}
	
	
ul {
	margin: 0px 0px 25px 0px;
 }	
	
ul li {
	font:15px/21px Arial, sans-serif;font-weight:bold;
	color: #ffffff;
	list-style: disc;
	margin-left:75px;
	padding: 0px 0px 0px 5px;
 }	
		
		
a:link {color: #da511f; text-decoration:none;font:17px/22px Arial, sans-serif;}	
a:visited {color: #da511f; text-decoration:none;}			 
a:hover {color:#7c2608; text-decoration:none;}		
a:active {color: #da511f;text-decoration:none;}		
a:focus {color: #da511f; text-decoration:none;}		
		


		
	/* ========================FOOTER ======================== */		
		
	#footer {
	width:1030px; 
	height:34px;
	clear:both;
	float:left;
	background-color: #c94619;
	background-repeat: no-repeat;
		}	
	
	
	#footer_text {
	width:1000px; 
	height:20px;
	margin: 7px 0px 0px 0px;
		}	
	
	#footer_text p{
	color: #fff;
	font:9px/19px Arial, sans-serif; 
	text-align: center;
	}
			
	#footer_text a:link {color: #000; text-decoration:none;font:9px/16px Arial, sans-serif; }	
	#footer_text  a:visited {color: #000; text-decoration:none;font:9px/16px Arial, sans-serif;}			 
	#footer_text a:hover {color:#333; text-decoration:none;font:9px/16px Arial, sans-serif;}			
	#footer_text a:active {color: #000; text-decoration:none;font:9px/16px Arial, sans-serif;}		
	#footer_text a:focus {color: #000; text-decoration:none;font:9px/16px Arial, sans-serif;}