@charset "utf-8";
/* Pikes Stylesheet */

/**************************************************************

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Services List
	  e. Breadcrumbs
	  f. Home Owner Page
4. General Formatting Classes

COLOUR SCHEME
Header Purple			#6B217B
Side Nav Purple			#702381
Title & Button Purple	#8A2B9E
Breadcrumb Purple		#F3E9F5
Top Nav Light Grey		#E6E6E6
Text Dark Grey			#666666
Text Light Grey			#999999
Service List Dark Grey	#606060

***************************************************************/

/********************* HTML Tags ********************/
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	min-height:100%;
		margin-bottom:1px;}	

body {	font-family:Arial, Helvetica, sans-serif;}

p {	line-height: 170%;
	font-size: 13px;
	color: #666666;
	margin: 15px 0px 15px 0px;}
	
h1{	line-height: 170%;
	font-size: 15px;
	color: #666666;
	margin: 15px 0px 15px 0px;}

li {list-style-type: none;}

a:link, a:active, a:hover, a:visited { 
	text-decoration:none;}

h2 {	margin: 20px 0px 20px 0px;}
	
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	display:none;}	

	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	}
			
#header {	background: #6B217B url(../Images/Header_bg.gif) repeat-x top left;
			height:127px;}		
				
#header #headerContent {	background: #6B217B url(../Images/Header.gif) repeat-x top left;
							width:910px;
							height: 127px;
							margin: 0 auto;
							position: relative;}

#content {	background: #FFF;}
#content div {	}

#footer {	background: #767676 url(../Images/Footer_Bg.jpg) repeat-x top left;
			color: #FFF;
			clear:both;
			height: 310px;}
			
#footer #footerContent {	width:910px;
							margin: 0 auto;}
				
#mainNav {	position:absolute;
			bottom: 0px;
			right: 5px;}
			
#subNav {	font-size: 12px;
			color: #999;
			background: #FFF url(../Images/SubNav_bg.jpg) repeat-x top left;
			width: 220px;
			float: left;
			margin: 10px;}

#mainCol {	background-color: #FFF;
width: 660px;
float:right;}

#contentWrapper {	width:910px;
					margin: 0 auto;
					background-color: #FFF;}

#preamble {	width:910px;
			margin: 0 auto;
			padding: 25px 0px 25px 0px;}

#services {	background: #f1f1f1 url(../images/services_bg.jpg) repeat-x top left;
			clear:both;
			height:265px;}
#services #servicesContent {	width:910px;
								margin: 0 auto;}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

/* -------- End Header -------- */

/* -------- Footer -------- */

#footerLeft 	{	float:left;
					margin-left: 5px;}
#footerRight	{	float:right;
					margin-right: 5px;}

#contact {	font-size: 13px; width: 520px;}
#contact h4 {	background: url(../Images/Contact_Title.gif) no-repeat bottom left;
				height: 40px;
				margin-bottom: 20px;}

#contactLeft {	float:left;}
#contactRight {	float:right;}

ul.contactInfo li {	width: 210px;
					border-bottom: 1px solid #737373;
					padding: 4px 0px 4px 10px;}
ul.contactInfo li.lastContactLine {	border: none;}					

#interestedPanel {	width: 300px;
					color: #333;
					background: #F1F1F1;
					padding: 18px;
					border: 1px solid #CCC;}

#interestedPanel p {	line-height: 150%;
						margin: 0px;}

.contactForm {	width: 279px;
				margin: 0 auto;
				margin-top: 20px;}

.contactForm label {	margin:0px;
						padding-top:3px;
						width:40px;
						float:left;
						font-size: 12px;
						color: #666666;
						font-weight: bold;}
						
.contactForm input.text,  .contactForm select{	
		margin:0px 0px 5px 12px;
		width: 200px;
		height: 20px;
		padding: 3px 0px 0px 25px;							
		border: 1px solid #CCC;}

.contactForm select {	width: 227px;
						padding: 0px;}		

#txtName {	background:url(../Images/Icon_Name.gif) left no-repeat #FFF;}
#txtEmail {	background:url(../Images/Icon_Email.gif) left no-repeat #FFF;}
#txtPhone {	background:url(../Images/Icon_Phone.gif) left no-repeat #FFF;}

.button {	background: #8A2B9E;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border: 1px solid #CCC;
			text-transform:uppercase;
			padding:5px;
			float:right;}						

#interested h4 {	background: url(../Images/Interested_Title.gif) no-repeat bottom left;
					height: 40px;
					margin-bottom: 20px;}

#footer #interested .label	{	color: #999;}

#footnote {	clear:both;	
			padding-top: 10px;}

#footnote p {	font-size: 11px; 
				color: #FFF;}			

.footnoteImg {	float:left; margin-right: 10px;}

.legal {
	width:900px;
	height:15px;
	background-color:6a6a6a;
	text-align: center;
	font-size: 10px;
	margin: auto;
}

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav{	width: 100%;
			background: transparent;}

#mainNav ul{	float:right;
				margin:0;
				padding: 0;
				list-style: none;}

#mainNav li{	display: inline;
				margin: 0 2px 0 0;
				padding: 0;}

#mainNav a{	font-size: 15px;
			font-weight: bold;
			color: #666666;
			float: left;
			display: block;
			margin: 0 0 0 5px;
			padding: 10px 15px;
			text-decoration: none;
			background-color: #E6E6E6;}

#menu a.mainNavActive , #menu a:hover{	
	background-color:#FFF;
	color: #6B217B;}

