/* CSS BABBLECOM */


/* ---------- 1.0 MISC ---------- */

* {
	padding:0; 
	margin:0;
	border: 0;
	text-decoration: none;
}

body {
   background-color: #fff;
   margin: 0;
   padding: 0;
   color: #7c7f60;
   font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
}

h3 {
	color: #ef7c1f;
	font-size: 2.2em;
	font-weight: lighter;
}

h1, h2, h3, h4 {
	font-family: "Times New Roman" "Arial" "Comic Sans MS" !important;
}

a {
	color: #ef7c1f;
	text-decoration: none;
}

a:hover {
	color: #c0641a;
	text-decoration: none;
	cursor: pointer;
}

p {
	margin: 1em 0;
}

#pages {
	margin: 30px 70px;
	padding: 5px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
}

#pages ul li {
	display: inline;
	margin: 0 15px;
}

	/* ---------- 1.1 CONTENT LIST ---------- */
	.contentList ul {
		list-style: none;
		margin-left: 0;
		left: 0;
		padding: 0;
	}
		
	.contentList ul li {
		display:block;
		width:214px;
		}
		
	.contentList ul li a {
		color: #636b1e;
		display:block;
		text-decoration:none;
		font-size:1em;
		font-weight: lighter;
	
		}

	.contentList ul li a strong {
		display:block;
		padding: 8px 0 8px 5px;
		font-weight:normal;
		}

	.contentList ul li a span {
		display:block;
		}
		
	 .contentList ul li acronym {
		display: block;
		float: left;
		position:relative;
		top:-3px;
		font-size:1.3em;
		font-family: "Verdana" "Arial";
		color:#b0d12c;
		}
		
	.contentList ul li abbr {
		display: block;
		margin: 0;
		padding-left: 20px;
	}	

	.contentList ul li a:hover {
		background-color: #f5f7e8;
		color:#939a59;
		}

	.contentList ul li a:hover span {
		background: #f5f7e8 url(images/list/background.png) 0 0 repeat-x;
		}

	.contentList ul li a strong {
		background: url(images/list/bottom.png) bottom left no-repeat;
		}

	.contentList ul li a:hover strong {
		background: url(images/list/bottom.png) bottom left no-repeat;
		}
	
		
	.contentList ul li a span strong {
		display:block;
		}

/* ----------- 2.0 LAYOUT ---------- */

#headerContainer, #servicesContainer, #contentContainer, #footerContainer, #copyrightContainer, #bandAboutUsContainer {
	text-align: center;
}

#header, #services, #content, #footer, #copyright, #bandAboutUs {
	position: relative;
	margin: 0 auto;
	width: 765px;
	text-align: left;
}

.endDiv {
	clear:both;
	list-style:none;
	font-size:0;
	text-indent:-2000em;
	line-height:1%;
	height:0;
	display:block;
}


/* ---------- 3.0 HEADER ---------- */

#headerContainer {
	background: #f8fce4 url(images/bgHeader.png) 0 0 repeat-x;
}

	/* ---------- 3.1 LOGO ---------- */
	
	#logo{
		width: 240px;
		height: 100px;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		float: left;
		}
	
	#logo h1 {
		display:block;
		width:240px;
		height: 68px;
		}
	
	#logo h1 a {
		width:240px;
		height: 100px;
		display:block;
		text-decoration:none;
		cursor:pointer;
		background: url(images/logo.png) 0 32px no-repeat;
		}
		
	#logo h2 {
		position:absolute;
		}


	/* ---------- 3.2 TELEPHONE ---------- */

	#telephone {
		clear: right;
		height: 15px;
		width: 200px;
		background: url(images/telephone.png) right no-repeat;
		float: right;
		text-indent: -2000em;
	}


	/* ---------- 3.3 HEADER BUTTONS ---------- */

	#headerButtons  {
		float: right;
		height: 95px;
	}
	
	#headerButtons ul {
		list-style: none;
		height: 68px;
		display:block;
	}
	
	#headerButtons ul li  {
		float: left;
		height: 68px;
		margin: 0 5px;
	}
	
	#headerButtons a {
		height: 68px;
		float: left;
	}
	
	#headerButtons span {
		height: 68px;
		float: left;
	}

	#headerButtons strong {
		float: left;
		height: 68px;	
		padding: 15px;
		font-size: 1.4em;
		font-weight: lighter;
		color: #a0bb0c;
		text-decoration: none;
	}

	#headerButtons acronym:first-letter {
		font-family: Trebuchet MS;
		font-size: 1.6em;
		font-weight: bold;
		text-decoration: none;
	}

	#headerButtons li.currentPage  a {
		background: url(images/bgHeaderButton.png) 0 0 repeat-x;
	}

	#headerButtons ul li.currentPage span {
		background: url(images/bgRightHeaderButton.png) top right no-repeat;
		
	}

	#headerButtons ul li.currentPage strong {
		background: url(images/bgLeftHeaderButton.png) top left no-repeat;
		color: #ef7c1f;
	}
	
	#headerButtons ul li a:hover {
		background: url(images/bgHeaderButton.png) 0 0 repeat-x;
	}

	#headerButtons ul li a:hover span{
		background: url(images/bgRightHeaderButton.png) top right no-repeat;
		
	}

	#headerButtons ul li a:hover strong {
		background: url(images/bgLeftHeaderButton.png) top left no-repeat;
		color: #ef7c1f;
	}



