

/* 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;font-family:Arial;font-size:75%;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* Clearfix 
-------------------------------------------------------------------------------------------------- */
.cfx:before,.cfx:after{content:"";display:table;}
.cfx:after{clear:both;}
.cfx{zoom:1;}

@font-face {
	font-family: 'Conv_bod72ob_';
	src: url('fonts/bod72ob_.eot');
	src: local('☺'), 
	url('fonts/bod72ob_.woff') format('woff'), 
	url('fonts/bod72ob_.ttf') format('truetype'), 
	url('fonts/bod72ob_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General
-------------------------------------------------------------------------------------------------- */
html{
	height:100%;
	}
body{
	font-family: Georgia, Times new roman, Verdana;
	height:100%;
	background:#000 url('images/bg/bg.jpg') 0 0 repeat;
	}
body.home{
	width:9020px; /* Total Width / Width same with container */
	}
body.standard{
	width:2880px;
	}


body.blog{
	width:2520px;
	}


body.archive{
	width:2640px;
	}
body.work{
	width:auto;
	overflow: hidden;
	}
body.form{
	height:100%;
	}
body.unscrollable{
	overflow:hidden;
	}
#content{
	height:100%;
	}
#wrap{
	height:100%;
	background:url('images/bg/bg-gradient.jpg') 0 0 repeat-x;
	}
#container{
	width:9020px; /* Total Width */
	height:100%;
	}
.section{
	float:left;
	position:relative;
	height:100%;
	}

.contentSection{
	position:absolute;
	height:100%;
	}
	.content{
		padding:120px 0 0;
		}
		h2{
			position:absolute;
			top:120px;
			left:720px;
			width:240px;
			height:81px;
			background:url('images/common/sprite.png') 0 0 no-repeat;
			text-indent:-9999em;
			}
		.main{
			width:960px;
			}
			.desc{
				color:#aeaeae;
				font-size:14px;
				line-height:18px;
				padding:0 0 0 30px;
				float:left;
				width:690px;
				}
				.desc h3{
					font-size:30px;
					line-height:normal;
					padding:0 200px 0 0;
					margin:21px 0 17px;
					line-height:35px;
					font-family:'Conv_bod72ob_',Georgia, Serif;
					letter-spacing:0.03em;
					}
				.desc p{
					width:225px;
					padding:0 20px 0 0;
					float:left;
					height:120px;
					overflow:hidden;
					}
			.sectionNav{
				width:225px;
				float:right;
				border-left:1px dotted #bbb;
				height:190px;
				padding:100px 0 0 14px;
				}
				.sectionNav ul{
					position:relative;
					}
					.sectionNav li{
						margin:0 0 7px;
						}
						.sectionNav a{
							display:block;
							height:27px;
							background:url('images/common/sectionNav.png') 0 0 no-repeat;
							text-indent:-9999em;
							outline:none;
							}
							

						#work .sectionNav a { 
							padding:0 0 0 33px;
							position:relative;
							}
						#work .work-1 { background-position:33px 0; width:104px; }
						#work .work-2 { background-position:33px -27px; width:132px; }
						#work .work-3 { background-position:33px -54px; width:97px; }
						#work .work-4 { background-position:33px -81px; width:76px; }
							#work .sectionNav .icon{
								background:url('images/common/work-filter.gif') 0 -54px no-repeat;
								display:block;
								width:27px;
								height:27px;
								position:absolute;
								top:0;
								left:0;
								overflow:hidden;
								cursor:pointer;
								}
								#work .sectionNav a:hover .icon{ background-position:0 -27px; }
								#work .sectionNav .on .icon,
								#work .sectionNav .on a:hover .icon { background-position:0 0; }
														
						#about .about-1 { background-position:0 -108px; width:93px; }
						#about .about-2 { background-position:0 -135px; width:105px; }
						#about .about-3 { background-position:0 -162px; width:60px; }
							#about .sectionNav a:hover { border:3px solid #c9ece4; margin:-3px 0 -3px -3px; }
							
						#services .services-1 { background-position:0 -189px; width:78px; }
						#services .services-2 { background-position:0 -216px; width:110px; }
						#services .services-3 { background-position:0 -243px; width:110px; }
						#services .services-4 { background-position:0 -270px; width:110px; }
							#services .sectionNav a:hover { border:3px solid #c9ece4; margin:-3px 0 -3px -3px; }

		.aside{

			}
			
a{
	color:#df603b;
	text-decoration: none;
}
a:hover{
	color:#fff;
	}

