/* CSS Document */
	body{
		background: url(images/03.jpg) repeat-x top left #b1ba7d;
		margin: 50px 0 0 0;
		font-size: 62.5%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#body{
		background: url(images/bodybg.png) top center repeat-y;
		width: 781px;
		margin: 0 auto;
		font-size:1.3em;
		position: relative;
		padding-bottom: 40px;
	}
	
	#shadowtop{
		position: relative;
		top: -19px;
		left: 2px;
	}
	
	a, a:active, a:focus, a:hover, a:link{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	#banner{
		margin: -38px 0 0 8px;
	}
	
	#navbar{
		background: url(images/navbg.jpg) repeat-x top left;
		height: 39px;
		margin: 0 0 0 9px;
		width: 605px;
		position: relative;
		text-align: center;
		padding-left: 158px;
	}
	
	#f{
		position: absolute;
		top: 0;
		left: 73px;
	}
	
	#nav{
		margin: 7px 0 0 0;
	}
	
	.navsel, .navhover, .navbutton{
		height: 24px;
		width: 40px;
		float: left;
		padding: 7px 15px 0 15px;
	}
	
	.navbutton{
		background: #24364e;
	}
	
	.navsel, .navhover{
		background: #314560;
	}
	
	.navbuttonicon{
		
	}
	
	#home{
		width: 45px;
	}
	
	#ourteam{
		width: 70px;
	}
	
	#services{
		width: 65px;
	}
	
	#contact{
		width: 95px;
	}
	
	#media{
		width: 50px;
	}
	
	#bodycontents{
		width: 675px;
		margin: 25px 0 0 50px;
		text-align: center;
		position:relative;
	}
	
	#phrase{
		margin: 10px 0 0 0;
	}
	
	#paratitle{
		margin: 30px 0 10px 0;
	}
	
	#bodycontents p{
		margin: 4px 0 3px 15px;
	}
	
	#contactbutton{
		margin: 30px 0 0 0;
	}
	
	#shadowbot{
		position: absolute;
		bottom: 0;
		left: 2px;
	}
	
	
	.h1{
		font-weight: bold;
		color: #594432;
		font-size: 1.1em;
		margin: 60px 0 0 0;
		width: 675px;
		text-align:center;		
	}
	
	
	.h2{
		width:675px;
		text-align:center;
		color: #775230;
		font-weight:bold;
		margin: 20px 0 0 0;
	}

	.hr{
		width: 675px;
		text-align: center;
		margin: 40px 0 0 0;
	}
	
	.hr2{
		width: 675px;
		text-align: center;
		margin: 35px 0 35px 0;
	}
	
	.link a, .link a:active, .link a:focus, .link a:hover, .link a:link{
		font-weight: normal;
		color: #525730;
		text-decoration: underline;
	}
	
	.link{
		font-weight: normal;	
	}
	
	#indexLeftCol{
		width: 150px;
		height:100%;
		position:absolute;
		background-color:#e4e4e4;
		top:-33px;
		right:-47px;
		padding: 5px 5px 28px 5px;
		z-index:9999;
		border-left: 1px solid #24364c;
		text-align:left;
	}
	
	#indexLeftCol p{
		margin: 10px 2px;
	}
	
	#indexTitle{
		margin: 0 150px 15px 0 ;
	}
	
	#indexSub{
		margin: 10px 150px 20px 0 ;
	}
	
	
	#portrait{
		margin: 0 0 0 -360px;
	}
	
	#indexPara{
		font-family:Arial, Helvetica, sans-serif;
		width: 190px;
		height: 300px;
		position: absolute;
		top: 120px;
		left: 340px;
		font-size:16px;
		line-height:22px;
	}
	
	#articles{
		width: 600px;
		height:100px;
		margin: 0 0 -32px -41px;
		z-index: 9998;
		position:relative;
	}
	
	#articlesTitle{
		height: 25px;
		width: 100%;	
		background-color: #24364c;
		text-align: left;
		padding-left: 15px;
		padding-top: 3px;
		margin-bottom: 20px;
	}
	
	#terry{
		float: left;
		margin-right: 30px;
	}
	
	#matt{
		float: right;
		margin: 50px 0 0 40px;
	}
	
	#namefield, #emailfield, #phonefield{
		width: 280px;
	}
	
	#messagefield{
		width: 365px;
		height: 200px;
	}
	
	#contactinfo li{
		list-style: none;
		margin: 7px 0 7px 0;
	}
	
	#contactinfo {
		padding: 10px 0 0 0;
	}
	
	
	#sendmailMsg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color:#0066FF;
		border: 2px solid black;
		padding: 40px;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
	#msg {
		width: 350px;
		height: 150px;
		border: 1px solid #000;
		background: #fff;
		padding: 15px 25px 25px 25px;
		margin: -5px 0 0 -5px;
	}
	
	.err{
		color:#c00;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.good{
		color:#3a8cec;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	#msgLayerButtons{
		width: 350px;
		text-align:center;
		position: absolute;
		bottom: 35px;
	}
	
	#msgshadow{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 420px;
		height: 210px;
		margin: -125px 0 0 -200px;
		background: url(images/sendmailshadow.png) no-repeat top left;
		display:none;
	}
	
	#overlay{
		width: 100%;
		height: 100%;
		position:absolute;
		top:0;
		left:0;
		filter:alpha(opacity=50);
		-moz-opacity:0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
		background: #000000;
		display: none;
		
	}
	
	#contactimg{
		position: absolute;
		top: 250px;
		right: 19px;
	}
	
	
	#contactinfobox{
		border: 1px solid #000000; 
		width: 200px;
		position: absolute;
		top: 0;
		right: 30px;
		text-align: left;
		padding: 25px;
	}
	
	#copyright{
		width: 780px;
		margin: 0 auto;
		text-align:center;
		padding-bottom: 20px;
	}
	
	#contactform{
		text-align: left;
	}
	
	#teammember{
		position: relative;
		height: 250px;
	}
	
	#imageleft{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#pararight{
		position:absolute;
		top: 0;
		right: 0;
		width: 440px;
	}
	
	#imageright{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#paraleft{
		position:absolute;
		top: 0;
		left: 0;
		width: 440px;
	}
	
	
	
	#services1img{
		position: absolute;
		top: 30px;
		right: 30px;
	}
	
	#services2img{
		margin: 0 15px -340px 0;
		
	}
	
	
	#maplink, #maplink a, #maplink a:active, #maplink a:focus, #maplink a:hover, #maplink a:link{
		color:#0000CC;
		text-decoration:underline;
	}
