/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span {
	position: absolute;
	width: 543px;
	height: 100%;
	left: 0;
	top: 0;
	text-indent: -1000em;
}

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.imagtestimony {
	border: 5px solid #FFFFDF;
	margin-bottom:9px;
	float: left;
	margin-right: 18px;
}

/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #18444e;
}
a:visited { 
	color: #18444e;
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #e7d6ad url(../img/body-bg.jpg) repeat 50% 0;
	height: 100%;
}
#body2 {
	width: 100%;
	background: url(../img/body-t2.png) repeat-x 0 0;
}

#page {
	width: 995px;
	min-height: 100%;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: left;
	color: #2a2108;
	background: #ebe0bf url(../img/page-bg2.jpg) repeat-y 0 0;
}
	#page2 {
		background: url(../img/page-t2.jpg) no-repeat 0 0;
		padding: 24px 75px 0;
	}

#top {
	width: 100%;	
	overflow: hidden;
	position: relative;
	margin: 0 0 25px;
}
	#logo {
		float: left;
		padding: 0 0 0 14px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 289px;
			height: 95px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../img/logo-1.jpg) no-repeat 0 0;
			}
	#menu {
		float: right;
		padding: 33px 16px 0 0;
		width: 497px;
		height: 28px;
	}
		#menu ul {
			width: 100%;
			overflow: hidden;
		}
			#menu li {
				float: left;
				margin: 0 1px 0 0;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					width: 100%;
					height: 28px;
					position: relative;
				}
					#menu li a:link span, #menu li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(../img/menu-1.png) no-repeat 0 0;
					}
			#menu #b1 { width: 70px; }
			#menu #b1 a:link span, #menu #b1 a:visited span { background-position: 0 0; }
			#menu #b1.active a:link span, #menu #b1.active a:visited span { background-position: 0 -28px; }
			#menu #b2 { width: 92px; }
			#menu #b2 a:link span, #menu #b2 a:visited span { background-position: -71px 0; }
			#menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: -71px -28px; }
			#menu #b3 { width: 65px; }
			#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -164px 0; }
			#menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: -164px -28px; }
			#menu #b4 { width: 88px; }
			#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -230px 0; }
			#menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: -230px -28px; }
			#menu #b5 { width: 69px; }
			#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -319px 0; }
			#menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: -319px -28px; }
			#menu #b6 { width: 44px; }
			#menu #b6 a:link span, #menu #b6 a:visited span { background-position: -389px 0; }
			#menu #b6.active a:link span, #menu #b6.active a:visited span { background-position: -389px -28px; }
			#menu #b7 { width: 63px; margin: 0; }
			#menu #b7 a:link span, #menu #b7 a:visited span { background-position: -434px 0; }
			#menu #b7.active a:link span, #menu #b7.active a:visited span { background-position: -434px -28px; }
	#header {
		clear: both;
		padding: 42px 0 0;
		height: 40px;
	}
		#header h1 {
			width: 215px;
			height: 40px;
		}


#wrap {
	margin: 0 20px;
}
	#content {
		padding: 0 45px;
	}

#content p {
	line-height: 1.6;
	margin: 0 0 1.5em;
}
#content ul {
	list-style: disc;
	margin: 0 0 1em 2em;
}

#content h2 {
	color: #123037;
	font-size: 208.33%;
	font-weight: normal;
	margin: 0 0 1em;
}
#content h2.left {
	position: relative;
	left: -135px;
}

#side1 h2 {
	font-size: 150%;
	font-weight: normal;
	color: #444649;
	text-transform: lowercase;
	margin: 0 0 .2em;
}


#footer {
	background: url(../img/footer-bg.jpg) no-repeat;
	height: 87px;
	margin: 0 -37px;
	padding: 40px 75px 0;
	color: #6c5b2a;
	font-size: 83.33%;
}
	#footer p {
		margin: 0 0 1em;
	}
	#footer p.copyright span {
		color: #918358;
		
	}
		#footer a:link, #footer a:visited {
			color: #6c5b2a;
	 
		}
.start {
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}
.topsmall {font-size:10px; font-family:Arial, Helvetica, sans-serif;}


/*-------
// titles
//-----*/

#page #tWhy {
	width: 91px;
	height: 17px;
	margin: 0 0 -17px;
}
	#tWhy span {
		background: url(../img/titles/why.png) no-repeat 0 0;
	}
#page #tWhat {
	width: 65px;
	height: 38px;
	margin: 0 0 -38px;
}
	#tWhat span {
		background: url(../img/titles/what.png) no-repeat 0 0;
	}