/* Nav
-------------------------------------------------------------------------------------------------- */
#nav{
	background:url('images/common/nav-end.png') 100% 0 no-repeat;
	position:fixed;
	position:absolute;
	top:30px;
	left:0;
	width:519px;
	height:60px;
	z-index:100;
	overflow:hidden;
	}
	#nav ul{
		}
	#nav li{
		float:left;
		}
		#nav a{
			color:#fff;
			text-decoration:none;
			height:60px;
			display:block;
			text-indent:-9999em;
			outline:none;
			overflow:hidden;
			}
		#nav .nav-home a { width:88px; background-position:0 0; }
		#nav .nav-work a { width:61px; background-position:-91px 0; }
		#nav .nav-about a { width:60px; background-position:-152px 0; }
		#nav .nav-services a { width:76px; background-position:-342px 0; }
		#nav .nav-journey a { width:65px; background-position:-418px 0; }
		#nav .nav-award a { width:61px; background-position:-206px 0; }
		#nav .nav-contact a { width:70px; background-position:-267px 0; }
		
		#nav .nav-home a:hover { background-position:0 -60px; }
		#nav .nav-work a:hover { background-position:-91px -60px; }
		#nav .nav-about a:hover { background-position:-152px -60px; }
		#nav .nav-services a:hover { background-position:-342px -60px; }
		#nav .nav-journey a:hover { background-position:-418px -60px; }
		#nav .nav-award a:hover { background-position:-206px -60px; }
		#nav .nav-contact a:hover { background-position:-267px -60px; }
		
		#nav .nav-home { 
			padding-right:0px; 
			}
		#nav a, #nav .nav-home { background:url('images/common/nav.png') 0 0 no-repeat; }


/* Home
-------------------------------------------------------------------------------------------------- */
#home{
	width:720px;
	background:#000 url('images/bg/home.jpg') 0 bottom no-repeat; 
	background-position:top;
	}
	#logo{
		width:676px;
		height:676px;
		font-size:30px;
		text-align:center;
		position:absolute;
		top:24px;
		top:50%;
		left:50%;
		margin-left:-338px;
		margin-top:-338px;
		}
		h1{
			width:386px;
			height:534px;
			text-indent:-9999em;
			top:95px;
			top:50%;
			left:50%;
			margin:-267px 0 0 -193px;
			position:absolute;
			}
	#home .noLogo{
		background:none;
		height:0;
		}
		#home .noLogo h1{
			margin-top:71px;
			}
		#foreground{
			background:url('images/bg/home-astronauts.png') 0 bottom no-repeat;
			height:332px;
			width:464px;
			position:absolute;
			bottom:0;
			right:0;
			}
	#home.logoChange{
		
		}
		#home.logoChange #logo{
			width:498px;
			height:498px;
			margin:-249px 0 0 -249px;
			}
			#home.logoChange #logo img{
				width:498px;
				height:498px;
				}

		.bg_home_object {
			width:720px;
			height:646px;
			position:absolute;
			top:10%;
			right:0;
			background:url('images/bg/bg_home_object.png') 0 0 no-repeat; ;
		}
		
				

/* Work 
-------------------------------------------------------------------------------------------------- */
#work{
	width:960px;
	background:#fff url('images/bg/work.jpg') 0 0 no-repeat; background-position:center;
	color:#fff;
	}
	#work .main{
		float:left;
		}
		#work h2{
			background-position:0 0;
			}
		#work h3{
			color:#fff;
			}
			
	#work .desc p{
		width:260px;
		color:#fff;
		line-height:21px;
		padding:10px 30px 0 0;
		float:left;
		height:210px;
		overflow:hidden;
		}
		
	#work .aside{
		width:720px;
		float:left;
		}
		#projectsCol{
			position:absolute;
			top:385px;
			width:960px;
			}
			.project{
				width:320px;
				height:120px;
				position: relative;
				float:left;
				overflow:hidden;
				}
				.project a{
					position:relative;
					display:block;
					width:320px;
					height:120px;
					overflow: hidden;
					text-decoration:none;
					}
					
				#work .sectionNav{
				width:225px;
				float:right;
				border-left:1px dotted #666;
				height:150px;
				padding:100px 0 0 14px;
				}
					
					/*
					.project .title{
						position:relative;
						display: block;
						z-index:1;
						font-size:18px;
						color:#362f2d;
						padding:20px 10px 10px 10px;
						background: #e05e38 url('images/work/projectTitle.png') 10px 10px no-repeat;
						left:-240px;
						}
					*/

					.project .title{
						position:relative;
						display: block;
						z-index:1;
						font-size:14px;
						color:#000;
						background: #fff; opacity:0.1;
						left:-320px;
						width:320px;
						height:120px;						
						}
						/*
						.project strong{
							display:block;
							border-bottom:0px solid #362f2d;
							padding:0 30px 0 0;
							width:190px;
							height:90px;
							}
						*/
					.project .hover{
						left:0;
						}
					
					.project img{
						position:absolute;
						top:0;
						left:0;
						z-index:0;
						}
		.ie7 #projectsCol { left:0; }
		#featuredProjects{
			position:absolute;
			bottom:0;
			left:0;
			}
			#featuredProjects .featured{
				width:480px;
				height:360px;
				display: block;
				position: relative;
				overflow: hidden;
				float:left;
				}
				#featuredProjects a{
					position:relative;
					display: block;
					text-decoration:none;
					overflow: hidden;
					width:480px;
					height:360px;
					}
					#featuredProjects .title{
						position:relative;
						z-index:1;
						background:#e05e38 url('images/work/featureTitle.png') 26px 0 no-repeat;
						display:block;
						height:308px;
						width:428px;
						padding:26px;
						left:-480px;
						}
						#featuredProjects strong{	
							color:#362f2d;
							font-size:24px;
							display: block;
							margin:14px 0 0;
							padding:9px 8px 54px;
							border:1px solid #362f2d;
							border-bottom:0;
							width:410px;
							height:auto;
							background:#e05e38 url('images/work/featureTitleBottom.png') -1px bottom no-repeat;
							}

					#featuredProjects .hover{
						left:0;
						}
					#featuredProjects img{
						position:absolute;
						top:0;
						left:0;
						}