/* ---------- 4.0 SERVICES ---------- */

#servicesContainer {
	background: #5c7210 url(images/bgServices.png) 0 0 repeat-x;
}

#services {
	padding: 17px 0;
	overflow: hidden;
}

#services ul {
	list-style: none;
	width: 800px;
}

#services ul li {
	display: inline;
	margin-right: 15px;
	padding: 0;
}


/* ---------- 5.0 CONTENT ---------- */

#contentContainer {
	background: #fafcef url(images/bgContent.png) 0 0 repeat-x;
}

#content {
 padding:20px 0 35px 0;
}

	/* ---------- 5.1 CONTENT LEFT ---------- */
	
	#contentLeft {
		width: 300px;
		float: left;
	}
	
	#contentLeft h3 {
		float: left;
		margin: 6px 0 0 0;
	}
	
	#contentLeft h4 {
		color:  #7c7f60;
		font-size: 1.1em;
		font-weight: bold;
		margin: 6px 0 0 0;
		clear:both;
	}
	
	#contentLeft p {
		margin: 0 0 5px 0;
		text-align: justify;
	}
	
		/* ---------- 5.1.1 CONTENT BLOCK LEFT ---------- */
	
		.contentBlock, .contentBlock2 {
			width: 300px;	
			margin-bottom:40px;
		}
		
		.contentBlock {
			padding-bottom: 20px;
			background: url(images/contentBlock/bottom.png) bottom left no-repeat;
		}
	
		.contentBlock2 {
			padding-bottom: 25px;
			background: url(images/contentBlock/bottom2.png) bottom left no-repeat;
		}

		.contentBlockTestimonialBottom {
			background: url(images/contentBlock/testimonialBgBottom.png) bottom right no-repeat;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
		
		.contentBlockTestimonialTop {
			background: url(images/contentBlock/testimonialBgTop.png) 12px 12px no-repeat;
		}
		
		#contentLeft .contentBlock {
			background-color: #fdfff5;
		}
		
		#contentLeft .contentBlock2 {
			background-color: #f4f7e5;
		}	
		
		.contentBlockTop, .contentBlockTop2 {
			display: block;
			padding: 0 10px 0 10px;
		}
		
		.contentBlockTop ul, .contentBlockTop2 ul {
			display: inline;
		}
	
		.contentBlockTop ul li, .contentBlockTop2 ul li {
			display: inline;
			list-style: none;
			float: right;
			margin-right: 5px;
		}
		
		.contentBlockTopLeft {
			background: url(images/contentBlock/topLeft.png) top left no-repeat;
		}
		
		.contentBlockTopRight {
			background: url(images/contentBlock/topRight.png) top right no-repeat;
		}
		
		.contentBlockTopLeft2 {
			background: url(images/contentBlock/topLeft2.png) top left no-repeat;
		}
		
		.contentBlockTopRight2 {
			background: url(images/contentBlock/topRight2.png) top right no-repeat;
		}
	
	/* ---------- 5.2 CONTENT RIGHT ---------- */

	#contentRight {	
		font-size: 1em;
		float: right;
		width: 430px;
	}

		/* ---------- 5.2.1 CONTENT RIGHT BLOCK ---------- */
	
		.contentRightBlock, .contentRightBlock2 {
			display: block;
			width: 214px;
			margin-top: 20px;
		}
		
		#address.contentRightBlock .content {
			padding-left: 10px;
		}
		
		.contentRightBlock2 {
			float: right;
		}
	
		.contentRightBlockTitle h3 {
			display: block;
		}
	
		.contentRightBlockTitle h4 {
			display: block;
			font-size: 1.3em;
			margin: 10px 0 0 0;
		}
		
		.contentRightBlockTitle {
			width: 214px;
			display: block;
			background: url(images/contentRightBlock/background.png) top left repeat-x;
			margin-bottom: 12px;
		}
		
		.contentRightBlockTitleTop {
			width: 214px;
			background: url(images/contentRightBlock/top.png) top left no-repeat;
		}		
	
		.contentRightBlockTitleBottom {
			width: 214px;
			background: url(images/contentRightBlock/bottom.png) bottom left no-repeat;
			padding: 2px 0 4px 10px;
		}

		.contentRightBlockTitle p {
			margin-top: 3px;
		}


		/* ---------- 5.2.1 CONTENT RIGHT LATEST WORKS NUMBER ---------- */
		#latestWorksBlock {
			display: block;
			float: right;
			height: 200px;
		}
		
		
		#latestWorksNumber {
			margin-top: 4px;
			font-weight: bolder;
			height: 50px;
		}
		
		#latestWorksNumber ul {
			list-style: none;
		}
		
		#latestWorksNumber ul li {
			display: inline;
		}
		
		#latestWorksBlock span {
			z-index: 1000000;
			display: block;
			position: absolute;
			left: 183px;
			top: 74px;
			width: 31px;
			height: 31px;
			background: url(images/plus2.png) top left no-repeat;
		}
		
		#latestWorksNumber a {
			display: block;
			float: left;
			width: 22px;
			height: 24px;
			background: url(images/latestWorks/background.png) top left no-repeat;
			padding-top: 5px;
			margin-right: 3px;
			text-align: center;
			color: #939a59;
		}
		
		#latestWorksNumber a:hover {
			color: #ef7c1f;
		}
		
		
		/* ---------- 5.2.2 MAIN CONTENT HEADERS ---------- */	
		
		#mainContent {
			line-height: 1.45em;
			font-size:1.05em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#989b77;
		}
		
		#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
			color: #b3cf13;
			font-weight: lighter;
			margin:0.4em 0 0.4em 0;
		}

		#mainContent h2, #mainContent h3, #mainContent h4 {
			margin:1.6em 0 0.6em 0;
		}

		#mainContent h1 {
			font-size: 2.8em;
			padding-bottom:8px;
			border-bottom: dashed 1px #eaeed0;
			position:relative;
		}
		
		#mainContent h2 {
			font-size: 2em;
		}	
	
		#mainContent h3 {
			font-size: 1.7em;
			font-weight: normal;
		}
	
		#mainContent h4 {
			font-size: 1.3em;
			font-weight: normal;
		}
		
		#mainContent p {
			text-align: justify;
			margin: 0 0 1em 0;
		}
		
		/* ---------- 5.2.3 MAIN CONTENT HR ---------- */	
		#mainContent hr {
			margin: 10px 0;
			border-bottom: dashed 2px #eaeed0;
			
		}
		
		/* ---------- 5.2.4 MAIN CONTENT LIST ---------- */	
		#mainContent ul {
		   list-style-image: url(images/list.png);
			 margin: 0 0 1em 18px;
		}
		
		#mainContent ul li {
			text-align: justify;
			margin: 0 0 0.7em 0;
		}

