/*
Theme Name: Definite 2011
Author: Definite Studio
Author URI: http://definitelyworks.com/
Description: The Definite 2011 theme is made custom by the definite studio team, designed by @haryabimo and coded by @endrian. 
Version: 1.1
License: GNU General Public License
License URI: license.txt
*/
@charset "utf-8";

@import url('css/reset.css');
@import url('fonts/stylesheet.css');

body{
	background:url(images/pattern-blue-2.png) repeat;
}

#header{
	width: 100% !important;
	height: 75px;
  	background-color: rgba(0, 0, 0, 0.2);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	position:absolute;
	z-index:100;
	top:0px;
}

#nav-container{
	width:970px;
	height: 75px;
	margin: auto;
	position:relative;
}

#logo{
	background:url(images/logo-definite.png) no-repeat;
	width:236px;
	height:40px;
	position: absolute;	
	margin:18px;
}

#main-nav{
	width:600px;
	height:32px;
	position:absolute;
	float:left;
	left:297px;
	top: 24px;
}

#main-nav ul,#main-nav li{
	list-style:none;	
}

#main-nav li a{
	font-family: 'Georgia-Normal', "Times New Roman", Times;
	font-style:italic;
	font-size: 14px;
	color:#66cc33;
	padding:4px 18px 6px 18px;
	margin:0px 20px;
	float:left;
	text-decoration:none;
}

#main-nav li a:hover{
	color:#FFF;
	padding:4px 18px 6px 18px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background:rgba(0, 0, 0, 0.2);
}

#main-nav .current_page_item a,#main-nav .current_page_parent a{
	color:#FFF;
	padding:4px 18px 6px 18px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background:rgba(0, 0, 0, 0.2);
}

#blog-nav{
	background: url(images/blog-img.png) no-repeat;
	width:53px;
	height:124px;
	position:absolute;
	right:0px;
	top:-15px;
}

#home-slider{
	background: url(images/bg-slider.jpg) center;	
  	position: relative; 
  	height: 571px;
  	left: 0px;
  	width: 100%;
  	overflow:hidden;
	padding-top:75px;
}

#main-slider #sliderloads {
	width:24px; height:24px; position:absolute; top:220px; left:50%; margin-left:-16px; 
	background: url(images/ajax-loader.gif) no-repeat transparent;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border:4px solid #666; 
}

#main-slider{
  width: 1920px;
  height: 540px;
  overflow:hidden;
  margin-left: -960px;  /***  width / 2   ***/
  position: absolute;
  top: 75px;          /***  height / 2   ***/
  left: 50%;
}

#main-slider li{
	width:1920px; 
	height:540px; 
	position:absolute; 
	left:-1450px; 
	top:0px; 
	z-index:1; 
}

#main-slider .layer1, #main-slider .layer2, #main-slider .layer3{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:1920px; 
	height:540px; 
}

#main-slider .layer2 img,
#main-slider .layer3 img{
	display:block; 
	margin-bottom:0px;
}

#main-slider .project-info{
	z-index:4;
}

#main-slider .projectinfo-holder h1,
#main-slider .projectinfo-holder p,
#main-slider .projectinfo-holder .button{
	position:relative; 
}

#main-slider .projectinfo-holder .button
,#featured-project .info .button{
	width:148px;
	height:36px;
	background-color: rgba(0,0,0,0.3);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align:center;
}

#main-slider .projectinfo-holder .button:hover,
#featured-project .info .button:hover{
	background-color: rgba(0,0,0,0.6);
}

#main-slider .projectinfo-holder .button a,
#featured-project .info .button a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
	position:relative;
	top:8px;
}

#main-slider .layer1 { z-index:4; }
#main-slider .layer2 { z-index:3; }
#main-slider .layer3 { z-index:2; }

#main-slider .layer2 img,
#main-slider .layer3 img{
	display:block;
}
#main-slider #greetings .project-info{top:-110px;}
#main-slider #greetings .projectinfo-holder{position:relative; width:395px; height:490px; overflow:hidden;}
#main-slider #greetings .button-1{ position:absolute;margin-top:45px; width:193px;left:100px;}
#main-slider #greetings .layer1 {margin-top:140px; margin-left:60px;}
#main-slider #greetings .layer2 img {margin-top:0px; margin-left:20px; }	
#main-slider #greetings .layer3 img {margin-top:40px; margin-left:530px; }
#main-slider #greetings .project-info .layer{position:absolute; top:0; left:0;}

#main-slider #woods .projectinfo-holder h1{ margin-top:40px;}
#main-slider #woods .projectinfo-holder{position:relative; width:260px; height:540px; overflow:hidden;}
#main-slider #woods h1{ font-family: 'Calibri-Bold', Geneva, Arial; font-size:30px; color:#FFF; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;}
#main-slider #woods p{ font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;font-size:18px;line-height:22px;color:#333;margin-top:13px; }
#main-slider #woods .button{ margin-top:18px; width:148px;}
#main-slider #woods .layer1 {margin-top:140px; margin-left:60px;}
#main-slider #woods .layer2 img {margin-top:80px; margin-left:420px; }	
#main-slider #woods .layer3 img {margin-top:140px; margin-left:330px; }
#main-slider #woods .project-info .layer{position:absolute; top:0; left:0;}

#main-slider #teebox .projectinfo-holder h1{ margin-top:40px;}
#main-slider #teebox .projectinfo-holder{position:relative; width:260px; height:540px; overflow:hidden;}
#main-slider #teebox h1{ font-family: 'Calibri-Bold', Geneva, Arial; font-size:30px; color:#FFF; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;}
#main-slider #teebox p{ font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;font-size:18px;line-height:22px;color:#333;margin-top:13px; }
#main-slider #teebox .button{ margin-top:18px; width:148px;}
#main-slider #teebox .layer1 {margin-top:140px; margin-left:60px;}
#main-slider #teebox .layer2 img {margin-top:80px; margin-left:420px; }	
#main-slider #teebox .layer3 img {margin-top:140px; margin-left:330px; }
#main-slider #teebox .project-info .layer{position:absolute; top:0; left:0;}