/* About 
-------------------------------------------------------------------------------------------------- */
#about{	
	width:960px;
	background:#fff url('images/bg/about.jpg') 0 0 no-repeat; 
	background-position:center;
	color:#333;
	}
	#about h2{
		background-position:0 -81px;
		}
	#about .main{
		float:none;
		}
	#about .desc{
		color:#5e5957;
		}
	#about .desc p{
		width:276px;
		color:#333;
		line-height:21px;
		padding:0 30px 0 0;
		float:left;
		height:180px;
		overflow:hidden;
		z-index:10;
		position:relative;
		}
					
		#about h3{
				z-index:10;
		position:relative;
					color:#362f2d;
					}
					
	#about .aside{
		float:none;
		}
		#video{
			width:720px;
			height:360px;
			overflow:hidden;
			position:absolute;
			left:0;
			bottom:0;
			}
			#videoContent{
				display: none;
			
				}

		.bg_about_object {
			width:960px;
			height:636px;
			position:absolute;
			bottom:0;
			right:0;
			background:url('images/bg/bg_about_object.png') 0 0 no-repeat; ;
		}
		
#fullbio {
	line-height:22px;
	width:800px;
	padding:15px;
}

#fullbio h3{
	font-weight:bold;
	font-size:15px;
}
		
.testimo_box{
	width:530px;
	height:260px;
	position:absolute;
	z-index:10;
	left:27px; 
	top:400px;
}

