/*-------
// 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: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-indent: -1000em;
	background-image: url(../img/titles/turnkey.png);
}

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; }



/*-------
// 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;
}
#content h2.ir {
	font-size: 50%;
	margin: 0 0 20px;
}

#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 0 0;
	height: 76px;
	margin: 0 -37px;
	padding: 45px 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;
		}



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

#page #tWhy2 {
	width: 215px;
	height: 40px;
	margin: 0 0 -17px;
}
	#tWhy2 span {
		background: url(../img/titles/whydgr.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: 193px;
	height: 22px;
}
	#tExperience span {
		background: url(../img/titles/experience.png) no-repeat 0 0;
	}

#tSlide1 {
	width: 475px;
	height: 97px;
	margin: 0 0 60px 28px;
}
	#tSlide1 span {	
		background: url(../img/titles/slide-1.png) no-repeat 0 0;
	}
#tSlide2 {
	width: 237px;
	height: 11px;
	margin: 0 0 10px;
}
	#tSlide2 span {	
		background: url(../img/titles/slide-2.png) no-repeat 0 0;
	}
#tSlide3 {
	width: 237px;
	height: 11px;
	margin: 0 0 10px;
}
	#tSlide3 span {	
		background: url(../img/titles/slide-2.png) no-repeat 0 0;
	}
#tSlide4 {
	width: 237px;
	height: 11px;
	margin: 0 0 10px;
}
	#tSlide4 span {	
		background: url(../img/titles/slide-2.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;
	}
	
	#tTestimonials {
}
	#tTestimonials span {
		background: url(../img/titles/testimonials.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;
	}
		#tCaseStudy3 {
	width: 386px;
	height: 17px;
}
	#tCaseStudy3 span {
		background: url(../img/titles/case-study-3.png) no-repeat 0 0;
	}

#page #tECovers {
	width: 97px;
	height: 17px;
}
	#tECovers span {
		background: url(../img/titles/ecovers.png) no-repeat 0 0;
	}
#page #tMiniSite {
	width: 167px;
	height: 17px;
}
	#tMiniSite span {
		background: url(../img/titles/minisite.png) no-repeat 0 0;
	}
#page #tLogos {
	width: 197px;
	height: 17px;
}
	#tLogos span {
		background: url(../img/titles/branding.png) no-repeat 0 0;
	}
#page #tBanners {
	width: 214px;
	height: 17px;
}
	#tBanners span {
		background: url(../img/titles/banners.png) no-repeat 0 0;
	}
#page #tCustom {
	width: 169px;
	height: 17px;
}
	#tCustom span {
		background: url(../img/titles/custom.png) no-repeat 0 0;
	}


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

#tECoverGraphic {
}
	#tECoverGraphic span {
		background: url(../img/titles/cover-graphic.png) no-repeat 0 0;
	}
#tSaverPack1 {
}
	#tSaverPack1 span {
		background: url(../img/titles/saver-pack-1.png) no-repeat 0 0;
	}
#tSaverPack2 {
}
	#tSaverPack2 span {
		background: url(../img/titles/saver-pack-2.png) no-repeat 0 0;
	}
#tUDC {
}
	#tUDC span {
		background: url(../img/titles/udc.png) no-repeat 0 0;
	}
	#tTurnkey {
}
	#tTurnkey span {
		background: url(../img/titles/turnkey.png) no-repeat 0 0;
	}

#tOther {
}
	#tOther span {
		background: url(../img/titles/other.png) no-repeat 0 0;
	}

#tHeaderFooter {
}
	#tHeaderFooter span {
		background: url(../img/titles/header-footer.png) no-repeat 0 0;
	}
#tBannerPack {
}
	#tBannerPack span {
		background: url(../img/titles/banner-pack.png) no-repeat 0 0;
	}
#tLogoDesign {
}
	#tLogoDesign span {
		background: url(../img/titles/logo-design.png) no-repeat 0 0;
	}
#tSiteRedev {
}
	#tSiteRedev span {
		background: url(../img/titles/site-redev.png) no-repeat 0 0;
	}
#tCustomDesigns {
}
	#tCustomDesigns span {
		background: url(../img/titles/custom-designs.png) no-repeat 0 0;
	}
#tPrintDesign {
}
	#tPrintDesign span {
		background: url(../img/titles/print-design.png) no-repeat 0 0;
	}


#tWaitBeforeOrder {
	width: 239px;
	height: 17px;
}
	#tWaitBeforeOrder span {
		background: url(../img/titles/wait-before-order.png) no-repeat 0 0;
	}

#tProjectDetails {
	width: 157px;
	height: 17px;
}
	#tProjectDetails span {
		background: url(../img/titles/project-details.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: 108.33%;
					line-height: 1.6;
					color: #48636a;
				}
					#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;
			}
				#slides #slide-1 p a:link, #slides #slide-1 p a:visited {
					color: #7d2308;
				}
			#slide-2 .text {
				background: url(../img/icon-11.jpg) no-repeat 10px 0;
			}
			#slide-3 .text {
				background: url(../img/icon-11.jpg) no-repeat 10px 0;
			}
			#slide-4 .text {
				background: url(../img/icon-11.jpg) 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: 91.67%;
}
	#experience li {
		background: url(../img/item1-bg.png) repeat-x 0 0;
		margin: 0 0 .5em;
		padding: 8px 10px 0;
	}
		#experience li p {
			padding: 10px 0 0 60px;
			min-height: 35px;
			line-height: 1.5;
		}
		#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: 169px;
		height: 26px;
		margin: 0 5px 0 0;
	}
		a#butServices:link span, a#butServices:visited span {
			background: url(../img/but-services.png) no-repeat 0 0;
		}
	a#butEnquire:link, a#butEnquire:visited {
		display: block;
		float: left;
		width: 104px;
		height: 26px;
	}
		a#butEnquire:link span, a#butEnquire:visited span {
			background: url(../img/but-enquire.png) no-repeat 0 0;
		}

#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 {
		margin: 0 0 35px;
		line-height: 1.5;
		font-style: italic;
	}

/*-------
// 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: 30px 0 0;
	}

a.butSite:link, a.butSite:visited {
	display: block;
	float: left;
	width: 169px;
	height: 26px;
	margin: 0 5px 0 0;
}
	a.butSite:link span, a.butSite:visited span {
		background: url(../img/but-site.png) no-repeat 0 0;
	}
a.butPortfolio:link, a.butPortfolio:visited {
	display: block;
	float: left;
	width: 169px;
	height: 26px;
}
	a.butPortfolio:link span, a.butPortfolio:visited span {
		background: url(../img/but-portfolio.png) no-repeat 0 0;
	}

a.butService:link, a.butService:visited {
	display: block;
	float: left;
	width: 173px;
	height: 30px;
	margin: 0 5px 0 0;
}
	a.butService:link span, a.butService:visited span {
		background: url(../img/but-service.jpg) no-repeat 0 0;
	}
a.butSite2:link, a.butSite2:visited {
	display: block;
	float: left;
	width: 173px;
	height: 30px;
}
	a.butSite2:link span, a.butSite2:visited span {
		background: url(../img/but-site.jpg) no-repeat 0 0;
	}

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

#page .cases {
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px;
}
	.cases li {
		float: left;
		width: 50%;
		overflow: hidden;
		margin: 0 0 25px;
	}
		.cases li .img {
			float: left;
			width: 177px;
			height: 115px;
			padding: 10px 0 0 11px;
			background: url(../img/frame-2.png) no-repeat 0 0;
		}
		.cases li dl {
			float: right;
			width: 160px;
			overflow: hidden;
			padding: 10px 5px 0 0;
			font-size: 91.67%;
		}
			.cases li dl dt {
				float: left;
				clear: both;
				width: 40px;
				padding: 2px 0;
			}
			.cases li dl dd {
				float: right;
				width: 120px;
				padding: 2px 0;
			}





/*-------
// 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;
			}




/*-------
// services
//-----*/