#main-slider #welcome .projectinfo-holder h1{ margin-top:-100px;}
#main-slider #welcome .projectinfo-holder{position:relative; left:-40px; width:950px; height:240px;}
#main-slider #welcome h1{ font-family: 'Calibri-Bold', Geneva, Arial; font-size:30px; color:#FFF; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; width:100%;text-align:center;}
#main-slider #welcome p{ font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;font-size:18px;line-height:22px;color:#333;margin-top:18px; width:100%;text-align:center; }
#main-slider #welcome .button{ margin-top:18px; width:148px; margin:auto;}
#main-slider #welcome .layer1 {margin-top:140px; margin-left:60px;}
#main-slider #welcome .layer2 img {margin-top:180px; margin-left:220px; }
#main-slider #welcome .layer3 img {margin-top:200px; margin-left:-10px; }

#main-slider-nav {
	position:relative;
	margin:auto;
	margin-top:540px;
	height: 30px;
	width: 140px;
	text-align: center;
	z-index:20;
	display:none;
}

#main-slider-nav li{
	float:left;	
	list-style:none;
}

#main-slider-nav a {
	margin: 11px;
	display: inline-block;
	width: 9px;
	height: 9px;
	text-indent: -9999px;
	background: red;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background:#336666;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}
	
#main-slider-nav a.selected {
	background:#33cc33;
}


#project-type1 .title{
	font-family: 'Calibri-Bold', Geneva, Arial;
	font-size:30px;
	color:#FFF;
	text-shadow: black 1px 1px 3px;
	position:absolute;
	top:142px;
	left:60px;
}

#project-type1 .excerpt{
	font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:16px;
	color:#333;
	text-shadow: #999 1px 1px 1px;
	position:absolute;
	width:270px;
	top:186px;
	line-height:20px;
	left:60px;
}

#project-type1 .button{
	width: 148px;
	height: 36px;
	position:absolute;
	top:264px;	
	left:60px;
}

#project-type1 .image01{
	position:absolute;
	top:63px;	
	right:60px;
	z-index:20;
}

#project-type1 .image02{
	position:absolute;
	top:150px;	
	right:160px;
}

#nav-btn{
	position:relative;
	margin:auto;
	margin-top:260px;
	width: 960px;
	z-index:100;
}

#prev,#next{
	width:21px;
	height:33px;
	position:absolute;
	margin-top:-50px;
	cursor:pointer;
	z-index:100;
}

#prev{
	left:-47px;		
	background: url(images/btn-prev.png);
}

#next{
	right:-47px;;		
	background: url(images/btn-next.png)
}

#content{
	width:100%;
	height:380px;
	background:url(images/bg-shadow-shelf-home.png) repeat-x center top;
}

.bghome{
/*	background:url(images/bg-content.jpg);*/	
}

#content-main{
	width: 950px;
	height:380px;
	margin:auto;	
}
#process-container{
	width:100%;	
	height:230px;
}
#process{
	margin-right:39px;
	width:290px;
	margin-top:54px;
	float:left;
	position:relative;
	height:auto;
}

#process:last-child{
	margin-right:0px;	
}

#process .icon{
	position:absolute;	
}

#process h1,#process h2{
	font-family:'HelveticaNeueLT-Bold', Helvetica, Arial;	
}

#process h1,#process h2,#process p{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

#process h1{
	top:0px;
	font-size:18px;
	color:#FFF;
	position:absolute;
	left:67px;
}

#process h2{
	position:absolute;
	font-size:13px;
	line-height:18px;
	color:#569677;
	top:24px;
	left:67px;
}

#process p{
	font-family: 'HelveticaNeueLT-Roman',Helvetica,Arial;
	font-size:12px;
	color: #999;
	line-height:20px;
	position:absolute;
	top:76px;
}

#getquote{
	background:	#171d26;
	width: 920px;
	height:90px;
	position: relative;
	margin:auto;
	margin-top:20px;
	margin-bottom:50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#getquote h1{
	font-family:'Georgia-Normal', "Times New Roman", Times, serif;
	font-size: 18px;
	font-style:italic;
	color:#FFF;
	position:absolute;
	top:25px;
	left:30px;
	margin:0;
	padding:0;
}

#getquote p{
	font-family: 'HelveticaNeueLT-Roman',Helvetica,Arial;
	font-size: 12px;
	color:#999;
	position:absolute;
	top:52px;
	left:30px;
	margin:0;
	padding:0;
}

#btn-quote{
	position:absolute;
	top:20px;
	right:30px;
}

#feeds{
	width:100%;
	min-width:960px;
	height:419px;
	background-image: url(images/bg-aside-01.png);
	background-repeat: repeat-x;
	background-position: 0px 20px;
}

footer{
	width:100%;
	min-width:960px;
	height:55px;
	background: url(images/bg-footer.jpg);
}


#feeds-container{
	width: 950px;
	height:419px;
	margin:auto;
	position:relative;	
}

.feed{
	position:relative;
	top: 10px;
	width:290px;
	height:340px;	
	float:left;
	margin-right:37px;
}

.feed:last-child{
	margin-right:0px;	
}

#blogline h1,#twitline h1,#dropline h1{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#999;
	text-indent:28px;
	padding-top:5px;
}

#twitline h1 a{
	color:#999;
	text-decoration:none;
	border-bottom:dotted 1px #999;
}

#twitline h1 a:hover{
	color: #39F; 
	text-decoration:none;		
	border-bottom:dotted 1px #39F;
}

#blogline h1{
	background:url(images/logo-head-blog.png) no-repeat;
	width:297px;
	height:24px;
	margin-bottom:10px;
}

#blogline{
	float:left;	
}

#blogline ul,#twitline ul{
	margin-top:-10px;
	list-style:none;
}

#blogline li,#twitline li{
	list-style:none;
	width:100%;
	float: left;
	min-height:60px;
	padding-bottom:10px;
	padding-top:15px;
	background:url(images/line-hr.jpg) bottom repeat-x;
}