.t_testimo {
	color:#362f2d;
	font-size:18px;
	font-weight:bold;
	height:28px;
	padding:8px 10px 0 60px;
	background:#f5f5f5 url(images/common/i_dropdown_arrow1.png) no-repeat 30px 9px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}

.t_testimo a, .t_testimo a:visited, .t_testimo a:active { 
    color: #252525;
}

.t_testimo a:hover {
	color:#404040;
}

.t_testimo_name {
	color:#333;
	font-size:11px;
	font-weight:bold;
	height:20px;
}

.testi_left {
	width:104px;
	height:152px;
	margin-top:4px;
	padding-right:13px;
	text-align:left;
	float:left;
}

.testi_right {
	width:460px;
	height:230px;
	float:left;
	overflow:hidden;
}

.pagination{
width: 580px; /*Width of pagination DIV. */
height:20px;
text-align: center;
padding: 0;
position:absolute;
z-index:10;
bottom:0;
left:0;
}

.pagination a{
padding: 0 5px 2px;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background: #000;
}
				
.bg_philosophy {
		z-index:10;
		position:relative;
	width:99px;
	height:13px;
	margin:0 0 13px 9px;
	background:url('images/common/bg_philosophy.png') 0 0 no-repeat; 
}

.bg_aboutkedaz {
		z-index:10;
		position:relative;
	width:99px;
	height:13px;
	margin:0 0 13px 9px;
	background:url('images/common/bg_aboutkedaz.png') 0 0 no-repeat; 
}
				
				
/* Services 
-------------------------------------------------------------------------------------------------- */

#services{	
	width:960px;
	background:#fff url('images/bg/bg_services.jpg') 0 0 no-repeat; background-position:center;
	color:#333;
	}
	#services h2{
		background-position:0 -168px;
		}
	#services .main{
		float:none;
		}
	#services .desc p{
		width:260px;
		color:#fff;
		line-height:21px;
		padding:10px 30px 0 0;
		float:left;
		height:90px;
		overflow:hidden;
		}
		
		#services h3{
			color:#fff;
			}
	#services .aside{
		float:none;
		}
		
	#services .desc p{
		width:500px;
		color:#fff;
		line-height:21px;
		padding:10px 30px 0 0;
		float:left;
		height:210px;
		overflow:hidden;
		}

	.bg_services_object {
			width:960px;
			height:712px;
			position:absolute;
			bottom:0;
			right:0;
			z-index:1;
			background:url('images/bg/bg_services_object.png') 0 0 no-repeat; ;
		}
		
		#servicesMap ol{
			position:absolute;
			top:0;
			left:0;
			}
			#servicesMap li{
				position:absolute;
				z-index: 0;
				}
				#servicesMap h4{
					width:64px;
					height:64px;
					position:relative;
					overflow:hidden;
					color:#000;
					text-indent:-9999em;
					background: url('images/services/servicesIcons.png') 0 0 no-repeat;
					}
					#servicesMap a{
						display:block;
						width:64px;
						height:64px;
						}
				#servicesMap .line{
					position:absolute;
					top:68px;
					left:32px;
					overflow: hidden;
					width:1px;
					height:200px;
					background: url('images/services/servicesIcons.png') -65px bottom no-repeat;
					}
				#servicesMap .tooltip{
					position:absolute;
					top:-28px;
					left:74px;
					color:#fff;
					width:240px;
					background: #e05e38;
					display:none;
					z-index:20;
					font-size:14px;
					}
					#servicesMap .tooltip .inner{
						position:relative;
						width:220px;
						padding:12px 10px 12px 20px;
						left:-9px;
						line-height:18px;
						background: url('images/services/tt-arrow.png') 0 51px no-repeat;
						}
						#servicesMap .tooltip b{
							background:url('images/common/sectionNav.png') 0 0 no-repeat;
							height:17px;
							text-indent:-9999em;
							display:block;
							padding:0 0 7px;
							margin:0 0 5px;
							border-bottom:1px dotted #fff;
							}
							
						#services .sStrategy b { background-position:-6px -195px; }
						#services .sDesign b { background-position:-6px -249px; }
						#services .sIA b { background-position:-6px -222px; }
						#services .sDevelopment b { background-position:-6px -276px; }
					
			#servicesMap .sStrategy { left:32px; z-index:4; }
			#servicesMap .sDesign { left:189px; z-index:3; }
			#servicesMap .sIA { left:433px; z-index:2; }
			#servicesMap .sDevelopment { left:619px; z-index:1; }
			
			#servicesMap .sStrategy h4 { background-position:0 0; }
			#servicesMap .sDesign h4 { background-position:0 -64px; }
			#servicesMap .sIA h4 { background-position:0 -128px; }
			#servicesMap .sDevelopment h4 { background-position:0 -192px; }
			
			#servicesMap .sStrategy .line { height:150px; }
			#servicesMap .sDesign .line { }
			#servicesMap .sIA .line {  }
			#servicesMap .sDevelopment .line { height:150px; }
			
			.sectionNav_services{
				width:225px;
				float:right;
				border-left:1px dotted #666;
				height:190px;
				padding:140px 0 0 14px;
				}
			

/* Journey
-------------------------------------------------------------------------------------------------- */

#journey{
	width:960px;
	background:#FFF;
	background:url('images/bg/journey.jpg') 0 0 repeat;
	}

	#journey h2{
		background-position:0 -410px;
		z-index:10;
		}
	#journey .content{
		z-index:1;
		padding-top:0;
		position: relative;
		height:100%;
		overflow:hidden;
		}
	#journey .main{
		width:650px;
		margin:0 auto 0;
		padding:80px 0 0;
		margin-left:60px;
		line-height:22px;
		}

		#journey h3{
			font-size:36px;
			width:370px;
			margin:18px 0 0;
			line-height:36px;
			text-align:center;
			border-top:1px solid #d4d2d2;
			border-bottom:1px solid #d4d2d2;
			padding:21px 35px 14px;
			font-family:'Conv_bod72ob_',Georgia, Serif;
			}
			#journey h3 a{
				color:#362f2d;
				text-decoration:none;
				}
				#blog h3 a:hover{
					color:#df603b;
					}


/* Award
-------------------------------------------------------------------------------------------------- */

