﻿
/* =Styles of the Servises
-----------------------------------------------------------------------------*/

.list-category-services {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	}
	.list-category-services li {
		float: left;
		background: transparent url(/images/components/list-services-bottom.gif) no-repeat 0% 100%;
		position: relative;
		margin: 0 0 16px -4px;
		width: 536px;
		padding: 0 0 16px 0;		
		}
		.list-category-services p.services-title {
			background: transparent url(/images/components/list-services-top.gif) no-repeat 0% 0%;		
			width: 532px;
			height: 57px;	
			padding: 0 0 10px 0;		
			}
		.list-category-services .wrap0 {
			margin: 0 16px 0 16px;
			}
			.list-category-services li span.heading	{
				margin: 16px 0 0 16px;
				font-size: 20px;
				float: left;				 
				}
		.list-category-services .summary {
			margin-left: 240px;
			padding: 0 16px 0 0;
			}
		.list-category-services li ul {
			list-style: none;
			margin: 0 0 0 240px;	
			padding: 16px 16px 0 0;		
			}
			.list-category-services li ul li {
				float: none;
				width: auto;
				background: transparent url(/images/branding/services-marker.gif) no-repeat 0% 50%;
				padding: 0 0 0 16px;
				margin: 0;				
				}

ul.service-category {
	list-style: none;
	background: transparent url(/images/components/servise-category.gif) no-repeat 47% 50%;	
	color:#00703C;
	font-weight:bold;
	float: left;
	padding: 20px 0px;
	margin: 0 -40px 0 0;
	}
	ul.service-category li {		
		float: left;
		background: transparent url(/images/components/servise-category-marker.gif) no-repeat 0% 8px;	
		width: 250px;
		margin: 0 20px 5px 0;
		padding: 0 0 0 10px;		
		}

/* =Servise items
----------------------------------------------------*/				

.servise-list {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 526px;	
	}
	.servise-list li {
		width: 263px;
		float: left;
		background: transparent url(/images/components/service-item.gif) no-repeat 0% 0%;
		margin: 0 0 0.6em;
		padding: 0;
		min-height: 230px;
		height: auto !important;
		height: 230px;
		}
		.servise-list li span.heading {
			font-size: 20px;
			line-height: 1.2em;
			padding: 16px 16px 14px;
			margin: 0 0 6px;
			float: left;	
			display: block;
			width: 263px;
			w\idth: 231px;
			height:auto;
			background: transparent url(/images/components/service-item-heading.gif) no-repeat 0% 0%;	
			font-weight:normal !important;	
			}
		.servise-list li a.case-study {
			font-weight: bold;
			margin: 0;
			padding: 10px 16px 0;
			float: left;
			}
		.servise-list li p {
			padding: 0 16px;
			}
		.servise-list li .wrap0 {
			float: right;
			margin: 0 14px 14px 16px;
			}
