* { padding: 0; margin: 0; } 

body {
	font: 100% verdana, tahoma, sans-serif;
	background-color: #ffffff;
	background: url(../img/bg-body.gif) top repeat-x;
	color: #2f2e2e;
	margin: 0 auto;
	text-align: left;
	}
	
/* Top
------------------------------------------------------------------------------------------------- */

#headtext {font-family: tahoma; width: 752px; margin: 0 auto;}

#headtext h1 {font-size: 0.6em; position: absolute; top: 510px; text-align: left; margin-left: 18px; z-index: 20;}

#header{
	width: 752px;
	height: 140px;
	background: url(../img/bg-banner.jpg) no-repeat 206px 0;
	position: relative;
	margin: 0 auto;
	}
	
	p.aligntext {
		text-indent: -9999px;
		position: absolute;
	}
	
	#pacifica a{
		background: url(../img/logo-pacifica.gif) no-repeat;
		position: absolute;
		top: 0;
		width: 206px;
		height: 104px;
		text-indent: -9999px;
	}
	
	#menu {
		background: url(../img/bg-menu.gif) no-repeat 0 0;
		position: absolute;
		top: 104px;
		height: 36px;
		width: 752px;
	}
	
	#nav {
	position: relative;
	height: 22px; width:755px;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		top: 6px;
		height: 22px;
		overflow: hidden;
		display: block;
		}

		li#home a { 
			left: 18px; 
			width: 61px;
			background: url(../img/1-home.gif) no-repeat top;
			}
		
		li#home a:hover {background-position: 0 -22px;}
		li#home a.active {background-position: 0 -44px;}

		li#services a { 
			left: 89px; 
			width: 71px;
			background: url(../img/2-services.gif) no-repeat top;
			}
		
		li#services a:hover {background-position: 0 -22px;}
		li#services a.active {background-position: 0 -44px;}

		li#projects a { 
			left: 170px; 
			width: 130px;
			background: url(../img/3-projects.gif) no-repeat top;
			}
		
		li#projects a:hover {background-position: 0 -22px;}
		li#projects a.active {background-position: 0 -44px;}
		
		li#references a { 
			left: 310px; 
			width: 88px;
			background: url(../img/4-references.gif) no-repeat top;
			}
		
		li#references a:hover {background-position: 0 -22px;}
		li#references a.active {background-position: 0 -44px;}
		
		li#quote a { 
			left: 408px; 
			width: 122px;
			background: url(../img/5-request.gif) no-repeat top;
			}
		
		li#quote a:hover {background-position: 0 -22px;}
		li#quote a.active {background-position: 0 -44px;}
		
		li#work a { 
			left: 540px; 
			width: 94px;
			background: url(../img/6-work.gif) no-repeat top;
			}
		
		li#work a:hover {background-position: 0 -22px;}
		li#work a.active {background-position: 0 -44px;}
		
		li#contact a { 
			left: 646px; 
			width: 86px;
			background: url(../img/7-contact.gif) no-repeat top;
			}
		
		li#contact a:hover {background-position: 0 -22px;}
		li#contact a.active {background-position: 0 -44px;}
	
/* Meat
------------------------------------------------------------------------------------------------- */		
#content{
	background: url(../img/bg-text.gif) repeat-y top;
	width: 752px;
	margin: 0 auto;
	position: relative;
	}	
	
	#column {
		width: 100%;
		background: url(../img/text-top.gif) no-repeat;
		min-height: 128px;
		overflow: hidden;
		position: relative;
	}
	
		#column1 {
			width: 204px;
			position: absolute;
			left: 2px;
			z-index: 1;
		}
		
		#telephone {
			height: 82px;
			top: 0;
			overflow: hidden;
			width: 204px;
		}
		
		map {overflow: hidden; margin: 0; padding: 0;}
		
		#photo {
			width: 204px;
			height: 219px;
			overflow: hidden;
			top: 0;
		}
		
		#column2 {
			margin-left: 206px;
			width: 544px;
			margin-top: 20px;
			padding-bottom: 20px;
		}
		
			#specialists, #h2services, #h2references, #h2contact, #h2testimonials, #h2quote, #h2work, #h2projects, #h2thankyou, #h2sitemap {
				background: url(../img/vancouver-painting.gif) no-repeat;
				position: relative;
				margin-top: 20px;
				margin-left: 15px;
				width: 506px;
				height: 40px;
				text-indent: -9999px;
				margin-bottom: 20px;
			}
			
			#h2services {background: url(../img/services.gif)}
			
			#h2references {background: url(../img/references.gif)}
			
			#h2contact {background: url(../img/contact.gif)}
			
			#h2testimonials {background: url(../img/testimonials.gif)}
			
			#h2quote {background: url(../img/quote.gif)}
			
			#h2work {background: url(../img/work.gif)}
			
			#h2projects {background: url(../img/projects.gif)}
			
			#h2thankyou {background: url(../img/thankyou.gif)}
			
			#h2sitemap {background: url(../img/sitemap.gif)}
			
			#featured {
				width: 506px;
				height: 116px;
				background: #114e76;
				position: relative;
				top: 0px;
				left: 15px;
				padding-left: 5px;
				padding-top: 3px;
				border-bottom: 2px solid #00274a;
			}
			
			#fbut {
				position: relative;
				top: 0px;
				text-align: right;
				right: 18px;
				margin-bottom: 15px;
			}
			
				#featured img {
					margin: 5px 5px;
				}
			
			#column p {
				font-size: 0.7em;
				padding: 5px 10px;
				margin-left: 5px;
			}
			
			#column ul {padding: 0; margin: 0;}
			
			#column ul li {font-size: 0.6em;margin-left: 35px; list-style: url(../img/icon.gif)}
			
			#column h3 {font-size: 0.7em; font-weight: bold;padding: 8px 10px;
				margin-left: 5px; color: #00274a;}
				
			#column table td {font-size: 0.6em; padding-bottom: 10px;}
			
			#quotes td {padding-bottom: 3px;}
		
		.break {
			clear: both;
		}
		
		hr {width: 80%; border-top: none; border-right: none; border-left: none; margin: 10px auto;}
		
		.proj {width: 150px; margin-right: 15px; overflow: hidden; float: left; margin-bottom: 10px;}
		
		.type {background: #00274a; color: #fff; padding: 3px 0 3px 2px; width: 148px; font-size: 0.6em;}
		
		.pimage {width: 150px; height: 120px; overflow: hidden;}
		
		.descript {font-size: 0.6em; padding-left: 2px; width: 148px;}
	
	
/* Footer
------------------------------------------------------------------------------------------------- */	
#footer {
	width: 752px;
	background: url(../img/bg-foot.jpg) top no-repeat;
	height: 25px;
	margin: 0 auto;
}

	#footcopy {
		text-align: right;
		font-family: tahoma;
		font-size: 0.6em;
		color: #436d89;
		padding: 10px 3px 0 0;
	}	
	
	#footcopy a {color: #436d89; text-decoration: none;}
	
	#footcopy a:hover {text-decoration: underline;}