#award{
	width:960px;
	background:#FFF;
	background:url('images/bg/award.jpg') 0 0 repeat;

	}
	#award h2{
		background-position:0 -243px;
		z-index:10;
		}
	#award .content{
		z-index:1;
		padding-top:0;
		position: relative;
		height:100%;
		overflow:hidden;
		}
	#award .main{
		width:650px;
		margin:0 auto 0;
		padding:150px 0 0;
		margin-left:60px;
		line-height:22px;
		}
		/*#blog img{
			width:218px;
			height:218px;
			}*/
		#award h3{
			font-size:36px;
			width:370px;
			margin:18px 0 0;
			line-height:36px;
			text-align:center;
			border-top:1px solid #d4d2d2;
			border-bottom:1px solid #d4d2d2;
			padding:21px 35px 14px;
			font-family:'Conv_bod72ob_',Georgia, Serif;
			}
			#award h3 a{
				color:#362f2d;
				text-decoration:none;
				}
				#award h3 a:hover{
					color:#df603b;
					}
		
		.bg_award_object {
			width:960px;
			height:543px;
			position:absolute;
			top:30%;
			right:0;
			z-index:1;
			background:url('images/bg/bg_award_object.png') 0 0 no-repeat; ;
		}
					
		
/* Cache Page
-------------------------------------------------------------------------------------------------- */
#extra{
	width:1920px;
	position:relative;
	background:#fff url('images/bg/cache.jpg') 0 0 no-repeat; background-position:center;
	}
	#extra .contentSection{
		width:1920px;
		}
	#extra .content{
		padding:0;
		}
		
	.bg_extra_object {
			width:1056px;
			height:289px;
			position:absolute;
			top:25%;
			right:420px;
			z-index:1;
			background:url('images/bg/bg_cache_object.png') 0 0 no-repeat; ;
		}
		
	#frame{
		}
		#frame div{
			position:absolute;
			width:63px;
			height:63px;
			z-index:1;
			background:url('images/extra/frame.jpg') 0 0 no-repeat;
			}
		#frame #tl{ top:0; left:0; }
		#frame #tr{ top:0; right:0; background-position:-63px 0; }
		#frame #bl{ bottom:0; left:0; height:60px; background-position:0 -63px; }
		#frame #br{ bottom:0; right:0; height:60px; background-position:-63px -63px; }
		
		#frame #ft { width:1794px; left:63px; top:0; background-position:0 -123px; background-repeat:repeat-x; }
		#frame #fb { width:1794px; left:63px; height:60px; bottom:0; background-position:0 bottom; background-repeat:repeat-x; }
		
		#frame #fl, 
		#frame #fr { background:url('images/extra/frameSides.jpg') 0 0 repeat-y; z-index:0; height:100%; }
		#frame #fr { right:0; background-position:-63px 0; }
		
	#extra h2{
		width:414px;
		height:139px;
		background:url('images/extra/text.png') 0 0 no-repeat;
		position:absolute;
		top:200px;
		left:750px;		
		text-indent:-9999em;
		z-index:1;
		}
	#extra img{
		position:absolute;
		z-index:0;
		}


/* Contact
-------------------------------------------------------------------------------------------------- */
#contact{
	width:960px;
	color:#000;
	background:url('images/bg/contact.jpg') 0 bottom no-repeat; background-position:top;
	}
	#contact .contentSection{
		width:960px;
		}
	#contact .content{
		padding-left:30px;
		}
	#contact h2{
		background-position:0 -324px;
		}
		#contact h3{
			font-size:25px;
			line-height: 33px;
			width:510px;
			color:#000;
			margin:0 0 10px;
			font-family:'Conv_bod72ob_',Georgia, Serif;
			/* text-shadow:rgba(0,0,0,0.2) 1px 1px 2px; */
			}
				

/* Contact Form */

#contact_box {
	width:350px;
	height:330px;
	position:relative;
	top:115px;
	left:;
}

#contact_form {
	font-family:arial,verdana,tahoma;
	font-size:11px;
	padding:0;
	margin:0;
	display: block; 
	width: 230px; 
	overflow:hidden;
	position:absolute;
	top:0px;
}

#contact_form .inner {
	padding:0;
	width: 230px; 
	color: #000; 
}

#contact_form .input {
	padding:2px 3px;
	line-height: 18px; 
	background:#2b2b2b;
	border:1px solid #2b2b2b;
	margin-top: 3px; 
	width: 215px; 
	display: block; 
	color: #e7e7e7; 
	font-size: 12px; 
}
#contact_form TEXTAREA {
	font-family:arial,verdana,tahoma;
	padding:2px 3px ;
	line-height: 18px; 
	background:#2b2b2b;
	border:1px solid #2b2b2b;
	margin-top: 3px; 
	width: 215px; 
	height:60px;
	display: block; 
	color: #e7e7e7; 
	font-size: 12px; 


}
#contact_form LABEL {
	margin: 10px 0; 
	display: block;
	color:#000;
}

input.btn {
	font-size:11px;
	color:#2b2b2b;
	width:80px;
	background-color:transparent;
	border:1px solid #484848;
	cursor:pointer;
	padding:2px;
}

