/* ------------------------------------------ SERVICES STYLES ---------------------------------------- */

	h4 {
		font-size: 18px; color: white; font-weight: normal; 
		margin: 10px 0px 20px 60px; padding: 0px 0px 0px 0px;
	}

	.svcContentBg  {
		position: absolute;
		top: 0px;
		left: 25px;
		background-image: url(../images/black65-trans.png);
		background-repeat: no-repeat;
		width: 625px;
		height: 530px;
	}

	.svcContent {
		position: absolute;
		top: 0px;
		left: 25px;
		width: 625px;
		height: 530px;
		/* border: 2px solid gray; */
		overflow: auto;
	}
	
	#cDropCapSvc {
		background-image: url(../services/images/c-dropcap.gif); 
		width: 55px; height: 55px; 
		float: left;
		margin-right: 10px;
	}

	#colOne {
		float: left;
		margin-left: 63px;
		width: 235px;
	}

	#colTwo {
		float: right;
		width: 235px;
		margin-right: 60px;
	}

	.svcContentText {
		margin-top: 15px;
		margin-left: 30px; margin-right: 30px;
		color: white; /* #FDCEBB; */
		font-size: 13px;
		font-family: arial;
		text-align: justify;
	}

	.svcWelcomeText {
		color: white; font-size: 13px; font-family: arial; text-align: justify;
	}

	#subNav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		color: white;
	}

	#subNav div {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 0px 0px;
		width: 200px;
		height: 46px;
		border-bottom: solid 1px #222222;
	}

	#subNav h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 12px 0px 0px;
		font-size: 15px;
		color: white;
		text-align: right;
		font-weight: bold;
	}
	
	/*
	#subNav h3:hover {
		color: blue;
		cursor: pointer;
	}
	*/

	#subNav p {
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
		font-size: 11px; text-align: justify;
		display: none;
		color: white;
		position: absolute; 
		width: 200px;
		
		top: 32px; left: 30px; 