#page #tExperience {
	width: 118px;
	height: 40px;
	margin: 0 0 -40;
}
	#tExperience span {
		background: url(../img/titles/experience.png) no-repeat 0 0;
	}

#tSlide1 {
	width: 543px;
	height: 120px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 28px;
}
	#tSlide1 span {	
		background: url(../img/titles/slide-1.png) no-repeat 0 0;
	}
#tSlide2 {
	width: 247px;
	height: 11px;
	margin: 0 0 10px 5px;
}
	#tSlide2 span {
	background: url(../img/titles/filsaimetitle.jpg) no-repeat;
	}
#tSlide3 {
	width: 237px;
	height: 11px;
	margin: 0 0 10px 5px;
}
	#tSlide3 span {	
		background: url(../img/titles/slide-2.png) no-repeat 0 0;
	}
#tSlide4 {
	width: 257px;
	height: 11px;
	margin: 0 0 10px 5px;
}
	#tSlide4 span {
	background: url(../img/titles/slide-3.png) no-repeat 0 0;
	}

#tUgly {
	width: 164px;
	height: 31px;
}
	#tUgly span {
		background: url(../img/titles/ugly.png) no-repeat 0 0;
	}

#tCaseStudies {
}
	#tCaseStudies span {
		background: url(../img/titles/case-studies.png) no-repeat 0 0;
	}
	
	#Services {
		background: url(../img/titles/services.png) no-repeat 0 0;
	}
	

#tCaseStudy1 {
	width: 276px;
	height: 17px;
}
	#tCaseStudy1 span {
		background: url(../img/titles/case-study-1.png) no-repeat 0 0;
	}
#tCaseStudy2 {
	width: 312px;
	height: 17px;
}
	#tCaseStudy2 span {
		background: url(../img/titles/case-study-2.png) no-repeat 0 0;
	}

/*-------
// home
//-----*/

.hp #body2 {
	background: url(../img/body-t.png) repeat-x 0 0;
}
.hp #page {
	background: #ebe0bf url(../img/page-bg.jpg) repeat-y 50% 0;
}
.hp #page2 {
	background: url(../img/page-t.jpg) no-repeat 0 0;
}

.hp #top {
	margin: 0 0 17px;
}

#headerHP {
	height: 331px;
	padding: 25px 0 0;
	clear: both;
	position: relative;
}
	#slides {
		margin: 0 0 0 10px;
		width: 590px;
		height: 331px;
		overflow: hidden;
		position: relative;
	}
		#slides .slider {
			position: relative;
			left: 0;
			width: 2360px;
		}
		#slides .slide {
			float: left;
			width: 590px;
			height: 331px;
			position: relative;
			background: url(../img/slide-sep.jpg) no-repeat 0 208px;
		}
			#slides .slide img {
				display: block;
				margin: 0 0 11px 17px;
			}
			#slides .text {
				padding: 14px 0 0 70px;
			}
				#slides .text p {
	font-size: 103%;
	line-height: 1.45;
	color: #48636a;
	padding-left: 5px;
	;
				}
					#slides .text p a:link, #slides .text p a:visited {
						color: #1f5766;
					}
		#slides #slide-1 {
			padding: 15px 0 0 0;
			height: 316px;
			background: url(../img/misc/slide-1.jpg) no-repeat 30px 100%;
		}
			#slide-1 .text {
				margin: 0 40px 0 285px;
				padding: 0;
				margin-top:-35px;
			}
				#slides #slide-1 p a:link, #slides #slide-1 p a:visited {
					color: #7d2308;
				}
			#slide-2 .text {
	background: url(../img/seal.gif) no-repeat 10px 0;
			}
			#slide-3 .text {
	background: url(../img/seal.gif) no-repeat 10px 0;
			}
			#slide-4 .text {
	background: url(../img/seal.gif) no-repeat 10px 0;
			}
		

			#slides p.next {
				position: absolute;
				right: 30px;
				bottom: 20px;
				margin: 0;
				font-size: 100%;
			}
				#page #slides .slide p.next a:link, #page #slides .slide p.next a:visited {
					display: block;
					line-height: 17px;
					padding: 0 28px 0 0;
					font-size: 91.67%;
					color: #92a6a9;
					background: url(../img/icon-next.gif) no-repeat 100% 50%;
				}

	#free {
		position: absolute;
		right: 16px;
		bottom: 0;
		width: 229px;
		height: 312px;
		background: url(../img/box1-b.png) no-repeat 0 100%;
	}
		#free p.title {
			width: 100%;
			height: 168px;
		}
			#free p.title span {
				background: url(../img/box1-t.png) no-repeat 0 0;
			}
		#free form {
			height: 131px;
			padding: 13px 0 0 30px;
		}
			#free input.text {
				display: block;
				width: 149px;
				height: 17px;
				padding: 8px 10px;
				font-size: 108.33%;
				color: #205b6a;
				background: #FFFFFF url(../img/input1-bg.png) no-repeat 0 0;
				border: none;
				margin: 0 0 8px;
			}