#blogline img{
	float:left;
	margin-right:15px;
}

#blogline .comments,#blogline .date{
	font-family: 'Georgia-Normal', "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;	
}

#blogline .info{
	font-family: 'HelveticaNeueLT-Roman', helvetica, arial;
	font-size:12px;
	color:#999;
	line-height:20px;
}

#blogline .info a{
	color:#999;
	text-decoration:none;
}

#blogline .date{
	color:#569677;
	line-height:20px;
}

#blogline .dsq-postid{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#999;
	line-height:20px;
}

.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.75), rgba(0,0,0,0));

}

#twitline.feed h1{
	background: url(images/logo-head-twit.png) no-repeat; 
	width:297px;
	height:24px;
	margin-bottom:10px;
}


#twitline .comments,#twitline .date{
	font-family: 'Georgia-Normal', "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;	
}

#twitline .info,#twitline .twitid{
	font-family: 'HelveticaNeueLT-Roman', helvetica, arial;
	font-size:12px;
	color:#999;
	line-height:20px;
}
#twitline .info a{
	color :	#2e85a6;
}

#twitline .date{
	color:#999;
	line-height:20px;
}

#twitline .twitid{
	color: #336699;
}

#dropline.feed h1{
	background: url(images/logo-head-contact.png) no-repeat;
	width:297px;
	height:24px;
	margin-bottom:30px;
}

#dropaline{
	margin-top: -10px;	
}

#dropaline div{
	margin-bottom:10px;	
}

#dropaline input[type=text], #dropaline textarea, #dropaline input[type=submit]{
	width:270px;
	background:#101010;
	border:none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-indent:10px;
	font-size:12px;
	font-style:italic;
	color: #333;	
}

#dropaline input[type=text].error-highlight{
	border: #F30 1px solid;	
}

#dropaline input[type=text]{
	height:30px;
}

#dropaline textarea, #dropaline input[type=submit]{
	height:154px;
}

#dropaline input[type=submit]{
	width:52px;
	height:22px;
	font-size:12px;
	font-style:italic;
	float:right;
	margin-right:20px;
	text-indent:-2px;
}

#dropaline input[type=submit]:hover{
	color:#666;
	background:#333;
}

#footer-container{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:200;
	color: #999;
}

footer .info{
	padding-top:22px;
	position:relative;
}

footer .backto{
	width:120px;
	position:absolute;
	right:0px;
	top:22px;
	cursor:pointer;
}

#footer-container{
	width: 950px;
	height:55px;
	margin:auto;
	position:relative;	
}

footer .icon-home{ background: url(images/footer-imgs.png) 0px 0px no-repeat; width:17px; height:15px; float:left; position:relative; top:-2px; margin-right:5px }
footer .icon-phone{ background: url(images/footer-imgs.png) -17px 0px no-repeat; width:17px; height:15px; float:left; position:relative; top:-3px; margin-right:5px }
footer .icon-email{ background: url(images/footer-imgs.png) -37px 0px no-repeat; width:17px; height:15px; float:left; position:relative; top:-2px; margin-right:5px }
footer .icon-back{ background: url(images/footer-imgs.png) -54px 0px no-repeat; width:17px; height:15px; float:left; position:relative; top:-2px; margin-right:5px }

footer span{
	float:left;
	margin-right:15px;
	color:#999;
}

footer span:nth-child(1){
	font-weight:bold;
}

footer span:nth-child(4){
	width:200px;
	font-style:italic;
}

/* Our Passion Styles Start */
.header-quotes{
	width:950px;
	height:100px;
	margin:auto;
	position:relative;
	margin-top:132px;
}

.header-quotes h1{
	width:950px;
	margin:auto;
	font-family: 'Calibri-Bold', Calibri, Arial;
	font-size:30px;
	color:#FFF;
	text-align:center;
	margin-top:40px;
	position:relative;
}

.header-quotes h2{
	width:950px;
	margin:auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color: #666;
	text-align:center;
	margin-top:12px;
	position:relative;
}

.header-quotes h3{
	width:950px;
	margin:auto;
	font-family: 'Calibri-Bold', Calibri, Arial;
	font-size:50px;
	color:#FFF;
	text-align:center;
	margin-top:40px;
	position:relative;
}

.passion-slider{
	width:950px;
	margin:auto;
}

.passion-slider-nav{
	width:395px;
	padding-bottom:30px;
	margin:auto;
	position:relative;
}

.passion-slider-nav a{
	display:none;
}

.passion-slider-nav li{
	font-family: Georgia, Times New Roman, Arial;
	font-size:16px;
	font-style:italic;
	color: #FFF;
	text-align:center;	
}

.passion-slider-nav li{
	list-style:none;
	width:167px;
	height:25px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding-top:8px;
	float:left;
	margin-right:30px;
	cursor:pointer;
	color: #586a86;
	background:	rgba(23, 29, 38, 0.4);
	-moz-box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.1);
}

.passion-slider-nav li:hover{
	color:#FFF;	
}

.passion-slider-nav .activeSlide{
	color:#FFF;
	background:	rgba(23, 29, 38, 1);
	-moz-box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: -1px -1px 0 1px rgba(0, 0, 0, 0.2);
}

#passion.content{
	height:660px;
}

#passion .howwedoit{
	padding-top:80px;
	width:950px;
	margin:auto;	
}

#passion .howwedoit-slider{
	width:400px;
	height:375px;
	position:relative;
	margin-left:500px;	
}

#passion .howwedoit-slider h1{
	font-family: Georgia, Times New Roman, Arial;
	font-size:18px;
	font-style:italic;
	color: #CCC;
	margin-bottom:13px;
}

#passion .howwedoit-slider h2{
	font-family: 'HelveticaNeueLT-Roman', Helvetica, Arial;
	font-size:18px;
	font-weight:bold;
}

#passion .howwedoit-slider div:nth-child(1) h2{
	color:#FC0;	
}

#passion .howwedoit-slider div:nth-child(2) h2{
	color:#75b4fa;	
}

#passion .howwedoit-slider div:nth-child(3) h2{
	color:#768eda;	
}

