body { background:#230d37 url(../images/bg-site.gif) repeat-x 0 bottom }

	.header { background:#3d0f41 url(../images/bg-homeheader.jpg) repeat-x;}
	
		.header-wrap { background:url(../images/bg-home-wrap.jpg) no-repeat center top; }
		
			.header-cont {
				height:381px;
				margin:0 auto;
				position:relative;
				width:1000px;
			}
			
				.header h1 {
					float:left;
					width:286px;
					margin-bottom:80px;
					padding-top:20px;
				}
				
					.header h1 a {
						background:url(../images/logo.png);
						display:block;
						height:59px;
					}
						
				.mainnav { float:right; margin:0 15px 0 0; padding-top:50px; }
				
					.mainnav li {
						float:left;
						margin-left:20px;
						position:relative;
					}
					
						.mainnav li  a { display:block; color:#000; padding:0 0 15px; text-transform: uppercase }
						.mainnav li a:hover,
						.mainnav li.active a { background:url(../images/bg-activenav.png) repeat-x 0 bottom; }
							
							.mainnav li  a strong { font-size:16px; }
							.mainnav li  a strong.nshdw {
								color:#fff;
								top:1px;
								position:absolute;
								right:-1px;
							}
							
				.header-cont h2 { clear:both }
					
					.header-cont h2 strong,
					.header-cont h2 em { display:block; position:relative }
					
					.header-cont h2 strong em {
						display:block;
						font-size:60px;
						text-transform:uppercase;
						width:100%;
					}
					
					.header-cont h2 strong em.nshdw,
					.header-cont h2 em strong.nshdw {
						color:#fff;
						position:absolute;
						left:0px;
						top:1px;
						width:1000px
					}
					
					.header-cont h2 em strong { font-size:30px; text-transform:uppercase; }
						
				.btn-getintouch {
					background:url(../images/btn-getintouch.png);
					display:block;
					position:absolute;
					height:44px;
					right:15px;
					top:290px;
					width:220px;
				}
				.btn-getintouch:hover{ background-position: 0 -44px; }
				#InnerPage .btn-getintouch { top:170px; }
				
				.header p {
					background:url(../images/text-intro.png) no-repeat center top;
					clear:both;
					height:54px;
				}
				
				.portfolio-slider {
					background:url(../images/bg-browser.png) no-repeat;
					height:368px;
					margin:1px auto 0;
					padding:65px 0 0 18px;
					position:relative;
					width:808px
				}
				
					.portfolio-slider ul {
						height:368px;
						position:relative;
						width:781px;
					}
					
						.portfolio-slider ul li {
							line-height:0;
							height:368px;
							left:0;
							position:absolute;
							top:0;
							width:781px;
						}
				
					.slider-control {
						display:block;
						height:31px;
						position:absolute;
						top:215px;
						width:31px;
					}
					
					.sc-left { background:url(../images/arrow-left.png); left:3px; }
					.sc-right { background:url(../images/arrow-right.png); right:11px;}
					
					.view-portfolio {
						background:url(../images/view-portfolio.png);
						bottom:3px;
						display:block;
						height:41px;
						position:absolute;
						right:-10px;
						width:174px;
					}
	
	.container { background:url(../images/bg-container.gif); }
	
		.container-wrap { background:url(../images/bg-container-wrap.gif) no-repeat center top; }
		
			.container-cont {
				margin:0 auto;
				padding:50px 0;
				width:1000px;
			}
			
				.leftcolumn {
					background:url(../images/bg-leftcolumn.png) right top repeat-y;
					float:left;
					padding:0 15px 0 0;
					width:270px;
				}
				
					.himagery {
						background:url(../images/h-imagery.png) no-repeat center top;
						height:226px;
					}
					
					.qualities { margin:30px auto; width:600px }
					
						.qualities li { padding:15px 0 }
						
							.qualities li h3 {
								color:#4d2474;
								text-transform:uppercase;
								font-size:47px;
								margin-bottom:5px;
							}
							
							.qualities li p {
								color:#330066;
								font-size:14px;
								line-height:20px;
							}
							
								.qualities li p strong { font-size:17px; font-weight:normal }
				
				.rightcolumn {
					float:right;
					padding-right:40px;
					width:233px;
				}
				.rightcolumn-home {
					float:right;
					padding-right:40px;
					width:690px;
				}

				
					.hdr-services {
						background:url(../images/hdr-services.gif) no-repeat;
						height:20px;
					}
					
					.services { margin:15px 0 }
					
						.services li {
							background-image:url(../images/icon-services.png);
							background-repeat:no-repeat;
							border-top:1px dashed #b8a5b8;
							font-size:11px;
							line-height:17px;
							padding:20px 0 20px 50px;
						}
						.faqs li {
							background-repeat:no-repeat;
							border-top:1px dashed #b8a5b8;
							font-size:11px;
							line-height:17px;
							padding:20px 0 20px 10px;
						}
						
						.services li.webdesign { background-position:0 23px }
						.services li.architecture { background-position:-230px 23px }
						.services li.uidesign { background-position:-467px 23px }
						.services li.copywriting { background-position:-700px 23px }
						.services li.cms { background-position:-932px 23px }
						.services li.seo { background-position:-1162px 23px }
						
							.services li a, .faqs li a, .process li a, .underline{ color:#3b264f; text-decoration:underline }
							.services li a:hover, .faqs li a:hover, .process li a:hover { text-decoration:none }
						
							.services li h4, .faqs li h4 {
								color:#23024b;
								font-size:12px;
								font-weight:bold;
							}
							
							.services li p, .faqs li p { color:#333; }
	
	.footer {}
	
		.tfooter {
		background:url(../images/bg-tfooter.png) center;
		background-repeat:no-repeat;
		width:1072;
		height:241px;
		}
		
			.tfooter ul {
				margin:0 auto;
				padding:0 20px;
				width:960px;
			}
			
				.tfooter ul li {
					background-image:url(../images/icon-tfooter.png);
					background-repeat:no-repeat;
					float:left;
					font-size:12px;
					height:140px;
					margin:0 20px;
					padding:45px 0 0 65px;
					width:200px;
				}
				.tfooter ul li.fcasestudy { background-position:0 45px; }
				.tfooter ul li.fnotes { background-position:0 -237px; margin-right:50px }
				.tfooter ul li.fprocess { background-position:0 -488px; }
				
					.tfooter ul li h3 {
						font-size:18px;
						color:#330033;
						margin:0 0 10px;
						position:relative;
					}
					
						.tfooter ul li h3 strong.nshdw {
							color:#d7b7dc;
							left:1px;
							position:absolute;
							top:1px
						}
				
					.tfooter ul li p {
						color:#333;
						line-height:16px;
						height:45px;
					}
					
					.tfooter ul li a {
						color:#000;
						font-weight:bold;
						text-decoration:underline;
					}
					.tfooter ul li a:hover { text-decoration:none }
					
		.bfooter {
			background:url(../images/bg-bfooter.png) repeat-x 0 0;
		}
		
			.bfooter h3 {
				color:#cc99cc;
				font-size:13px;
			}
			
			.bfooter p {
				color:#fff;
				font-size:11px;
				line-height:17px;
			}
			
			p.copyright {  color:#cc99cc; font-size:9px; margin:0 auto; width:970px; padding:10px 0 20px 30px; }
		
			.bfooter-cont {
				margin:0 auto;
				padding:37px 0 0;
				width:1000px;
			} 
			
				.featured-in {
					background:url(../images/line.png) no-repeat right 0;
					float:left;
					padding:0 0 0 30px;
					width:372px;
				}
					
					.featured-in ul { padding:7px 0 0 }
					
						.featured-in ul li {
							background:url(../images/arrow.gif) no-repeat 0 center;
							font-size:11px;
							padding:7px 0 7px 15px;
						}
						
							.featured-in ul li a {
								color:#fff;
							}
				
				.twitter {
					background:url(../images/line.png) no-repeat right 0;
					float:left;
					padding:0 20px;
					width:227px;
				}
				
					.twitter a {
						color:#cc66ff;
						display:block;
						font-size:12px;
						font-weight:bold;
						margin:20px 0 0;
						text-decoration:underline
					}
					.twitter a:hover { text-decoration:none }
				
					.twitter h3 {
						background:url(../images/hdr-twitter.png) no-repeat;
						height:18px;
					}
					
					.twitter p { margin:13px 0 10px; }
						
						.twitter p a { color:#fff; display:inline; font-size:11px; font-weight:normal; margin:0 }
						
					.twitter span {
						display:block;
						color:#cc99ff;
						font-size:9px;
					}
				
				.newsletter {
					float:right;
					width:312px;
				}
				
					.newsletter p { margin:10px 0; }
					.newsletter .fnnotes { font-size:9px;}
					
						.newsletter .fnnotes a { color:#cc00cc; }
					
					.newsletter div { margin:20px 0}
					
						.newsletter div label {display:none; }
						
						.newsletter input {
							background:url(../images/btn-subscribe.gif);
							border:0;
							float:left;
							height:30px;
							padding:0;
							width:87px;
						}
						
						.newsletter input#signup_email {
							background:#fff url(../images/curve-input.gif) no-repeat;
							border:0;
							height:30px;
							width:215px;
							padding:0 0 0 10px;
						}
						
/*INNERPAGE LAYOUT STYLES*/

#InnerPage .header { background:#3d0f41 url(../images/bg-innerheader.jpg) repeat-x;  }

	#InnerPage .header-wrap { background:url(../images/bg-innerheader-wrap.jpg) no-repeat center top; }

#InnerPage .header-cont {
	height:260px
}

#InnerPage .container-wrap { background:url(../images/bg-innercontainer-wrap.gif) no-repeat center top; }

#InnerPage .leftcolumn {
	padding:0 30px 0 0;
	width:656px;
}
	
	.container-cont h2 {
		color:#4d2474;
		text-transform:uppercase;
	}
		.container-cont h2 strong,
		.container-cont h2 em { display:block; position:relative }
		
			.container-cont h2 strong em { font-size:60px; position:static }
			
			.container-cont h2 em strong {
				font-size:30px;
				position:static
			}
			
			.container-cont h2 strong em.nshdw,
			.container-cont h2 em strong.nshdw { color:#fff; position:absolute; top:1px; left:1px; }
	
	.pstyled {
		color:#4d2474;
		font-size:18px;
		line-height:26px;
		margin:15px 0 0;
	}
	
	.aboutdainareed { margin:40px 0 }
	
		.aboutdainareed span {
			display:block;
			float:left;
			width:240px;
		}
		
		.aboutdainareed div {
			float:right;
			margin:5px 0 0;
			width:395px;
		}
		
			.aboutdainareed div strong {
				color:#4d2474;
				display:block;
				font-size:14px;
			}
			
				.aboutdainareed div strong em { display:block; float:left; margin-right:5px }
				
			.aboutdainareed div p{
				color:#333;
				font-size:12px;
				line-height:22px;
				margin:5px 0;
			}
			.sagi{
			color:#333;
				font-size:12px;
				line-height:22px;
				margin:5px 0;
			}
			
	.tmembers { margin:10px 0}
	
		.tmembers li {
			float:left;
			padding:20px 0;
			width:49%;
		}
		
			.tmembers li div.phto {
				background:url(../images/bg-photo.gif);
				float:left;
				height:91px;
				line-height:0;
				text-align:center;
				padding:5px 0;
				width:101px;
			}
			
			.tmembers li div.desc {
				float:right;
				width:208px;
			}
			
				.tmembers li div.desc h4 {
					color:#4d2474;
					font-size:14px;
					margin:0 0 5px
				}
				
				.tmembers li div.desc p {
					color:#4d2474;
					font-size:12px;
				}
				
				.tmembers li div.desc a{
					border-bottom:1px dashed #b8a5b8;
					color:#660066;
					font-size:11px;
				}
				.sagi a{
					border-bottom:1px dashed #b8a5b8;
					color:#660066;
					font-size:12px;}
				.tmembers li div.desc a:hover, .sagi a:hover { border:0 }
				
		.casestudy-website {
			margin:20px 0;
			text-align:center;
		}
		
			.casestudy-website p {
				color:#4d2474;
				font-size:18px;
				line-height:26px;
				margin:20px auto;
				text-align:left;
				width:686px;
			}
			
				.casestudy-website p em {
					color:#87639e;
					display:block;
					font-size:12px;
					margin:10px 0 0;
					text-align:right;
				}
				
		.process { margin:0 }
		
			.process li {
				border-top:1px dashed #b8a5b8;
				margin:0 30px;
				padding:40px 0 40px 120px;
			}
			.rate li {
				border-top:1px dashed #b8a5b8;
				padding:20px 0;
			}
			
			.process li.one { background:url(../images/one.png) no-repeat 10px 44px; }
			.process li.two { background:url(../images/two.png) no-repeat 0 44px; }
			.process li.three {
				background:url(../images/three.png) no-repeat 30px 44px;
				margin-left:0px;
				margin-right:0px;
				padding-left:0px;
			}
			
				.process li h4 {
					color:#4d2575;
					font-size:30px;
					margin-bottom:10px;
					text-transform:uppercase;
				}
				
				.process li p , .rate li p{
					color:#4d2474;
					font-size:16px;
					line-height:26px;
					margin-top:20px;
				}
				
				.process li.three h4, .process li.three p { margin-left:150px; margin-right:30px }
				.process li.three p.img-three { margin:40px 0 0 25px }
				
				.process li.two ul { margin:20px 0 0 }
				
					.process li.two ul li {
						border:0;
						float:left;
						margin:0;
						padding:15px 0;
						width:235px;
					}
					.process li.two ul li.m { padding:15px 55px }
					
						.process li.two ul li h5 {
							color:#4d2474;
							font-size:18px;
							margin-bottom:5px;
							text-transform:uppercase;
						}
						
						.curve-img-cont {
							background:#c8c8c4;
							line-height:0;
							text-align:center;
						}
						
							.curve-img-cont img { margin:0 5px }
						
							.curve-img-cont span {
								display:block;
								height:5px;
							}
							
								.curve-img-cont span.tcurve span { background:url(../images/curve-gray.gif) no-repeat 0 0; }
									.curve-img-cont span.tcurve span span { background:url(../images/curve-gray.gif) no-repeat right -5px; }
								.curve-img-cont span.bcurve span { background:url(../images/curve-gray.gif) no-repeat 0 -10px; }
									.curve-img-cont span.bcurve span span { background:url(../images/curve-gray.gif) no-repeat right -15px; }
									
				.more-case-study {
					float:right;
					width:232px;
				}
				
					.more-case-study h3 {
						border-bottom:1px dashed #b8a5b8;
						color:#4d2474;
						font-size:18px;
						padding:0 0 5px;
					}
					
					.more-case-study li {
						border-bottom:1px dashed #b8a5b8;
						padding:10px 5px;
					}
					
						.more-case-study li a {
							color:#87639e;
							font-size:12px;
						}
						
					
									
				.h-category { margin:30px 0 }
				
					.h-category h3 {
						border-bottom:1px dashed #b8a5b8;
						color:#4d2474;
						font-size:24px;
						line-height:28px;
						margin:0 0 15px;
						padding:0 0 5px;
					}
					
					.h-category ul {}
					
						.h-category ul li {
							float:left;
							height:100px;
							margin:15px 0;
							width:295px
						}
						
						.h-category ul li.mid { margin:15px 50px }
						
							.h-category ul li h4 {
								color:#330066;
								font-size:12px;
								margin:0 0 3px;
							}
							
							.h-category ul li p {
								color:#666;
								font-size:11px;
								line-height:15px;
								margin:0 0 10px;
							}
							
							.h-category ul li a { border-bottom:1px dashed #b8a5b8;color:#87639e; font-size:11px }
							.h-category ul li a:hover { border:0; }
							
				.pfolio { margin:0px 0 }
				
					.pfolio li {
						border-top:1px dashed #b8a5b8;
						padding:20px 0;
					}
					.nodash li{border:none;padding:0px;}
					
						.pfolio li .details {
							float:left;
							font-size:13px;
							padding:19px 0 0;
							width:190px;
						}
						
							.pfolio li .details h5 {
								color:#330066;
								margin:0 0 3px;
								text-transform:uppercase;
								line-height:17px;
							}
							
							.pfolio li .details p,
							.pfolio li .details strong { color:#666666; font-size:12px;  }
							
							.pfolio li .details p em { color:#87639e; font-style:italic; font-size:12px; line-height:17px; }
							
							.pfolio li .details blockquote { color:#666666; font-style:italic; margin:14px 0; font-size:14px; font-family:Georgia; line-height:20px; }
							
							.pfolio li .details .portnote { color:#666666; margin:14px 0; font-size:12px; line-height:18px; }
							
							.pfolio li .details strong { display:block; margin:0 0 15px }
							.pfolio li .details a {
								color:#733576;
								margin:20px 0 0px;
								border-bottom:1px dashed #b8a5b8;
							}			
							.pfolio li .details a:hover { border:0; }	
							
							.pfolio li .details a.vcs,
							.pfolio li .details a.dpdf, .bck, .vfp {
								border:0;
								display:block;
								height:29px;
								margin:10px 0 0;
								width:197px;
								background:url(../images/parrows.png) no-repeat 0 0;
							}
							.pfolio li .details a.vcs { background-position: 0 0px; }
							.pfolio li .details a.dpdf { background-position: 0 -61px; }
							.bck { background-position: 0 -181px; }
							.vfp { background-position: 0 -122px; }

							
							.pfolio li .details a.vcs:hover{ 
							  background-position: 0 -30px;
							}
							.pfolio li .details a.dpdf:hover{ 
							  background-position: 0 -91px;
							}
							.bck:hover{ 
							  background-position: 0 -211px;
							}
							.vfp:hover{ 
							  background-position: 0 -152px;
							}
							

						.pfolio li .project {
							float:right;
							padding:0px 0 0 0px;
							width:660px;
							margin-top:-430px;
						}
						.foilage { 
						background:url(../images/foilage.png) no-repeat; 
						position:absolute;
						z-index:10;
						width:327px;
						height:353px;
						margin:-304px 0 0 453px;
						}
						.projectport{
							float:right;
							padding:15px 0 0 0px;
							width:720px;
							height:100%;
							background-image:url(../images/ajax-loader.gif);
							background-repeat:no-repeat;
							background-position: center center;
						}
					
						
							.pfolio li .project div.foliocont {
								background:url(../images/bg-pbrowser.png);
								height:513px;
								position:relative;
								width:670px;
							}
							
								.pfolio li .project div.foliocont ul {
									height:419px;
									position:relative;
									width:626px;
								}
								
									.pfolio li .project div.foliocont ul li {
										border:0;
										height:419px;
										left:19px;
										line-height:0;
										padding:0;
										position:absolute;
										top:55px;
										width:626px;
									}
									
								.pfolio .slider-control { top:205px; z-index: 1000; }