#work {
	float: right;
	width: 270px;
	margin: 0 0 5px 20px;
}
	#available {
		width: 186px;
		height: 57px;
		margin: 0 0 15px;
	}
		#available span {
			background: url(../img/titles/work-1.png) no-repeat 0 0;
		}
		#work.disabled #available span {
	background: url(../img/titles/work-1.png) no-repeat 0 0;
		}
	#work form {
	background: url(../img/form1-bg.png) no-repeat 0 0;
	width: 325px;
	height: 33px;
	padding: 17px 10px;
	}
		#work form input.text {
	background: url(../img/input4-bg.gif) no-repeat 0 0;
	width: 144px;
	height: 17px;
	padding: 8px 10px;
	border: none;
	float: left;
	margin: 0 7px 0 0;
		}
		#work.disabled form input.text {
	color: #81754E;
		}
		#work form input.submit {
	border: none;
	float: left;
	width: 92px;
	height: 35px;
	white-space: normal;
	text-align: left;
	padding-bottom: 6px;
	padding-right:11px;
		}
		#work.disabled form input.submit {
			color: #9f957a;
		}

#services {
}
	#services h2 {
		width: 213px;
		height: 41px;
	}
	#services .service {
		width: 100%;
		overflow: hidden;
	}
		#services .service .title {
			width: 100%;
			overflow: hidden;
			margin: 0 0 25px;
		}
			#services .service h2 {
				float: left;
				margin: 0 10px 0 0;
			}
			#services p.label1 {
				float: left;
				margin: 7px 5px 0 0;
				font-weight: bold;
				color: #FFFFFF;
				background: #17424b url(../img/label1-r.gif) no-repeat 100% 0;
			}
				#services p.label1 span {
					display: block;
					float: left;
					line-height: 27px;
					padding: 0 8px;					
					background: url(../img/label1-l.gif) no-repeat 0 0;
				}
			#services p.label2 {
				float: left;
				margin: 7px 5px 0 0;
				font-weight: bold;
				color: #afa37f;
				background: #ddd1af url(../img/label2-r.gif) no-repeat 100% 0;
			}
				#services p.label2 span {
					display: block;
					float: left;
					line-height: 27px;
					padding: 0 8px;					
					background: url(../img/label2-l.gif) no-repeat 0 0;
				}
		#services .service .img {
			float: left;
			margin: 0 15px 0 0;
		}
		#services .service ul {
			list-style: none;
			margin: 20px 0 35px;
			float: left;
			width: 450px;
		}
			#services .service ul li {
				padding: 0 0 0 20px;
				background: url(../img/bullet-1.gif) no-repeat 0 .25em;
				margin: 0 0 5px;
				line-height: 1.4;
			}
				#services .service ul li a:link, #services .service ul li a:visited {
					color: #123037;
					text-decoration: underline;
				}
		#services .service p.buttons {
			float: left;
			width: 525px;
			overflow: hidden;
			margin: 0 0 15px;
		}
			#services a.butOrder:link, #services a.butOrder:visited {
				display: block;
				float: left;
				width: 173px;
				height: 30px;
				margin: 0 5px 0 0;
			}
				#services a.butOrder:link span, #services a.butOrder:visited span {
					background: no-repeat 0 0;
				}
			#services a.butOrderDisabled:link, #services a.butOrderDisabled:visited {
				height: 31px;
			}
				#services a.butOrderDisabled:link span, #services a.butOrderDisabled:visited span {
					background: url(../img/but-unavailable.png) no-repeat 0 0;
				}
			#services a.butEnquire:link, #services a.butEnquire:visited {
				display: block;
				float: left;
				width: 173px;
				height: 30px;
				margin: 0 5px 0 0;
			}
				#services a.butEnquire:link span, #services a.butEnquire:visited span {
					background: url(../img/but-enquire2.png) no-repeat 0 0;
				}
	#services .other ul {
		width: 100%;
		overflow: hidden;
		padding: 15px 0 0;
		list-style: none;
		margin: 0;
	}
		#services .other li {
			float: left;
			width: 33%;
			min-height: 200px;
			margin: 0 0 20px;
			position: relative;
		}
			#services .other h3 {
				width: 169px;
				height: 34px;
				margin: 0 0 15px;
			}
			#services .other p.label1 {
				position: absolute;
				left: 145px;
				top: -15px;
			}
			#services .other li ul {
				padding: 0;
				margin: 0 0 20px;
			}
				#services .other li li {
					float: none;
					width: auto;
					min-height: 0;
					margin: 0 0 5px;
					padding: 0 0 0 20px;
					background: url(../img/bullet-1.gif) no-repeat 0 .2em;
				}
			#services .other p.contact {
				margin: 0 60px 0 30px;
			}

	