#passion .howwedoit-slider div:nth-child(4) h2{
	color:#c594e0;	
}

#passion .howwedoit-slider div:nth-child(5) h2{
	color:#b9dd94;	
}

#passion .howwedoit-slider p{
	font-family: 'HelveticaNeueLT-Roman', Helvetica, Arial;
	font-size:13px;
	color:#CCC;
	line-height:20px;
	margin-top:30px;
}

/* How We Do It */

.howwedoit-slider-nav{
	width:488px;
	height:378px;
	position:absolute;
	margin-left:-60px;
	margin-top:-50px;
}

.howwedoit-slider-nav a{
	text-indent:-99999px;
}
.howwedoit-slider-nav a:nth-child(1),
.howwedoit-slider-nav a:nth-child(1):hover{
	width:221px;
	height:100px;
	position:absolute;
	background:url(images/processgraphs/creative.png) no-repeat;
	left: 257px;
	top: 55px;
	display:inline-block;
}

.howwedoit-slider-nav a:nth-child(1):hover,
.howwedoit-slider-nav a:nth-child(1).activeSlide{
	background:url(images/processgraphs/creative.png) no-repeat center bottom;
	left: 257px;
	top: 55px;

}

.howwedoit-slider-nav a:nth-child(2),
.howwedoit-slider-nav a:nth-child(2):hover{
	width:224px;
	height:218px;
	position:absolute;
	background:url(images/processgraphs/architecture.png);
	left: 290px;
	top: 131px;
}

.howwedoit-slider-nav a:nth-child(2):hover,
.howwedoit-slider-nav a:nth-child(2).activeSlide{
	background:url(images/processgraphs/architecture.png) no-repeat center bottom;
	left: 290px;
	top: 133px;

}

.howwedoit-slider-nav a:nth-child(3),
.howwedoit-slider-nav a:nth-child(3):hover{
	width:210px;
	height:150px;
	position:absolute;
	background: url(images/processgraphs/platform.png);
	left: 96px;
	top: 208px;
}

.howwedoit-slider-nav a:nth-child(3):hover,
.howwedoit-slider-nav a:nth-child(3).activeSlide{
	background:url(images/processgraphs/platform.png) no-repeat center bottom;
	left: 96px;
	top: 208px;

}

.howwedoit-slider-nav a:nth-child(4),
.howwedoit-slider-nav a:nth-child(4):hover{
	width:142px;
	height:84px;
	position:absolute;
	background: url(images/processgraphs/launch.png) no-repeat;
	left: 32px;
	top: 122px;
}

.howwedoit-slider-nav a:nth-child(4):hover,
.howwedoit-slider-nav a:nth-child(4).activeSlide{
	background:url(images/processgraphs/launch.png) no-repeat center bottom;
	left: 32px;
	top: 122px;

}

.howwedoit-slider-nav a:nth-child(5),
.howwedoit-slider-nav a:nth-child(5):hover{
	width:163px;
	height:101px;
	position:absolute;
	background: url(images/processgraphs/analytics.png);
	left: 91px;
	top: 48px;
}

.howwedoit-slider-nav a:nth-child(5):hover,
.howwedoit-slider-nav a:nth-child(5).activeSlide{
	background:url(images/processgraphs/analytics.png) no-repeat center bottom;
	left: 91px;
	top: 48px;

}

#divider01{
	background: url(images/shadow-divider-01.png);
	width:921px;
	height:52px;
	margin:auto;
	margin-top:50px;
}

/* Featured Project (Our Passion) */

#featured-project{
	min-width:960px;
	max-width:1130px;
	height:425px;
	margin:auto;
	background:url(images/rack.png) no-repeat center bottom;	
	position:relative;
}

#featured-project .info{
	width:445px;
	height:250px;
	margin-left:100px;
	margin-top:55px;
}

#featured-project h1{
	font-family: Georgia, Helvetica, Arial;
	font-size:18px;
	font-style:italic;
	color:#669966;
	margin-bottom:16px;
}

#featured-project h2{
	font-family: 'HelveticaNeueLT-Bold', Helvetica, Arial;
	font-size:18px;
	color:#FFF;
	text-shadow: black 1px 1px 3px;
	margin-bottom:27px;
}

#featured-project p{
	margin-top:13px;
	font-family: 'HelveticaNeueLT-Roman', Helvetica, Arial;
	font-size:12px;
	color:#999;
	line-height:20px;
	margin-bottom:11px;
}

#featured-project .images{
	width:500px;
	height:320px;
	right:20px;
	top:-20px;
	position:absolute;
}

#featured-project .images .main-image{
	z-index:2;
	position:absolute;
	bottom:0px;
	left:80px;
}

#featured-project .images .second-image{
	z-index:1;
	position:absolute;
	bottom:10px;
	left:0px;
}

/* Featured Project (Our Passion) */

/* Our Passion Styles End */

/* Fruits Of Labor Start*/

#portfolio .shelf{
	width:970px;
	height:300px;
	margin:auto;
	background:url(images/rack.png) no-repeat center bottom;	
	position:relative;
	padding: 0 80px;
}

#portfolio .item{
	list-style:none;
	background:url(images/portfolio-browser.png) no-repeat;
	width:322px;
	height:194px;
	float:left;
	position:relative;
}

#portfolio .item a{
	text-decoration:none;
}

#portfolio .shelf img{
	width:258px;
	height:156px;
	margin-left:33px;
	margin-top:23px;
	position:absolute;	
}

.portfolio-hover{
	width:258px;
	height:156px;
	left:33px;
	top:23px;
	background-color: rgba(0,102,153,0.8);
	position: absolute;
	z-index:1;	
}

.portfolio-hover .title{
	font-family: 'Calibri-Bold', Calibri, Arial;
	font-size:21px;
	color:#FFF;
	text-decoration:none;
	width:80%;
	text-align:center;
	margin:auto;
	margin-top:43px;
}
.portfolio-hover .button{
	font-family: Georgia, Times New Roman, Times;
	font-size:12px;
	font-style:italic;
	color:rgba(0,102,153,1);
	text-decoration:none;
	width:100%;
	text-align:center;
	margin:auto;
	position:absolute;
	left:62px;
	bottom:15px;
	padding-top:10px;
	width:134px;
	height:24px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background:rgba(255, 255, 255, 0.4);
}