.styled-select select {
	background:#2b2b2b;
	border:1px solid #2b2b2b;
	color: #e7e7e7; 
	width: 223px;
	padding:2px 0;
	font-size: 12px;
	height: 25px;
}


		
		#contact .col{
			width:210px;
			float:left;
			margin:0 30px 0 0;
			font-size:14px;
			line-height:18px;
			 text-shadow:rgba(0,0,0,0.2) 1px 1px 1px; 
			}
			#contact dt{
				font-weight:bold;
				text-transform: uppercase;
				font-size:10px;
				margin:10px 0 0;
				}
			#contact .col a{
				text-decoration: none;
				color:#000;
				}
				#contact .col a:hover{
					color:#000;
					}
					
		.bg_newspaper {
			width:500px;
			height:452px;
			position:absolute;
			bottom:0;
			right:0;
			z-index:1;
			background:url('images/bg/bg_newspaper_s.png') 0 0 no-repeat; ;
		}
		
	.contactBtn{
		position:absolute;
		left:30px;
		bottom:25px;
		width:234px;
		height:60px;
		background:url('images/common/sprite.png') 0 -405px no-repeat;
		text-indent:-9999em;
		}
		.contactBtn:hover{
			background-position:0 -465px;
			}

/* Copyright
-------------------------------------------------------------------------------------------------- */
#copyright{
	margin-top:4.72em;
	}
	#copyright .first{
		font-weight:bold;
		}

/* Misc
-------------------------------------------------------------------------------------------------- */
#misc{
	height:100%;
	width:320px;
	background:url('images/bg/book.jpg') 0 0 no-repeat;;
	}
	
/* Standard Content
-------------------------------------------------------------------------------------------------- */
#navBar{
	background:#e05e38;
	color:#fff;
	height:60px;
	position: relative;
	z-index:2;
	}
	#navBar .inner{
		position:relative;
		}
		#navBar .pageTitle{
			width:240px;
			height:49px;
			background: url('images/inner/pageTitle.png') 0 0 no-repeat;
			position:absolute;
			top:0;
			left:0;
			text-indent:-9999em;
			}
			#navBar .ptServices{ background-position:0 -60px; }
			#navBar .ptBlog { background-position:0 -120px; }
			#navBar .ptContact { background-position:0 -180px; }
		#navBar p{
			padding:11px 0 0;
			position:absolute;
			top:8px;
			left:218px;
			width:45px;
			height:43px;
			color:#e05e38;
			font-size:17px;
			text-align:center;
			cursor:default;
			background:url('images/common/sprite.png') 0 -666px no-repeat;
			}
		#navBar #controls{
			width:481px;
			}
			#controls li{
				height:60px;
				width:240px;
				overflow: hidden;
				float:left;
				}
				#controls li a{
					height:60px;
					display: block;
					text-indent:-9999em;
					background: url('images/inner/navBarControls.png') 0 0 no-repeat;
					}
			#controls #prev{
				width:241px;
				}
				#controls #prev a:hover{
					background-position:0 -60px;
					}
			#controls #next a{
				background-position:-241px 0;
				}
				#controls #next a:hover{
					background-position:-241px -60px;
					}
		
		#selectWork{
			position:absolute;
			top:0;
			right:240px;
			}
			#selectWork .trigger{
				width:241px;
				height:60px;
				overflow: hidden;
				display: block;
				text-indent:-9999em;
				background: url('images/inner/navBarControls.png') -481px 0 no-repeat;
				}
				#selectWork .open{
					background-position:-481px -60px;
					}
			#workList{
				position:absolute;
				top:60px;
				left:0;
				width:480px;
				padding:12px 0 20px;
				background:url('images/bg/bg.jpg') 0 0 repeat;
				overflow: hidden;
				display:none;
				}
				#workList li{
					border-bottom:1px solid #4a4a4a;
					width:230px;
					margin-left:10px;
					float:left;
					}
					#workList li a{
						display:block;
						color:#c2c2c2;
						text-decoration:none;
						font-size:14px;
						padding:10px 0;
						}
						#workList li a:hover{
							color:#df603b;
							}
				
		#return{
			width:225px;
			height:60px;
			display: block;
			overflow: hidden;
			background: url('images/inner/returnHomepage.png') 0 0 no-repeat;
			text-indent:-9999em;
			position:absolute;
			top:0;
			right:0;
			}
			#navBar #return:hover{
				background-position:0 -60px;
				}
	