.hp #wrap {
	margin: 0 16px 0 50px;
	width: 779px;
	overflow: hidden;
}
	.hp #content {
		float: left;
		width: 380px;
		padding: 65px 0 0 135px;
	}
	.hp #side1 {
		float: right;
		width: 227px;
	}


#page #experience {
	list-style: none;
	margin: 0 0 2em;
	font-size: 100%;
}
	#experience li {
		
		margin: 0 0 .5em;
		padding: 8px 10px 0;
	}
		#experience li p {
	padding: 0px 0 0 32px;
	min-height: 35px;
	line-height: 1.5;
	background-image: url(../img/tick1.gif);
	background-repeat: no-repeat;
		}
	/*   ICONS	
	#experience li.i1 p { background: url(../img/icon-1.png) no-repeat 7px 0; }
		#experience li.i2 p { background: url(../img/icon-2.png) no-repeat 0 0; }
		#experience li.i3 p { background: url(../img/icon-3.png) no-repeat 0 11px; }
		#experience li.i4 p { background: url(../img/icon-4.png) no-repeat 4px 5px; } */

p.buttons {
	width: 100%;
	overflow: hidden;
}
	a#butServices:link, a#butServices:visited {
	display: block;
	float: left;
	width: 180px;
	height: 34px;
	margin: 0 5px 9px 0;
	}
		a#butServices:link span, a#butServices:visited span {
	background: url(../img/famous.jpg) no-repeat 0 0;
		}
	a#butEnquire:link, a#butEnquire:visited {
	display: block;
	float: left;
	width: 180px;
	height: 34px;
	}
		a#butEnquire:link span, a#butEnquire:visited span {

		}

#report {
	margin: 0 0 30px;
}
	#report form {
		background: url(../img/box2-bg.png) repeat-y 0 0;
		padding: 15px 2px 0;
	}
		#report h2 {
			margin: 0 auto 10px;
		}
		#report form p {
			font-size: 91.67%;
			font-weight: bold;
			color: #678389;
			padding: 0 30px 15px;
			background: url(../img/box2-sep.gif) no-repeat 0 100%;
		}
		#report fieldset {
			margin: 10px 0 0 27px;
		}
			#report input.text, #report select, #report textarea {
				display: block;
				width: 148px;
				height: 17px;
				padding: 8px 10px;
				font-size: 108.33%;
				color: #205b6a;
				background: #FFFFFF url(../img/input2-bg.png) no-repeat 0 0;
				border: none;
				margin: 0 0 6px;
			}
			#report select {
				width: 168px;
				height: 33px;
			}
			#report input.file {
				font-size: 108.33%;
				color: #205b6a;
				margin: 0 0 6px;
			}
			#report textarea {
				height: 40px;
				background: #FFFFFF url(../img/input3-bg.png) no-repeat 0 0;
			}
			#report input.submit {
				width: 164px;
				height: 38px;
				color: #000000;
				font-family: Arial, sans-serif;
				font-size: 91.67%;
				font-weight: bold;
				background: url(../img/but-1.png) no-repeat 0 0;
				border: none;
			}
	#report p.show {
	}
		#report p.show a:link, #report p.show a:visited {
			display: block;
			width: 227px;
			height: 65px;
		}
			#report p.show a:link span, #report p.show a:visited span {
				background: url(../img/but-ugly.png) no-repeat 0 0;
			}

#testimonials {
	/* margin: 20px 10px; */
	font-size: 91.67%;
}
	#testimonials li {
	padding-top:15px;
	line-height: 1.5;
	color: #5C4834;
	}

/*-------
// page-2
//-----*/

#page #nav {
	font-size: 91.67%;
	color: #a19675;
	margin: 0 0 3em;
}
	#nav a:link, #nav a:visited {
		color: #a19675;
		padding: 0 .5em;
	}
	#nav a.active:link, #nav a.active:visited {
		color: #13343c;
	}