.portfolio-hover .button h1{
	padding-top:10px;
}
/* Fruits Of Labor End*/

/* Fruits Of Labor (Single) Start */

#project-nav{
	width:950px;
	margin:auto;
	height:41px;
	border-top:dashed #666 1px;	
	border-bottom:dashed #666 1px;	
	position:relative;
}

#project-nav a{
	font-family: Georgia, Times New Roman, Times;
	font-size:14px;
	font-style:italic;
	color:#CCC;
	text-decoration:none;
	margin-top:12px;
	width:auto;	
}

#project-nav a:first-child{
	float:left;
}

#project-nav .archives{
	margin-left:345px;
	position:absolute;
}

#project-nav a:last-child{
	float:right;
}

.single-project .item{
	width:950px;
	height:650px;
	margin:auto;
	position:relative;
	margin-top:40px;
}

.single-project .info{
	width:280px;
	height:506px;
	position:relative;
}

.single-project .info h1{
	font-family: 'Calibri-Bold', Calibri, Arial;
	font-size:21px;
	color:#FFF;
	margin-bottom:13px;
}

.single-project .info h2{
	font-family: Georgia, Times New Roman, Times;
	font-size:14px;
	font-style:italic;
	color:#669966;
	margin-bottom:28px;
}

.single-project .info p{
	margin-top:13px;
	font-family: 'HelveticaNeueLT-Roman', Helvetica, Arial;
	font-size:12px;
	color:#999;
	line-height:20px;
	margin-bottom:11px;
}

.single-project .info .button{
	text-decoration:none;
	text-align:center;
	margin-top:43px;
	width:134px;
	height:34px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background:rgba(0,102,153,0.4);
}

.single-project .info .button:hover{
	background:rgba(0,102,153,0.6);
}

.single-project .info .button a{
	font-family: Georgia, Times New Roman, Times;
	font-size:12px;
	font-style:italic;
	color: #FFF;
	text-decoration:none;
	position:relative;
	top:8px;
}

.single-project .info .button a:hover{
	color:#FF9;
	text-decoration:none;
}

.single-project .project-images{
	width:637px;
	height:625px;
	position: absolute;
	right:0px;
	top:0px;
}

.single-project .project-slider{
	border:#d0d3d3 7px solid;
	margin-bottom:16px;
}

.single-project .project-slider-nav li{
	list-style:none;
	width:135px;
	height:102px;
	border:#d0d3d3 6px solid;
	margin-bottom:18px;
	float:left;
	margin-right:15px;
}

.single-project .project-slider-nav li.activeSlide{
	border: #42b67e 6px solid;
}

.single-project .project-slider-nav li:last-child{
	margin-right:0px;	
}
/* Fruits Of Labor (Single) End */

/* Contact Us Start */

#cform .item{
	width:970px;
	height:640px;
	margin:auto;
	background:url(images/rack.png) no-repeat center bottom;	
	position:relative;
	padding: 0px 70px 0px 70px;
}

#cform .envelope{
	width:868px;
	height:468px;
	background:#FFF;
	margin:	auto;
	background:url(images/envelope-stripes.png);
	padding:16px;
}

#cform .envelope .container{
	width:868px;
	height:468px;
	background-color:#eef2f2;
	position:relative;
}

#cform .form{
	width:470px;
	height:400px;
	padding-left:36px;
	padding-top:36px;
}

#cform div{
	margin-bottom:13px;
	
}

#cform .form h1{
	width:93px;
	margin-top:10px;
	float:left;
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color: #333;
	display:inline;
}

#cform .form h1:after{
	content:":";
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color: #333;	
}

#cform .form input[type=text], #cform textarea{
	width:370px;
	height:35px;
	background-color:#eef2f2;
	border:#CCC 1px solid;
}

#cform .form input[type=text].error-highlight{
	border:#F30 1px solid;	
}

#cform textarea{
	height:163px;
}

#cform .form input[type=submit]{
	width:122px;
	height:32px;
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	border:#CCC 1px solid;
}

#cform .form input[type=submit]
{
	margin-left:93px;
    cursor: pointer;
    color: #fff;
    overflow: visible; /* IE6/7 fix */
	border:#66a35f 1px solid; 

    background-color: #699f63;
    background-image: -moz-linear-gradient(#83b87d, #699f63);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#699f63), to(#699f63));
    background-image: -webkit-linear-gradient(#83b87d, #699f63);
    background-image: -o-linear-gradient(#83b87d, #699f63);
    background-image: -ms-linear-gradient(#83b87d, #699f63);
    background-image: linear-gradient(#83b87d, #699f63);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#83b87d', EndColorStr='#699f63');     

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-shadow: 0 1px 0 rgba(0,0,0,.3);

}

#cform .form input[type=submit]:hover
{
    background-color: #83b87d;
    background-image: -moz-linear-gradient(#699f63, #83b87d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#699f63), to(#83b87d));
    background-image: -webkit-linear-gradient(#699f63, #83b87d);
    background-image: -o-linear-gradient(#699f63, #83b87d);
    background-image: -ms-linear-gradient(#699f63, #83b87d);
    background-image: linear-gradient(#699f63, #83b87d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#699f63', EndColorStr='#83b87d');
	border:#66a35f 1px solid;
}

#cform .form input[type=submit]:active
{
    background: #83b87d;
    position: relative;
    top: 2px;
	border:#66a35f 1px solid;
}

#cform .location{
	width:352px;
	height:469px;
	right:0px;
	top:0px;
	position:absolute;
}

#cform .map{
	background:url(images/gmap-base.png);
	width:297px;
	height:295px;
	position:absolute;
	top:26px;
	left:20px;	
}

#cform .location .map img{
	margin-left:20px;
	margin-top:18px;
	border: solid 5px solid #FFF; 
}

#cform .location .pin{
	background: url(images/map-pin.png);
	width:34px;
	height:31px;
	left:165px;
	top:13px;
	position:absolute;
	z-index:10;
}

#cform .address{
	width:326px;
	height:125px;
	position:absolute;
	right:0px;
	bottom:0px;
}

.location .address h1{
	font-family: Georgia, Times New Roman, Times;
	font-size:17px;
	font-style:italic;
	color:#6190b1;
	margin-bottom:8px;
}

#cform .address p{
	font-family: 'HelveticaNeueLT-Roman', Helvetica, Arial;
	font-size:13px;
	color: #333;
	line-height:20px;
}

#behindpixels{
	width: 950px;
	height:270px;
	position: relative;
	margin:auto;
	margin-top:70px;
	margin-bottom:70px;
}

#behindpixels h3{
	width:100%;
	text-align:center;	
	font-family: Georgia, Times New Roman, Times;
	font-size:18px;
	font-style:italic;
	color: #999;
	margin-bottom:33px;
}

#behindpixels .personnels{
	width:100%;
	height:auto;
	
}

#behindpixels .person{
	width:125px;
	height:203px;
	position:relative;
	float:left;
	margin-right:35px;
}