/*-------
// testimonials
//-----*/

#testimonial {
	background: url(../img/misc/31.jpg) no-repeat 100% 0;
	height: 316px;
	margin: 0 -35px 20px 0;
}

.testimonial {
	width: 585px;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 0 130px;
	min-height: 140px;
	position: relative;
}
	.testimonial img {
		position: absolute;
		left: 0;
		top: 0;
		border: solid 5px #ffffdf;
	}
	#page .testimonial h2 {
		margin: 0 0 .5em;
	}
		.testimonial h2 span {
			display: block;
			font-size: 48%;
			color: #af9d7c;
		}



/*-------
// order
//-----*/

.sep2 {
	margin: 10px -45px 20px;
	height: 33px;
	overflow: hidden;
	background: url(../img/sep-1.jpg) no-repeat 0 100%;
	clear: both;
}
	#page .sep2 .type1 {
		font-size: 100%;
		margin: 0 0 0 272px;
		width: 130px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		background: url(../img/box-3.png) no-repeat 0 0;
	}
	#page #content .sep2 .type2 {
		font-size: 100%;
		margin: 0 0 0 272px;
		width: 130px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		background: url(../img/box-4.png) no-repeat 0 0;
	}

#order {
	padding: 40px 0;
}
	#page #order h2 {
		margin: 0 0 40px;
	}
	#order .optionWrap {
		margin: 0 auto 20px;
		width: 380px;
		padding: 0 0 0 120px;
		overflow: hidden;
		position: relative;
	}
		#order .optionWrap img {
			position: absolute;
			left: 0;
			top: 0;
		}
		#order .optionWrap h3 {
			font-size: 116.67%;
			margin: 0 0 .1em;
		}
		#order .optionWrap p {
			margin: 0 0 .4em;
		}
		#order p.option {
			width: 200px;
			height: 17px;
			padding: 10px 11px;
			background: url(../img/option-bg.png) no-repeat 0 0;
			font-weight: bold;
		}
			#order p.option input {
				float: left;
				margin: 4px 5px 0 0;
			}
			#order p.option label {
				float: left;
				white-space: nowrap;
			}
				#order p.option label span {
					color: #990000;
				}
	#order form {
		margin: 0 auto;
		width: 500px;
	}
		#order form ul {
			width: 450px;
			overflow: hidden;
			list-style: none;
			margin: 0 0 20px;
		}
			#order form li {
				float: left;
				overflow: hidden;
				margin: 0 30px 10px 0;
			}
			#order form li.w4 { width: 170px; }
			#order form li.w3 { width: 95px; }
			#order form li.w6 { width: 250px; }
			#order form li.full { width: 100%; margin-right: 0; }
				#order li label {
					display: block;
					font-weight: bold;
					margin: 0 0 8px;
				}
					#order li label span.req {
						color: #990000;
					}
				#order li div {
					background: url(../img/input5-r.png) no-repeat 100% 0;
					position: relative;
					height: 33px;
				}
					#order li div div {
						background: url(../img/input5-l.gif) no-repeat 0 0;
						padding: 7px 7px;
						height: 19px;
					}
				#order li.type1 div {
					background: url(../img/input6-r.png) no-repeat 100% 0;
				}
					#order li.type1 div div {
						background: url(../img/input6-l.gif) no-repeat 0 0;
					}
				#order li.type2 div {
					background: url(../img/input7-r.gif) no-repeat 100% 0;
					height: 35px;
				}
					#order li.type2 div div {
						background: url(../img/input7-l.gif) no-repeat 0 0;
						padding: 8px 7px;
					}
				#order li input.text {
					background: none;
					border: none;
					width: 100%;
				}
				#order li select {
					width: 100%;
					border: none;
				}
				#order li textarea {
					border: none;
					background: url(../img/textarea1-bg.png) no-repeat 0 0;
					width: 404px;
					height: 114px;
					padding: 5px 5px;
				}
			#order form li.captcha {
			}
				#order form li.captcha label {
					float: left;
					width: 100px;
					margin: 0 20px 0 0;
				}
				#order form li.captcha div {
					float: left;
					width: 140px;
				}
					#order form li.captcha div div {
						float: none;
						width: auto;
					}
				#order form li.captcha div.img {
					margin: 0 15px 0 0;
				}
					#order form li.captcha div.img div {
						padding: 1px 7px;
						height: 31px;
						margin: 0;
						text-align: center;
					}
			#order form li.button {
				width: 415px;
				margin-top: 15px;
				overflow: hidden;
			}
				#order form li.button input.img {
					float: right;
				}
				#order form li.button p {
					float: left;
					margin: 0 0 10px;
				}
				#order form li.button img {
					clear: both;
					float: right;
				}

		#order form h3 {
			margin: 30px 0 40px;
		}
		#order form .box {
			background: #f5efda;
			padding: 15px 30px 10px;
			width: 355px;
		}
			#order form .box p {
				margin: 0 0 .5em;
			}