#standardContent{
	height:100%;
	margin-top:-60px;
	position: relative;
	z-index: 1;
	}
	#standardContent .title{
		width:720px;
		}
		#standardContent #titleHolder{
			border-top:1px solid #fff;
			border-bottom:1px solid #fff;
			margin:-152px auto 0;
			padding:58px 0;
			width:240px;
			position:relative;
			top:50%;
			}
			#standardContent h1{
				text-indent:0;
				background: none;
				width:auto;
				height:auto;
				position:relative;
				margin:0 -130px;
				line-height:normal;
				text-align:center;
				top:0;
				left:0;
				font-size:72px;
				color:#fff;
				font-family:'Conv_bod72ob_',Georgia, Serif;
				}
			.ie7 #standardContent h1{ width:500px; }
	#standardContent .main{
		height:100%;
		width:100%;
		background:url('images/bg/white-bg.jpg') top left repeat;
		background:url('images/inner/stnd-main.png') center center no-repeat, url('images/bg/blog-gradient.jpg') 0 60px repeat-x, url('images/bg/white-bg.jpg') top left repeat;
		color:#362f2d;
		}
	.standard #standardContent .main{
		width:1200px;
		}
		#standardContent .content{
			position:relative;
			top:50%;
			margin:-215px auto 0;
			padding:0 200px 0 240px;
			font-size:14px;
			height:430px;
			}
			#standardContent .col{
				float:left;
				width:340px;
				padding-right:40px;
				}
				
				#standardContent h2{
					width:auto;
					height:auto;
					background:none;
					text-indent:0;
					font-size:36px;
					color:#1c1c1c;
					position:relative;
					top:auto;
					left:auto;
					margin:0 0 20px;
					font-family:'Conv_bod72ob_',Georgia, Serif;
					}
				#standardContent p{
					margin:0 0 7px;
					line-height:20px;
					}
				#standardContent .begin{
					font-size:11px;
					text-transform: uppercase;
					font-weight:bold;
					}
	#standardContent .aside{
		padding:0 120px;
		padding:0 80px 0 120px;
		font-size:14px;
		color:#fff;
		}
		#standardContent .aside .content{
			width:760px;
			padding:0;
			}
		#standardContent h3{
			width:auto;
			height:auto;
			background:none;
			position:relative;
			text-indent:0;
			top:auto;
			left:auto;
			color:#fff;
			font-size:36px;
			margin:0 0 3px;
			font-family:'Conv_bod72ob_',Georgia, Serif;
			}
		#standardContent h4{
			text-transform: uppercase;
			font-size:11px;
			margin:17px 0 5px;
			font-weight:bold;
			}
		#standardContent a{
			color:#fff;
			text-decoration: none;
			}
			#standardContent a:hover{
				color:#df603b;
				}
		#standardContent ul{
			margin:10px 0 0;
			}
			#standardContent li{
				border-bottom:1px solid #4b4b4b;
				}
				#standardContent li a{
					display:block;
					padding:10px 0;
					}

					
/* Blog Detail
-------------------------------------------------------------------------------------------------- */
.blog #standardContent #titleHolder{
	margin-top:-210px;
	}
	.blog #standardContent h1{
		font-size:60px;
		}
.blog #standardContent .aside {
	width:360px;
	padding:0 120px;
	}		
.blog #standardContent .aside .content{
	width:auto;
	padding:0;
	}
	
	
/* Blog Archive
-------------------------------------------------------------------------------------------------- */
.archive #standardContent #titleHolder{
	padding:110px 0;
	margin-top:-125px;
	}
	.archive #standardContent h1{
		font-size:72px;
		margin:0;
		}
	.ie7 .archive #standardContent h1{
		width:240px;
		}
.archive #standardContent .main{
	background:url('images/bg/white-bg.jpg') top left repeat;
	background:url('images/bg/blog-gradient.jpg') 0 60px repeat-x, url('images/bg/white-bg.jpg') top left repeat;
	width:1920px;
	}
	.archive #standardContent .main .content{
		margin:-250px 0 0;
		padding:0;
		top:50%;
		left:auto;
		width:auto;
		height:auto;
		}
	.archive #standardContent .main ul{
		margin:0;
		}
		.archive #standardContent .main li{
			width:440px;
			padding:0 20px;
			float:left;
			text-align:center;
			border:none;
			}
			.archive #standardContent a{
				padding:0;
				}
			.archive #standardContent h2{
				border-top:1px solid #d4d2d2;
				border-bottom:1px solid #d4d2d2;
				margin:0;
				}
				.archive #standardContent h2 a{
					color:#362f2d;
					display: block;
					padding:25px 35px;
					}
					.archive #standardContent h2 a:hover{
						color:#df603b;
						}
.archive #standardContent .aside .content{
	width:auto;
	}
	
/* Contact Form 
-------------------------------------------------------------------------------------------------- */
.form #standardContent .content{
	top:80px;
	margin:0 auto;
	padding:0;
	width:959px;
	}