#behindpixels .person:last-child{
	margin-right:0px;
}

#behindpixels .person img{
	width:95px;
	height:95px;
	border: #eef2f2 5px solid;
	margin: 0px 10px;
	position:relative;
	margin-bottom:12px;
}

#behindpixels .person h1{
	width:100%;
	font-family:'Calibri-Bold', Calibri, Arial;
	font-size:16px;
	color:#FFF;
	text-align:center;
	margin-bottom:3px;
}

#behindpixels .person h2{
	width:100%;
	font-family: Georgia, Times New Roman, Times;
	font-size:12px;
	font-style:italic;
	color: #42b67e;	
	text-align:center;
	margin-bottom:13px;
}


#behindpixels .person .twitter,
#behindpixels .person .email{
	width:35px;
	height:35px;
	float:left;	
	margin-left:18px;
}

#behindpixels .person .twitter{
	background: url(images/icon-twitter.png) no-repeat center top;
}

#behindpixels .person .twitter:hover{
	background: url(images/icon-twitter.png) no-repeat center bottom;
}

#behindpixels .person .email{
	background: url(images/icon-mail.png) no-repeat center top;
}

#behindpixels .person .email:hover{
	background: url(images/icon-mail.png) no-repeat center bottom;
}
/* Contact Us End */

#blog-cat{
	width:930px;
	margin:auto;
	height:41px;
	border-top:dashed #666 1px;	
	border-bottom:dashed #666 1px;	
	position:relative;
}

#blog-cat li{
	list-style:none;
	margin-left:35px;
	margin-top:12px;
	height:auto;
	position:relative;
	float:left;
}

#blog-cat a{
	font-family: Georgia, Times New Roman, Times;
	font-size:14px;
	font-style:italic;
	color:#CCC;
	text-decoration:none;
	margin-top:12px;
	width:auto;	
}

#blog-cat li.current-menu-item a,
#blog-cat li.current-post-parent a{
	color:#448867;	
}

#blog-archives{
	width:930px;
	position:relative;
	margin:auto;
	margin-top:50px;	
	min-height:100px;
}

#post-archive{
	width:260px;
	background:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:30px;
	padding:15px;

}


#post-archive .header{
	width:100%;
	height:20px;
	position:relative;	
}

#post-archive .date{
	width:auto;
	position:relative;
	float:left;
	background: url(images/icon-date.png) no-repeat;
}

#post-archive .comment{
	width:auto;
	position:relative;
	float:right;
	background: url(images/icon-comments.png) no-repeat;
}

#post-archive .title{
	width:100%;
	position:relative;
	margin-top:17px;
	font-family: 'Calibri-Bold', Geneva, Arial;
	font-size:18px;
	color:#333;
}

#post-archive .body{
	width:100%;
	position:relative;
	margin-top:17px;
	font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:12px;
	color:#333;
	line-height:16px;
}

#post-archive .footer{
	margin-top:15px;
	padding-top:7px;
	width:100%;
	height:20px;
	position:relative;
	border-top:1px #CCC solid;
}

#post-archive .author{
	width:auto;
	position:relative;
	float:left;
	background: url(images/icon-author.png) no-repeat;
}

#post-archive .category{
	width:auto;
	position:relative;
	float:right;
	background: url(images/icon-tag.png) no-repeat;
}

#post-archive ul,
#post-archive li,
#post-info ul,
#post-info li{
	list-style:none;	
}
#post-archive .date,
#post-archive .comment,
#post-archive .author,
#post-archive .category{
	font-family:Georgia-Normal, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	color:#448867;
	text-indent:18px;
	height:20px;
}

#post-archive a{
	color:#448867;
	text-decoration:none;	
}

#post-archive .title a{
	color:#333;
	text-decoration:none;	
}

.more-link{
	font-weight:bold;	
}

#post-archive .comment{
	text-indent:21px;	
}

#blog-single{
	width:930px;
	position:relative;
	margin:auto;
	margin-top:50px;	
	height:auto;
}

#post-single{
	width:628px;
	background:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:45px;
	padding:22px 44px;
	margin-left:113px;
}

#post-single ul,
#post-single li,
#post-single ol{
	margin-left:10px;	
}

#post-single .header{
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;	
}

#post-single .date{
	width:auto;
	position:relative;
	float:left;
	background: url(images/icon-date.png) no-repeat;
}

#post-single .comment{
	width:auto;
	position:relative;
	float:right;
	background: url(images/icon-comments.png) no-repeat;
}

#post-single .title{
	width:100%;
	position:relative;
	font-family: 'Calibri-Bold', Geneva, Arial;
	font-size:28px;
	color:#333;
	border-bottom:#CCC 1px solid;
	padding-bottom:10px;
	height:auto;
}

#post-single .body{
	width:100%;
	position:relative;
	margin-top:17px;
	font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:13px;
	color:#333;
	line-height:18px;
}

