/*---------------------------------

version: 1.0
author: Jamie Knight
contact: jamie@jkg3.com

Please feel free to learn from this code. Do not copy this code in whole, if you wish for a copy of this code, or any explanation plese contact me at the above adress. 
----------------------------------*/


/* content
-----------------------------------------------*/

img {

	padding:3px;
	margin:2px;
	border:1px #c1c1c1 solid;
	
	}

#mainContent {

	width:460px;
	margin-left:45px;
	padding-top:65px;
	height:350px;
	
	}
	
#mainContent h2 {

	border-bottom:1px #C1C1C1 dotted;
	padding: 0px 5px 2px 2px;
	margin:0px 0px 10px;
	
	}
	
	
#contactDetails {

	width:250px;
	line-height:21px;
	font-size:14px;
	
	}
	
#contactForm {

	float:right;
	width:180px;
	
	}
	
	
.mail {
	
	padding-left:25px;
	background:url(../images/mailIcon.gif) no-repeat left;
	margin-top:2px;
	margin-bottom:2px;
		
	}
	
		
.phone {
	
	padding-left:25px;
	background:url(../images/phoneIcon.gif) no-repeat left;
		margin-top:2px;
	margin-bottom:2px;
		
	}
		
.location {
	
	padding-left:25px;
	background:url(../images/locationIcon.gif) no-repeat left;
		margin-top:2px;
	margin-bottom:2px;
		
	}
		
#hCardDownload {
	
	padding-left:25px;
	background:url(../images/hCardDownload.gif) no-repeat left;
	margin-top:15px;
	padding-top:3px;
	
	}
	
#hCardDownload a {
	
	color:#999999;
	
	}
		
#hCardDownload a:hover {
	
	color:#333333;
	background:none;
		
	}
	
form, fieldset {

	margin:0px;
	padding:0px;
	
	}
	
#contactForm p {

	margin:0px;
	margin-bottom:5px;
	
	}
	
#contactDetails {

	margin-right:20px;
	
	}

#contact a {

	background: url(../images/contactActive.gif) left top no-repeat;
	
	}