.case {
	width: 100%;
	overflow: hidden;
}
	.case .info {
		float: right;
		width: 301px;
		margin: 0 0 0 20px;
	}
		.frame1 {
			background: url(../img/frame-1.png) no-repeat 0 0;
			padding: 10px 0 0 10px;
			margin: 0 0 10px;
			width: 291px;
			height: 162px;
		}
		.case .info dl {
			margin: 0 0 0 20px;
			width: 280px;
			overflow: hidden;
			font-size: 91.67%;
			line-height: 1.75;
		}
			.case .info dt,
			.case .info dd {
				float: left;
				margin: 0 0 .3em;
			}
			.case .info dt {
				width: 100px;
			}
			.case .info dd {
				width: 180px;
			}
	.case p.buttons {
		clear: both;
		padding: 60px 0 0;
	}

a.butSite:link, a.butSite:visited {
	display: block;
	float: left;
	width: 180px;
	height: 32px;
	margin: 0 5px 0 0;
}
	a.butSite:link span, a.butSite:visited span {
	background: url(../img/famous.jpg) no-repeat 0 0;
	}
a.butPortfolio:link, a.butPortfolio:visited {
	display: block;
	float: left;
	width: 180px;
	height: 34px;
}
	a.butPortfolio:link span, a.butPortfolio:visited span {
	background: url(../img/view1.jpg) no-repeat 0 0;
	}

.sep1 {
	margin: 10px -45px 20px;
	height: 25px;
	overflow: hidden;
	background: url(../img/sep-1.jpg) no-repeat 0 0;
}
	.sep1 hr {
		display: none;
	}

/*-------
// calculator
//-----*/

#calc {
	margin: 0 0 20px;
	width: 388px;
	background: #fbf7e7 url(../img/calc/bg.jpg) repeat-y 0 0;
	font-size: 91.67%;
}
	#calc div.in {
		background: url(../img/calc/b.jpg) no-repeat 0 100%;
		padding: 0 18px 10px;
	}
	#calc h3 {
		height: 55px;
		margin: 0 -18px 15px;
	}
		#calc h3 span {
			background: url(../img/calc/title-1.jpg) no-repeat 0 0;
		}
	#calc p.help {
		margin: 0 0 5px;
	}
		#calc p.help a:link, #calc p.help a:visited {
			padding: 0 0 0 18px;
			background: url(../img/calc/help.gif) no-repeat 0 50%;
			font-weight: bold;
			color: #867a56;
		}
	#calc dl.type1 {
		width: 100%;
		overflow: hidden;
		padding: 0 0 12px;
		margin: 0 0 15px;
		background: url(../img/calc/sep.jpg) no-repeat 50% 100%;
	}
		#calc dl.type1 dt {
			clear: left;
			float: left;
			margin: 0 0 2px;
			width: 270px;
			height: 21px;
			line-height: 21px;
			overflow: hidden;
			background: url(../img/calc/dots.gif) no-repeat 100% 90%;
			color: #163a44;
		}
		#calc dl.type1 dt.long {
			padding-right: 130px;
			width: 140px;
			line-height: 11px;
		}
	#calc dl.type2 {
		width: 100%;
		overflow: hidden;
		margin: 0 0 15px;
	}
		#calc dl.type2 dt {
			clear: left;
			float: left;
			margin: 0 0 2px;
			width: 270px;
			height: 21px;
			line-height: 21px;
			overflow: hidden;
			color: #163a44;
			font-weight: bold;
			position: relative;
		}
			#calc dl.type2 dt em {
				font-style: normal;
				font-weight: normal;
			}
			#calc dl.type2 dt strong {
				color: #ac0a0a;
			}
			#calc dl.type2 dt span {
				position: absolute;
				right: 0;
				top: 0;
				line-height: 21px;
			}
			#calc dl.type2 input.text {
				font-weight: bold;
			}

		#calc dl dd {
			clear: right;
			float: right;
			width: 65px;
			margin: 0 0 2px;
		}
			#calc dl input.text {
				width: 55px;
				height: 13px;
				padding: 4px 5px;
				border: none;
				background: url(../img/calc/input-1.png) no-repeat 0 0;
			}

	#calc dl.type3 {
		width: 350px;
		height: 30px;
		overflow: hidden;
		padding: 12px 9px;
		margin: 0 -9px;
		background: url(../img/calc/box-1.jpg) no-repeat 0 0;
	}
		#calc dl.type3 dt {
			clear: left;
			float: left;
			color: #163a44;
			font-weight: bold;
		}
			#calc dl.type3 input.text {
				font-weight: bold;
				color: #ac0a0a;
				background: url(../img/calc/input-2.png) no-repeat 0 0;
			}
			.start2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #2A2108;
	font-style: italic;
}

.plm { margin-left:5px; width:210px;}

#testimonials2 {
font-size: 91.67%;
padding-left:20px; 
}
#testimonials2 li {
color: #5C4834;
line-height:1.5em;
list-style-image:url(../img/arrow.gif); 
list-style-position:outside;
}