#post-single .footer{
	margin-top:15px;
	padding-top:7px;
	width:100%;
	height:20px;
	position:relative;
	border-top:1px #CCC solid;
}

#post-single .author{
	width:auto;
	position:relative;
	float:left;
	background: url(images/icon-author.png) no-repeat;
}

#post-single .category{
	width:auto;
	position:relative;
	float:right;
	background: url(images/icon-tag.png) no-repeat;
}

#post-single .date,
#post-single .comment,
#post-single .author,
#post-single .category{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	color:#448867;
	text-indent:18px;
	height:20px;
}

#post-single a{
	color:#448867;
	text-decoration:none;	
}

#post-single .title a{
	color:#333;
	text-decoration:none;	
}

.more-link{
	font-weight:bold;	
}

#post-single .comment{
	text-indent:21px;	
}

#post-info{
	width:93px;
	float:left;
	margin-right:20px;	
}

#post-info h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:200;
	color: #CCC;
	line-height:15px;
	margin-bottom:12px;
}

#post-info h2,#post-info h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#448867;
	margin-bottom:12px;
}

#post-info h2 a{
	color:#448867;
	text-decoration:none;	
}

#post-share{
	position:absolute;
	top:17px;
	right:21px;
	padding-left:20px;
	width:60px;
	height:300px;
	background-color:#d6dbe3;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	text-align:right;
	z-index:0;
	background-image: linear-gradient(right , rgb(209,216,225) 45%, rgb(180,190,203) 75%);
	background-image: -o-linear-gradient(right , rgb(209,216,225) 45%, rgb(180,190,203) 75%);
	background-image: -moz-linear-gradient(right , rgb(209,216,225) 45%, rgb(180,190,203) 75%);
	background-image: -webkit-linear-gradient(right , rgb(209,216,225) 45%, rgb(180,190,203) 75%);
	background-image: -ms-linear-gradient(right , rgb(209,216,225) 45%, rgb(180,190,203) 75%);
	background-image: -webkit-gradient(
						linear,
						right bottom,
						left bottom,
						color-stop(0.45, rgb(209,216,225)),
						color-stop(0.75, rgb(180,190,203))
						);
}

#post-share h1,#post-share h2{
    font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999;
	width:60px;
}

#post-share h1{
	font-size:9.6px;
	position:absolute;
	right:9px;
	top:15px;
}

#post-share h2{
	font-size:15.4px;
	position:absolute;
	right:10px;
	top:20px;
}

#post-share span.st_twitter_vcount{
	top:57px;
	right:5px;
	width: 70px;
	position:absolute;
	display:block;
}
#post-share span.st_fblike_vcount{
	top:138px;
	right:4px;
	width: 70px;
	position:absolute;
	display:block;
}
#post-share span.st_plusone_vcount{
	top:207px;
	right:9px;
	width: 70px;
	position:absolute;
	display:block;	
}
#post-author{
	width:589px;
	height:138px;
	margin:auto;
	margin-top:32px;
	position:relative;
	background:#e1e6ed;
	border:#d3dbe6 3px solid;
	padding:11px 16px;
}

#post-author .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color:#448867;
	border:none;
}

#post-author img{
	position:relative;
	margin-top:0px;
	float:left;
	margin-right:12px;
}

#post-author h1{
	position:relative;
	margin-top:0px;
    font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#448867;
	margin-bottom:5px;
}

#post-author p{
	position:relative;
	margin-top:0px;
    font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:12px;
	color:#666;
	line-height:16px;
	margin-bottom:5px;
}

#post-author .follow-btn img{
	border:none;	
}

#post-disqus{
	margin-top:32px;	
}
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; font-family:'Georgia-Normal', "Times New Roman", Times, serif; height: auto; left: 42%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }

.infinitescroll{
	position: absolute;
	bottom:0px;
	display:none;
}

.no-post{
	background:	#171d26;
	width: auto;
	height:auto;
	padding:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:500px;
}

.no-post h3{
	font-family:'Georgia-Normal', "Times New Roman", Times, serif;
	color:#FFF;	
	height:20px;
	padding:0;
	margin:0;
	width:auto;
}

p.preLoader{
	font-family:'Georgia-Normal', "Times New Roman", Times, serif;
	color: #CCC;
	font-size:12px;
	position:relative;
	margin:auto;
	width:100px;
	top:100px;
}

.stitches{
	background:url(images/bg-stitch.png) repeat-x;
	height:30px;	
}

#related-posts{
	margin-top:30px;
	font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:12px;
	color:#333;
	line-height:16px;
}

#related-posts li{
	margin-left:0px;
	list-style:none;	
}

#related-posts p{
	font-weight:bold;	
}

.attachment-blog-archive{
	margin-top:10px;
	border:#CCC 3px solid;		
}

.attachment-blog-single{
	border:#CCC 3px solid;
	position:relative;
}

.header-quotes a{
	color: #999;	
}

/* Service Request Page */

#sform .item{
	width:970px;
	height:640px;
	margin:auto;
	background:url(images/rack.png) no-repeat center bottom;	
	position:relative;
	padding: 0px 70px 0px 70px;
}

#sform ul,
#sform li{
	list-style:none;	
}

#sform .envelope{
	width:868px;
	height:468px;
	background:#FFF;
	margin:	auto;
	background:url(images/envelope-stripes.png);
	padding:16px;
}

#sform .envelope .container{
	width:868px;
	height:468px;
	background-color:#eef2f2;
	position:relative;
}

#sform .form{
	width:470px;
	height:400px;
	padding-left:36px;
	padding-top:36px;
}

#sform div{
	margin-bottom:13px;
	
}

#sform .form h1{
	width:auto;
	padding:0;
	margin:0;
	margin-bottom:5px;
	float:left;
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color: #333;
	display:inline;
}

#sform .form h1:after{
	content:":";
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color: #333;	
}

#sform .form input[type=text], #sform textarea{
	width:370px;
	height:35px;
	background-color:#eef2f2;
	border:#CCC 1px solid;
}