.subNavTitle span {	display:none;}

#servicesNavTitle {	background:url(../Images/Services_NavTitle.gif) bottom left no-repeat;
					height:45px;
					margin: 0px 0px 10px 20px;}
					
#aboutusNavTitle { 	background:url(../Images/AboutUsPage_Subtitle.gif) bottom left no-repeat;
					height:45px;
					margin: 0px 0px 10px 20px;}

#linksNavTitle	{	background:url(../Images/LinksPage_Subtitle.gif) bottom left no-repeat;
					height:45px;
					margin: 0px 0px 10px 20px;}
					
#whatNavTitle	{	background:url(../Images/What_Subtitle.gif) bottom left no-repeat;
					height:45px;
					margin: 0px 0px 10px 20px;}

#subMenu {	width: 220px;
			border-top: 1px solid #FFF;}

#subMenu li {	border-bottom: 1px solid #FFF;
				overflow:hidden;}
				
#subMenu li a {	display: block;
				width: 220px;
				font-size: 12px;
				font-weight: bold;
				color: #999;
				padding: 10px 0px 10px 20px;}
				
#subMenu a.subNavActive, #subMenu a:hover {	background: #702381;
											color:#FFFFFF;}

/* -------- End Navigation -------- */

/* -------- Services List -------- */

#servicesContent h2 {	background: url(../Images/Services_Title.gif) no-repeat bottom left;
						height:40px;
						margin-left: 5px;}

#serviceList {	margin: 0 auto;}

#serviceList li {	display: inline;
					list-style-type: none; 
					float:left;}

.service {	width: 160px;
			height: 170px;
			margin: 5px;
			padding: 6px;
			background: #FFF;}

.serviceName {	height:14px;
				margin-top: 10px;
				margin-left: 4px;
				font-weight:bold;
				font-size:12px;
				color:#666666;}
		

.serviceName span { display:none;}

.service #preContract {	background: url(../Images/Services_preContract.gif) no-repeat top left;}
.service #Contract {	background: url(../Images/Services_Contract.gif) no-repeat top left;}
.service #postContract {	background: url(../Images/Services_postContract.gif) no-repeat top left;}
.service #projMan {	background: url(../Images/Services_projectManagement.gif) no-repeat top left;}
.service #training {	background: url(../Images/Services_Training.gif) no-repeat top left;}

.serviceDesc {	line-height:150%;
				font-size: 11px;
				color: #606060;
				padding: 6px;}

/* -------- End Services List -------- */

/* -------- Breadcrumbs -------- */

#breadcrumbs { 	width:640px;
				background: #F3E9F5;
				float:right;
				margin: 10px 5px 10px 0px;
				font-size: 11px;
				padding: 6px 10px 6px 10px;
				color: #666666;
				overflow:hidden;}

#crumbs, #crumbs a, #crumbs a:visited {	color: #999;}				
#crumbs a:hover {	color:#666666;}

/* -------- End Breadcrumbs -------- */

/* -------- Home Owner -------- */

h1#homeownerTitle{	background:url(../Images/Homeowner_Title.gif) bottom left no-repeat;}

h1#homebuyerTitle{	background:url(../Images/homebuyer_title.gif) bottom left no-repeat;}

h1#historicTitle{	background:url(../Images/historic_title.gif) bottom left no-repeat;}

h1#commercial {		background:url(../Images/commercial_title.gif) bottom left no-repeat;}

h1#developer{		background:url(../Images/developer_title.gif) bottom left no-repeat;}

h1#aboutus{			background:url(../Images/aboutus_title.gif) bottom left no-repeat;}

h1#previouswork{	background:url(../Images/previouswork_title.gif) bottom left no-repeat;}

h1#testimonials{	background:url(../Images/testimonials_title.gif) bottom left no-repeat;}

h1#quantity{		background:url(../Images/quantitysurveyor_title.gif) bottom left no-repeat;}

h1#project{			background:url(../Images/projectmanagement_title.gif) bottom left no-repeat;}

h1#links{			background:url(../Images/links_title.gif) bottom left no-repeat}

h1#services{		background:url(../Images/services.gif) bottom left no-repeat}

h1#further{			background:url(../Images/further_title.gif) bottom left no-repeat}

h2#homeownerSubHead1{background:url(../Images/ServicesPage_Subtitle.gif) bottom left no-repeat;}	

/* -------- End Home Owner -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

#preamble h1  {	background:url(../Images/HomePage_Title.gif) bottom left no-repeat;
				height: 30px;
				margin-left: 484px;
				margin-bottom: 20px;}
				
#mainCol h1 {	height:80px;
				margin-bottom:20px;}

#mainCol h2 {	height:30px;
				margin-bottom:20px;}	

#preamble p { 	margin-left: 484px;
				margin-right: 10px;}
				
#preamble p2{
	margin: 15px 0px 15px 0px;
	line-height: 170%;
	font-size: 13px;
	color: #666666;
}				

.homeImg {	float:left;
			padding:2px;
			margin-bottom: 25px;
			margin-left: 5px;
			border: 1px solid #CCC;}

.flRightImg {	float:right;
				margin: 0px 25px 10px 20px;
				padding:2px;				
				border: 1px solid #CCC;}			

.flLeftImg {	float:right;
				margin: 20px;
				padding:2px;				
				border: 1px solid #CCC;}							


.legaltext {
	height:40px;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/********************* End General Formatting *********************/