/* ---------- 6.0 footer ---------- */

#footerContainer {
	clear: both;
	background:#fff;
	padding:30px 0 0 0;
}

#footer {
}


	/* ---------- 6.1 footer table (contact) ---------- */
	#footer table {
		width: 235px;
		margin-top: 10px;
	}
	
	#footer td {
		padding: 5px 0;
		color: #545454;
	}
	
	#footer table th {
		color: black;
		padding-top: 5px;
		vertical-align: top;
		width: 75px;
	}
	
.footerBlock {
	width: 240px;
	float: left;
	border-right: 2px dashed #dfdfdf;
	margin-right: 30px;
}

.footerBlock2 {
	margin-right: 0;
	width: 214px;
	float:left;
}

/* ---------- 7.0 copyright ---------- */

#copyrightContainer {
	background:#fff;
	clear:both;
	padding:15px;
}

#copyright {
	font-size: 0.95em;
	font-weight: lighter;
}

#registration {
	display: inline;
	color: #98a245;
	font-size: 0.9em;
	margin-left: 20px;
}


/* ---------- 8.0 CUSTOM ---------- */
/* ---------- shorter left side and different bands (not services) ---------- */

	
#contentLeft2 {
	width: 235px;
	float: left;
}

#contentRight2 {	
	font-size: 1em;
	float: right;
	width: 530px;
	margin-bottom: 15px;
}

	#contentLeft2 .contentRightBlock {
			margin-top: 10px;
		}

	/* ---------- 8.1 About Us ---------- */
	
	#bandAoutUsContainer {
		height: 268px;
		background: #5c7210 url(images/bgAboutUs.png) 0 0 repeat-x;
	}
	
	#bandAboutUs {
		height: 268px;
		background: url(images/aboutUs.jpg) bottom left no-repeat;
	}
	
	
	/* ---------- 8.2 Portfolio ---------- */
	
	.itemPortfolio {
		width: 215px;
		float: left;
		margin: 10px 15px;
	}
	
	.itemPortfolio a img {
		border: 1px solid #E8ECCF;
		padding:3px;
		background:#fff;
	}
	
	.itemPortfolio a strong {
		display: block;
		padding:0 0 2px 5px;
		margin-top:0;
	}
	
	.itemPortfolio a:hover img {
		border: 1px solid #B1D02A;
	}
	
	.itemPortfolio a:hover strong {
		color: #ef7c1f;
	}	
	
	.portfolioCategory {
		display: block;
		width: 765px;
		clear: both;
	}
	
	
	/* ---------- 8.3 News ---------- */
	
	.news p {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #eee;
	}
	
	span.date {
		float: right;
		font-weight: bold;
	}
	
	/* ---------- 8.4 Contact Us --------- */

	#contactus form {
		width: 450px;
		}
	
	#contactus p {
		margin-top:10px;
		position:relative;
		display:block;
		width:100%;
		top:0;
		left:0;
		z-index:10;
		}

	#contactus dd.radio {
		margin-bottom:12px;
		position:relative;
		}
	
	#contactus label {
		color:#5D5C58;
		padding-right:210px;
		font-size:1.0em;
		display:block;
		}
	
	#contactus input, #contactus select {
		border:1px solid #CFCFCF;
		width:180px;
		position:absolute;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:1.5em;
		font-size:1.0em;
		z-index:200;
		}
	
	#contactus select {
		width:182px;
		background: #ef7c1f;
		color:#fff;
		font-weight:bold;
		height:22px;
		}
		
	#contactus .checkBox label {
		padding:0 0 0 20px;
		}

	#contactus .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:0;
		top:0;
		z-index:200;
		}
	
	#contactus .radio input {
		border:0;
		margin-right:236px;
		height:16px;
		width:16px;
		}
		
	#contactus .radio2 input {
		border:0;
		margin-right:5px;
		height:16px;
		width:16px;
		}
	
	#contactus #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#contactus select option {
		color:#fff;
		background:#EF7910;
		padding:3px 9px;
		border-bottom:1px solid #fff;
		font-size:1.0em;
		font-weight:normal;
		}
	
	#contactus textarea {
		border:1px solid #CFCFCF;
		width:450px;
		height:160px;
		margin-top:8px;
		font-size:1.2em;
		}
	
	#contactus .button {
		background:#ef7c1f;
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		border:0;
		width:160px;
		height:1.6em;
		position:static;
		padding:0 0 3px 0;
		margin:0 0 10px 0px;
		}	

	#contactus label .compulsory, #contactus .compulsory {
		color: #f00;
		font-size: 0.9em;
	}
	
	#contactus #errors {
		font-size: 1.1em;
	}
	
	#contactus #errors ul {
		list-style: none;
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #ddd;
	}
	
	#contactus #errors ul li {
		color: #cd7125;
	}