#sform .form input[type=text].error-highlight{
	border:#F30 1px solid;
}

#sform textarea{
	height:163px;
}

#sform .form input[type=submit]{
	width:122px;
	height:32px;
	font-family: Georgia, Times New Roman, Times;
	font-size:13px;
	font-style:italic;
	color:#FFF;
	border:#CCC 1px solid;
}

#sform .form input[type=submit]
{
	margin-left:93px;
    cursor: pointer;
    color: #fff;
    overflow: visible; /* IE6/7 fix */
	border:#66a35f 1px solid; 

    background-color: #699f63;
    background-image: -moz-linear-gradient(#83b87d, #699f63);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#699f63), to(#699f63));
    background-image: -webkit-linear-gradient(#83b87d, #699f63);
    background-image: -o-linear-gradient(#83b87d, #699f63);
    background-image: -ms-linear-gradient(#83b87d, #699f63);
    background-image: linear-gradient(#83b87d, #699f63);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#83b87d', EndColorStr='#699f63');     

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-shadow: 0 1px 0 rgba(0,0,0,.3);

}

#sform .form input[type=submit]:hover
{
    background-color: #83b87d;
    background-image: -moz-linear-gradient(#699f63, #83b87d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#699f63), to(#83b87d));
    background-image: -webkit-linear-gradient(#699f63, #83b87d);
    background-image: -o-linear-gradient(#699f63, #83b87d);
    background-image: -ms-linear-gradient(#699f63, #83b87d);
    background-image: linear-gradient(#699f63, #83b87d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#699f63', EndColorStr='#83b87d');
	border:#66a35f 1px solid;
}

#sform .form input[type=submit]:active
{
    background: #83b87d;
    position: relative;
    top: 2px;
	border:#66a35f 1px solid;
}

#sform .wpcf7-list-item{
	display:block;	
}

#sform .wpcf7-list-item:last-child{
	margin-bottom:20px;
}

#sform h3{
	margin:0;
	padding:0;	
}

.menu-passion-container h2{

}

/* What We Do */

.whatwedo{
	width:970px;
	margin: auto;
}

.rack-passion{
	width:970px;
	height:478px;
	background:  url(images/rack-passion.png) no-repeat center bottom;
	position:relative;
	margin-left:-90px;
	margin-top: 20px;
	padding: 0 80px;
}

#passion-slider{
	width:1000px;
	height:390px;
	position: absolute;
	z-index: 1;
	margin-top: 20px;
}

#passion-slider .title{
	font-family: 'Calibri-Bold', Geneva, Arial; 
	font-size:30px; 
	color:#FFF; 
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	margin-top: 68px;
}

#passion-slider .subtitle{
	font-family: Georgia,Times New Roman, Times;
	font-style: italic;
	font-size:16px; 
	color:#42aa6d;
	line-height: 20px;
}

#passion-slider .desc{
	font-family: 'HelveticaNeueLT-Roman', Geneva, Arial;
	font-size:13px;
	line-height:20px;
	color:#CCC;
	margin-top:20px;

}

#passion-slider .title,#passion-slider .subtitle,#passion-slider .desc{
	width:380px;
	margin-left: 46px;
}

#passion-webdesign .image{
	width: 449px;
	height: 321px;
	position: absolute;
	right:60px;
	top:60px;
}

#passion-webdev .image{
	width: 559px;
	height: 400px;
	position: absolute;
	right:20px;
	top:-40px;
}

#passion-mobileapps .image{
	width: 316px;
	height: 445px;
	position: absolute;
	right:150px;
	top:-40px;
}

#passion-socmed .image{
	width: 479px;
	height: 332px;
	position: absolute;
	right:50px;
	top: 60px;
}

#passion-olcampaign .image{
	width: 610px;
	height: 336px;
	position: absolute;
	right:-10px;
	top: 60px;
}

#passion-digitalcontent .image{
	width: 580px;
	height: 294px;
	position: absolute;
	right:20px;
	top:100px;
}

#passion-webdesign, #passion-webdev,
#passion-mobileapps, #passion-socmed, 
#passion-olcampaign, #passion-digitalcontent{
	width:1000px;
}

.menu-passion-container{
	width:952px;
	height:72px;
	background: url(images/navigation.png) no-repeat;
	position: relative;
	z-index: 100;
}

#passion-menu{
	position: relative;
	margin-left:236px;
	top:-6px;
}

#passion-menu li{
	width:76px;
	height:72px;
	float: left;
	margin: 0 18px;
	list-style: none;
	cursor: pointer;
}

#passion-menu li.back {
	width:76px;
	height: 100px;
	margin:0;
	background: url(images/drag-btn-normal.png) no-repeat;
	position: absolute;
	z-index: -1;
}

#passion-menu li.back:hover{
	width:76px;
	height: 100px;
	margin:0;
	background: url(images/drag-btn-hover.png) no-repeat;
	position: absolute;
	z-index: -1;
}

.interfacedesign{
background: url(images/pasmenu-sprite.png) no-repeat; width: 76px; height: 72px;
}

.webdev{
background: url(images/pasmenu-sprite.png) no-repeat 0px -72px; width: 76px; height: 72px; display: none;
}

.mobileapps{
background: url(images/pasmenu-sprite.png) no-repeat 0px -144px; width: 76px; height: 72px; display: none;
}

.socialmedia{
background: url(images/pasmenu-sprite.png) no-repeat 0px -216px; width: 76px; height: 72px; display: none;
}

.onlinecampaign{
background: url(images/pasmenu-sprite.png) no-repeat 0px -288px; width: 76px; height: 72px; display: none;
left:3px;
position:relative;
}

.digitalcontent{
background: url(images/pasmenu-sprite.png) no-repeat 0px -350px; width: 76px; height: 72px; display: none;
left:4px;
position:relative;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#portfolio .shelf{
	padding:0;
}

.rack-passion{
	margin-left:0;
	padding: 0;
}
	
#cform .item{
	padding: 0px;
}
	
#cform .form input[type="text"], #cform textarea {
	width: 320px;
}
}