/*
		background-image: url(../images/200x200roundedBorders.gif);
		background-repeat: no-repeat;
*/
		z-index: 1000; 
		background-color: #333;	
		border: solid 1px steelblue;	
	}

	/*	#svcStats p, #svcStats h4, #svcEandH p, #svcDevelopment p, #svcMaintenance {
		color: white;
		font-size: 14px;
	}
	*/

	.svcContentTitle {
		margin: 10px 10px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: right;
		font-size: 21px; font-weight: normal;
		color: white;
	}

	.svcContentSubtitle {
		margin: 5px 10px 20px 50px;
		padding: 0px 0px 0px 0px;
		text-align: right;
		font-size: 14px; font-weight: normal;
		color: white;
	}
	.svcContent h5 {
		margin: 0px 23px 0px 22px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		color: white;
		font-size: 18px; font-weight: lighter; font-family: Trebuchet MS;
	}
	#svcStats * {
		font-family: trebuchet MS;
	}
	.servicesList {
		
		list-style-image: url(../images/mtile-6.gif)
	}
	.servicesList li {
		color: white;
		font-size: 14px;		
	}
	/*
	#statsList, #maintenanceList {
	
	}
	*/
	.svcContent .horDivider {
		margin-left: auto; margin-right: auto;
		border-top: 1px solid #666666;
		width: 580px; height: 0px;
	}

	#picturesArea {
		position: absolute;
		bottom: 20px; left: 0px;
		margin-left: 40px;
	}

	.defaultPagePic { 
		float: left;
		margin-left: 23px;
		width: 150px; height: 150px;
		border: 1px solid silver; 
	}

	#picture1 { background-image: url(../services/images/services1.jpg); }
	#picture2 { background-image: url(../services/images/services2.jpg); }
	#picture3 { background-image: url(../services/images/services3.jpg); }

	.rockImage {
		margin-left: 55px; 
		margin-top: 25px;
		float: left;
	}

	.svcColOne {
		float: left;
		width: 310px; height: 525px;
		/*border: 1px solid red;*/
	}

	.svcColTwo {
		float: right;
		width: 310px; height: 525px;
		/*border: 1px solid blue;*/
	}

	/* --------------------------- DESIGN ----------------------------------- */
	#designPic { background-image: url(../services/images/designPic.jpg); width: 236px; height: 500px; margin-top: 20px;}
	#designList {
		margin: 0px 0px 0px 0px;
		width: 320px;
	}
	#designList li {
		margin: 5px 0px 5px 20px;
		font-size: 13px;
		width: 270px;
	}

	/* ------------------------------ HOSTING, EMAIL, MAINTENANCE --------------- */

	.hostingTitle {
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-size: 16px; font-weight: normal;
		color: white;
	}

	.hostingText {
		margin-top: 12px;
		margin-left: 20px; margin-right: 20px;
		color: white; /* #FDCEBB; */
		font-size: 12px;
		font-family: arial;
		text-align: justify;	
	}

	.hostingDivider {
		width: 284px; height: 1px; border-bottom: 1px solid darkgreen; margin-left: 12px;
	}

	#hostingPic {
		margin-left: 15px;
		width: 277px; height: 173px;
		background-image: url(../services/images/hostMainPic.jpg);
	}

	#maintenenceList li {
		width: 250px;
		font-size: 12px;
	}
	
	#maintenenceList, #hostingList {
		width: 280px;
	}

	#hostingList {
		margin-left: 30px;
	}

	#hostingList li {
		width: 280px;
		font-size: 12px;
	}

	/* --------------------------- DEVELOPMENT ----------------------------------- */
	#capabilitiesOne {
		margin: 0px 0px 0px 60px; padding: 0px 0px 0px 0px;
		width: 225px;
		float: left;
	}

	#capabilitiesTwo {
		margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;
		width: 225px;
		float: right;
	}
	
	#devPic {
		margin-top: 53px; margin-left: 70px;
		width: 200px; height: 172px;
		background-image: url(../services/images/devPic.jpg);
	}	

	.shortDivider {
		height: 1px;
		border-bottom: 1px solid steelblue;
		width: 252px;
		margin-left: 34px;
	}

	.devList li {
		width: 208px;
		margin-bottom: 5px;
		margin-left: 32px;
	}

	.devTitle {
		margin: 0px 0px 0px 35px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-size: 17px; font-weight: normal;
		color: white;
	}

	/* --------------------------- SITE STATS and SEARCH ----------------------------------- */
	
	#sssImage {
		background-image: url(../services/images/SiteStatsSearch.jpg);
		width: 256px; height: 130px;
		margin: 0px auto 30px auto;
	}
	
	
	
	/* ---------------------- Business Card Images ------------------------------- */
	#bpaCard {
		margin-left: 55px;
		margin-top: 10px;
		float: left;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		padding: 10px 10px 10px 10px;
	}
	#hrmCard {
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		padding: 10px 10px 10px 10px;
		float: right;
		margin-right: 55px;
		margin-top: 10px;
	}
	* html #bpaCard {
		margin-left: 27px;
	}
	* html #hrmCard {
		margin-right: 27px;
	}

	#bpaCard div {
		background-image: url(../services/images/BPAthumb.jpg);
		width: 200px;
		height: 116px;
	}
	#hrmCard div {
		background-image: url(../services/images/HRMthumb.jpg);
		width: 200px;
		height: 116px;	
	}

	
	/*
					<div class="logoItemLeft">
						<p class="logoTitle">Healthy Deacon</p>
						<br class="clearMe" />
						<div class="logoImage" style="background-image: url(images/healthyDeaconLogoThumb.jpg);"></div>
						<div class="logoTextContainer">
							<p>Lorum Ipsum</p>
						</div>
						<br class="clearMe" />
					</div>
	*/

	/* --------------------------------- LOGOS ----------------------------------- */
	

	.logoItemLeft {
		float: left;
		margin-left: 30px;
		width: 260px;
	}
	.logoItemRight {
		float: right;
		margin-right: 30px;
		width: 260px;
	}
	.logoTitle {
		width: 159px;
		float: right;
		text-align: left;
		color: white;
		font-size: 15px;
	}
	.logoImage {
		width: 90px;
		height: 90px;
		float: left;
	}
	.logoTextContainer {
		padding: 7px 7px 7px 7px;
		margin-left: 10px;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		float: left;
		width: 145px;
	}
	.logoTextContainer p {
		height: 90px;
		color: white;
		text-align: justify;
		font-size: 12px;
		overflow: hidden;
	}


	* html #colOne { margin-left: 23px; }
	* html #colTwo { margin-right: 38px; }
	* html #picturesArea { margin-left: 0px; }
	* html .svcContent { overflow: hidden; }
	* html h4 { margin-left: 46px; }