.form #standardContent h1{
	position:absolute;
	left:-9999em;
	}
.form #standardContent .main{
	background:url('images/bg/blog-gradient.jpg') 0 60px repeat-x, url('images/bg/white-bg.jpg') top left repeat;
	}
.form form{
	color:#362f2d;
	border:1px solid #d7d5d5;
	background: url('images/form/contactus-bg.gif') 239px 0 repeat-y;
	}
	.form #standardContent .col{
		width:202px;
		padding:0 19px;
		float:left;
		}
	.form #standardContent .col2{
		}
	.form #standardContent .col3{
		width:439px;
		}
		.form h2{
			border-bottom:1px dotted #aeabaa;
			padding:20px 0 27px;
			}
			.form h2 span{
				display: block;
				width:83px;
				height:63px;
				overflow: hidden;
				padding:20px 0 0;
				text-indent: -9999em;
				background: url('images/form/steps.png') 0 0 no-repeat;
				}
		.form .formRow{
			padding:0 0 25px;
			}
		.form label{
			font-size:14px;
			text-transform: uppercase;
			margin:0 0 8px;
			letter-spacing: 2px;
			display: block;
			}
		.form input{
			border:1px solid #c4c4c4;
			background: #fff;
			font-family: Georgia, "Times", serif;
			font-size:14px;
			color:#362f2d;
			width:190px;
			padding:8px 5px 9px;
			}
		.form textarea{
			border:1px solid #c3c3c3;
			background: #fff;
			font-family: Georgia, "Times", serif;
			font-size:14px;
			color:#362f2d;
			width:424px;
			height:201px;
			padding:8px 5px 9px;
			}
		.form .formControls{
			clear:left;
			background: url('images/form/formControls-bg.jpg') 0 0 repeat;
			border-top:1px solid #d7d5d5;
			padding:9px 22px;
			text-align: right;
			}
			.form .button{
				height:60px;
				position:relative;
				overflow: hidden;
				background: none;
				}
				.form .button input{
					padding:0;
					border: none;
					width:auto;
					position:relative;
					}
				.form .button:hover input{
					top:-60px;
					}
			
			.form .submit{ width:180px; float:right; }
			
		/* Column specifics */
		.form .col2 label{
			margin:0 0 20px;
			}
		.form .col2 h2 span { background-position:0 -83px;}
		.form .col3 .formRow{
			clear:left;
			}
		.form .col3 h2 span { background-position:0 -166px;}
		
		/* cb-group */
		.cb-group{
			}
			.cb-group-row{
				}
				.cb-group label{
					text-transform: none;
					margin:0;
					display: inline;
					font-style:italic;
					letter-spacing:normal;
					}
				.cb-group input{
					margin:0 10px 17px 0;
					vertical-align: top;
					width:auto;
					border: none;
					}
	
/* Work
-------------------------------------------------------------------------------------------------- */
.work #standardContent .main{
	width:100%;
	background:none;
	}
	.work #standardContent .content{
		width:100%;
		height:100%;
		top:auto;
		margin:0;
		padding:0;
		}
	#projectInfo{
		width:450px;
		position:absolute;
		top:32px;
		left:32px;
		color:#555;
		z-index:20;
		}
	.ie7 #projectInfo, 
	.ie8 #projectInfo{
		top:92px;
		}
		#projectInfo h1{
			color:#000;
			font-size:48px;
			letter-spacing:1px;
			margin:0;
			width:550px;
			text-align:left;
			line-height:normal;
			/*height:118px;*/
			height:auto;
			text-indent:0;
			position:static;
			padding-bottom:20px;
			font-family:'Conv_bod72ob_',Georgia, Serif;
			}
		#projectInfo h2{
			font-size:14px;
			font-weight:bold;
			font-family: Georgia;
			color:#555;
			margin:0;
			border-top:1px solid #9d9b9a;
			border-bottom:1px solid #9d9b9a;
			padding:15px 0;
			line-height:normal;
			}
		#projectInfo p{
			margin:0 0 1em;
			}
		#projectInfo .info{
			padding:20px 0 8px;
			border-top:1px solid #9d9b9a;
			}
			#projectInfo dl{
				text-transform: uppercase;
				width:450px;
				font-size:11px;
				margin-bottom:12px;
				}
				#projectInfo dt{
					display:inline;
					font-weight:bold;
					}
				#projectInfo dd{
					display:inline;
					font-weight: normal;
					}
					
				#projectInfo a:hover{
					color:#000;
					}
		#projectDesc{
			border-top:1px dotted #9d9b9a;
			clear:left;
			font-size:14px;
			line-height:18px;
			padding:15px 0 0;
			font-weight:normal;
			}

			
			
			
			
			
			
			
			
			
			
