/*reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,a, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr,iframe {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
	text-decoration:none;
	list-style:none;
	
}

a,a:active,a:hover {outline: none;}
img{max-width:100%}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}


body{
	
	font:12px Arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	position:relative;
	color:#ffffff;
	line-height:20px;
	
}

/*Wrapper*/

#wrapper{
	width:100%;
	
}

/*End wrapper*/



/*Main sections*/

#innerHeader, #innerServices, #innerNavigation,#innerPortfolio, #er, #innerFooter, #innerLogo,  #innerContact, #innerTwitter, #innerBlog{
	
	width:960px;
	margin: 0 auto;
	position:relative;
	padding-left:15px;
	padding-right:15px;
}

/*End main sections*/


/*Main header*/

#header{
	
	width:100%;
	padding-bottom:1px;
	padding-top:90px;
	z-index:1000;
	right:0;
	top:0;
	overflow:visible;
}


header{
	
	padding-top:25px;
	padding-bottom:30px;
	background: #ffffff url(../images/bgwRpeat.png) repeat-x;
	z-index:1000;
}

header h1{
	
	font-family:"Signika";
	font-weight:600;
	font-size:35px;
	color:#333333;
	text-align:center;
}

header h2{
	
	font-size:14px;
	color:#333333;
	text-align:center;
	margin-top:10px;
}


/*Logo*/

#logo{
	
	margin-bottom:50px;	
}

#innerLogo{
	
	text-align:center;
}
/*End logo*/

/*Socials header*/

#socials{
	
	position:absolute;
	bottom:-38px;
	left:390px;
}

#socials li, #socials a{
	
	display:table-cell;
	width:28px;
	height:26px;
}

#socials li.fb a{background: url(../images/socialSprite.png) no-repeat -135px 0;}
#socials li.tw a{background: url(../images/socialSprite.png) no-repeat -108px 0;}
#socials li.li a{background: url(../images/socialSprite.png) no-repeat -162px 0;}
#socials li.fl a{background: url(../images/socialSprite.png) no-repeat -54px 0;}
#socials li.vm a{background: url(../images/socialSprite.png) no-repeat -27px 0;}
#socials li.rss a{background: url(../images/socialSprite.png) no-repeat -81px 0;}
#socials li.pcs a{background: url(../images/socialSprite.png) no-repeat 0 0;}

#socials li.fb a, #socials li.tw a, #socials li.li a, #socials li.fl a,#socials li.vm a, #socials li.rss a, #socials li.pcs a {
-webkit-transition: background-position .3s ease-in-out;
-moz-transition: background-position .3s ease-in-out;
-o-transition: background-position .3s ease-in-out;
transition: background-position .3s ease-in-out;
}
#socials li.fb a:hover{background: url(../images/socialSprite.png) no-repeat -135px -26px;}
#socials li.tw a:hover{background: url(../images/socialSprite.png) no-repeat -108px -26px;}
#socials li.li a:hover{background: url(../images/socialSprite.png) no-repeat -162px -26px;}
#socials li.fl a:hover{background: url(../images/socialSprite.png) no-repeat -54px -26px;}
#socials li.vm a:hover{background: url(../images/socialSprite.png) no-repeat -27px -26px;}
#socials li.rss a:hover{background: url(../images/socialSprite.png) no-repeat -81px -26px;}
#socials li.pcs a:hover{background: url(../images/socialSprite.png) no-repeat 0 -26px;}
/*End socials header*/

/*End main header*/


/*Main navigation*/

#navigation{
	
	margin-top:90px;
	margin-bottom:65px;
	text-align:center;
	height:45px;
}


.default {
	
	display:block;
}

.fixed {
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:2000;
	background:#111111;
	background:rgba(51, 51, 51, 0.95);
	box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0 3px rgba(28, 34, 36, 0.1);
	-moz-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0 3px rgba(28, 34, 36, 0.1);
	-webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0 3px rgba(28, 34, 36, 0.1);
	-o-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0 3px rgba(28, 34, 36, 0.1);
	padding:20px 0 5px 0;
	display:block;
	height:45px;
}

#mainNav li {
	
	display:inline-block;
	margin-left:-2px;
	height:43px;
	background:url(../images/navPike.png) no-repeat 75% bottom;
}

#mainNav li a{
	
	display:inline-block;
	background:#333333;
	background:rgba(51, 51, 51, 0.9);
	color:#ffffff;
	padding:7px 25px;
	font-size:12px;
	font-weight:bold;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#mainNav li a:hover{color:#23A117;}

#mainNav.fixed li, #mainNav.fixed li a {
	
	background:none;
	height:43px;
	text-transform:uppercase;
}

.active{color:#23A117 !important;}

/*End main navigation*/


/*about*/

#about{
	
	background:#23A117;
	position:relative;
	padding-top:40px;
	padding-bottom:55px;
	font-size:12px;	
}

.intro, #whtwedo,#team, #features{
	margin-bottom:40px;
}

#listDisplay{
	width:354px;
	float:left;
}

#listDisplay ul{
	float:left;
	font-family:Georgia;
	font-size:14px;
	font-style:italic;
	line-height:25px;
}

#listDisplay ul + ul{
	margin-left:30px;
}

#listDisplay li{
	background: url(../images/list.png) no-repeat  left center ;
	padding-left:30px;
}

#anota{
	float:left;
	width:540px;
	margin-left:60px;
}

#anota h1 {
    font-family: "Signika";
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    text-transform: uppercase;
	margin-bottom:7px;
	margin-top:3px;
}


#about blockquote{
	font-family:Georgia;
	 font-size:14px; 
	font-style:italic;
}


.columns_Two{
	float:left;
	width:450px;
	margin-right:60px;
}

#servicesInner{
	margin-top:40px;
}

#teamHolder{
	margin-top:40px;
	margin-right:-30px;
}

.columns_four{
	float:left;
	width:230px;
	position:relative;
	background: url(../images/teamBtm.png) repeat-x  center bottom ;
	padding-bottom:15px;
	margin-right:12px;
}

.socialsTeam{
	position:absolute;
	top:150px;
	left:54px;
}

.socialsTeam li, .socialsTeam a{
	
	display:table-cell;
	width:28px;
	height:26px;
}

.socialsTeam li.fb a{background: url(../images/socialsTeam.png) no-repeat -54px 0;}
.socialsTeam li.tw a{background: url(../images/socialsTeam.png) no-repeat -27px 0;}
.socialsTeam li.li a{background: url(../images/socialsTeam.png) no-repeat -81px 0;}
.socialsTeam li.vm a{background: url(../images/socialsTeam.png) no-repeat 0 0;}

.socialsTeam li.fb a, .socialsTeam li.tw a, .socialsTeam li.li a, .socialsTeam li.vm a{
-webkit-transition: background-position .3s ease-in-out;
-moz-transition: background-position .3s ease-in-out;
-o-transition: background-position .3s ease-in-out;
transition: background-position .3s ease-in-out;
}
.socialsTeam li.fb a:hover{background: url(../images/socialsTeam.png) no-repeat -54px -26px;}
.socialsTeam li.tw a:hover{background: url(../images/socialsTeam.png) no-repeat -27px -26px;}
.socialsTeam li.li a:hover{background: url(../images/socialsTeam.png) no-repeat -81px -26px;}
.socialsTeam li.vm a:hover{background: url(../images/socialsTeam.png) no-repeat 0 -26px;}


.columns_four h3{
	font-weight:bold;
	text-align:center;
	margin-top:15px;
}

.columns_four h3 span{
	font-weight:normal;
	font-style:italic;
	font-size:11px;
}


#er .title {
	
    background: url(../images/repeatAb.png) repeat  left top ;
}


.intro .title span, #team .title span, #whtwedo .title span, #skills .title span, #testimonials .title span,#services .title span {
	
	background:#23A117;
	padding-right:10px;
}

#skillsHolder{
	margin-top:40px;
}

.skillBar{
	margin-bottom:5px;
}


.skillbarHolder {
    background-color: #0D6104;
	height:31px;
	position:relative;
}

.percentage{
	background: #ffffff url(../images/bgwRpeat.png) repeat-x;
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
}

.skillbarTitle{
	position: absolute;
	top: 7px;
	left: 15px;
	z-index: 10;
	color: #23A117;
	font-style: italic;
	text-transform: uppercase;
	width: 169px;
}

.percent90{width:90%;}
.percent50{width:70%;}
.percent60{width:60%;}


.testimoniaContainer{
	
	background: url(../images/quote.png) no-repeat  275px 4px;
}

.testimoniaContainer h3{
	
	float:right;
	margin-top:19px;
	font-weight:bold;color:#ec6888;
}
.testimoniaContainer h3 span{
	
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

#testimonials .testimoniaContainer  {
		height:140px;
		display:none;
		margin-top:35px;
}

#testimonials .testimoniaContainer div {
		width:445px;
		display:block;
}


.pagination {
	display:none;
}


/*End about*/



/*Services*/

#services {
	background: #D5D2CD ;
	padding-top:40px;
	padding-bottom:55px;
	color:#333333;
}

#innerServices .intro{
	margin-bottom:20px;
}


#innerServices .intro .title span{
	
	background:#D5D2CD;
	padding-right:10px;
}

#steps hgroup{
	margin-right:-125px;
}

#steps h1 {
    background: url(../images/plus.png) no-repeat scroll 305px 30px transparent;
    display: block;
    float: left;
    font-family: "Signika";
    font-size: 36px;
    font-weight: 400;
    height: 45px;
    padding-right: 126px;
    padding-top: 50px;
    text-transform: uppercase;
}

#steps h1:last-child{
	background:none
}


#features{
	margin-top:40px;
}

.columns_Three{
	
	float:left;
	width:287px;
	margin-right:45px;
}

.columns_Three img{
	
	margin-left:98px;
	margin-bottom:20px;
}

.columns_Three h4 {
	
	text-align:center;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	line-height: 8px;
	background: url(../images/repeatRes.png) repeat  left top ;
}

.columns_Three span{
	
	background:#D5D2CD;
	padding-right:10px;
	padding-left:10px;
}

.columns_Three a{
	color:#ffffff;
	background:#222222;
	padding:7px 20px;
	display:inline-block;
	margin-top:30px;
	margin-left:92px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


.columns_Three a:hover{
	background:#23A117;
	color:#ffffff;
}


#holderSingle{
	display:none;
	overflow:hidden;
	
}

#serviceSingle{
	width:940px;
	color:#222222;
	padding:20px;
	overflow:hidden;
	background:#D5D2CD;
}

#serviceSingle h1{
	margin-bottom: 20px;
}


#serviceSingle > p +p{
	font-family: "Signika";
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

#serviceSingle h1 span{
	background:#D5D2CD;
	padding-right:10px;
}


#serviceSingle blockquote{
	font-family:Georgia;
	font-size:14px;
	color:#fff;
	background:#23A117;
	padding:15px;
	font-style:italic;
	margin-top:10px;
}


#serviceSingleSAP{
	width:940px;
	color:#222222;
	padding:20px;
	overflow:hidden;
	background:#D5D2CD;
}

#serviceSingleSAP h1{
	margin-bottom: 20px;
}


#serviceSingleSAP > p +p{
	font-family: "Signika";
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

#serviceSingleSAP h1 span{
	background:#D5D2CD;
	padding-right:10px;
}


#serviceSingleSAP blockquote{
	font-family:Georgia;
	font-size:14px;
	color:#fff;
	background:#23A117;
	padding:15px;
	font-style:italic;
	margin-top:10px;
}


#serviceSingleBL{
	width:940px;
	color:#222222;
	padding:20px;
	overflow:hidden;
	background:#D5D2CD;
}

#serviceSingleBL h1{
	margin-bottom: 20px;
}


#serviceSingleBL > p +p{
	font-family: "Signika";
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

#serviceSingleBL h1 span{
	background:#D5D2CD;
	padding-right:10px;
}


#serviceSingleBL blockquote{
	font-family:Georgia;
	font-size:14px;
	color:#fff;
	background:#23A117;
	padding:15px;
	font-style:italic;
	margin-top:10px;
}


#servicesList{
	margin-top:20px;
}

#servicesList ul{
	float:left;
}

#servicesList ul + ul{
	margin-left:30px;
}

#servicesList ul li{
	background: url(../images/list.png) no-repeat  left center ;
	padding-left:30px;
}


#quote{
	background: url(../images/repeatRes.png) repeat-x  center top ;
	margin-top:40px;
	text-align:center;
	padding-top:40px;
}

#quote h1{
	font-family: "Signika";
    font-size: 36px;
    font-weight: 300;
	line-height:45px;
	text-transform:uppercase;
}

#quote a{
	background: #23A117;
    border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top:40px;
	display:inline-block;
    padding: 25px 45px
}

#quote a:hover{
	background: #222222;
}


/*End services*/



/*Portfolio*/

ul#category {
	
    margin-bottom: 20px;
    margin-left: 26%;
    margin-top: 30px;
    position: relative;
}

ul#category li {
	
    display: table-cell;
    height: 40px;
}

ul#category li a {
	
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
	background:#23A117;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	padding: 5px 15px 5px 15px;
	margin-right:3px;
}


#portfolio h1 {
    color: #666666;
}

#works .portfolio{
	
	margin-right:-20px;
}

#works .item{
	
	float:left;
	margin-right:12px;
	margin-bottom:6px;
	position:relative;
}

.link {
	
    background:#23A117;
    display: block;
    height: 200px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 311px;
    z-index: 1000;
}

.link hgroup {
	
    position:relative;
	top:43%;
	left:0;
	text-align:center;
}

.link hgroup h3 {
	
	font-size:14px;
	font-weight: bold;
}

.link hgroup h4 {
	
	font-size:12px;
}

ul li.item a {
    background:#23A117;
    color: #ffffff;
    font-size: 23px;
	width: 311px;
	height: 200px;
	display: block;
}


li.current {
	
	background: url(../images/navselecPike.png) no-repeat scroll center 28px  !important
}


#portfolio .title span{
	
	background:#222222;
	padding-right:10px;
}
#portfolio{
	
	background:#222222;
	padding-top:40px;
	padding-bottom:55px;
}

/*End portfolio*/



/*Blog*/
#blog{
	background:#4b4040;
	color:#ffffff;
	padding-bottom: 55px;
	padding-top: 40px;
}


#blog .title span, .comments-holder .title span, #commentForm .title span{
	
	background:#4b4040;
	padding-right:10px;
}

#blog .title, .comments-holder .title, #commentForm .title{
	
	background:url(../images/repeatBlg.png) repeat  left top ;
}

.postDetails{
	background:url(../images/blogDivider.png) repeat-x  left bottom ;
	padding-bottom:20px;
	margin-bottom:10px;
	margin-top:10px;
}

.postDetails h1{
	font-family: "Signika";
	font-size: 22px;
	font-weight: 300;
	line-height: 35px;
	text-transform: uppercase;
}

.postDetails h5{
	font-size:11px;
	font-style:italic;
}

.blogPost a{
	color:#ffffff;
	background:#2c2525;
	padding:7px 20px;
	display:inline-block;
	margin-top:30px;
	float:right;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.blogPost a:hover{
	background:#ffffff;
	color:#2c2525;
}


#holderblogDetails{
	display:none;
	overflow:hidden;
	
}

#blogDetails{
	width:740px;
	background:#4b4040;
	color:#ffffff;
	padding:20px;
	overflow:hidden;
}




.comments-holder{
	margin-top:50px;
}

.highlight-1{
	font-weight:bold;
}

.highlight-2{
	text-decoration:underline;
}

.highlight-3{
	background:#555555;
	padding:2px;
	color:#ffffff;
}

.comments p + p {
	padding:10px 10px 10px 10px ;
	margin:0 0 20px 0 ;	
}

.comments .replys  p + p {
	padding:10px 10px 10px 10px ;
	margin:0 0 20px 0 ;	
}



.comments-holder h1, #commentForm h1{
	margin-bottom:30px;
}


.comments-holder p {
    font-size: 12px;
    margin-bottom: 20px;
}


.comments .img {
    float: left;
    margin-right: 10px;
    width: 50px;
}

.comments a {
 	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

.comments .replys {
    margin-left: 37px;
}

.comments .reply-btn a{
	float:right;
	font-size:12px;
	color:#ffffff;
	margin-top:3px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.comments .reply-btn a:hover{
	color:#2c2525;
}

.commentContent span{
	font-size:11px;
	font-style:italic;
}

#commentForm{
	
	margin-bottom:20px;
}

#commentForm input[type="text"], #commentForm input[type="email"],input[type="number"], #commentForm textarea{
	
	margin-bottom:15px;
	padding-left:10px;
	background: #efefef;
	border: none;
	color: #2c2525;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	outline-width: 0;
	font-weight:bold;
}


#commentForm input[type="text"],  #commentForm input[type="email"], #commentForm input[type="text"] {
	
	width: 725px;
	height: 35px;
}

#commentForm textarea {
	
	width: 725px;
	height: 200px;
	display: block;
	padding-top:10px;
	margin-bottom:15px;
}

#commentForm input#submitComment {
	border:none;
   	color:#ffffff;
	background:#2c2525;
	padding:7px 20px;
	display:inline-block;
	cursor:pointer;
	float:right;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	float:right;
}


#commentForm input#submitComment:hover{
	
	background:#ffffff;
	color:#2c2525;

}




/*End blog*/



/*Contact*/

input:focus{
	outline-width: 0	
}

#contact{
	
	background:#fff;
	position:relative;
	padding-top:40px;
	font-size:12px;
	
}

#innerContact h1{color:#333333;}
#innerContact .title span {
	
	background:#ffffff;
	padding-right:10px;
}


.title {
	
    background: url(../images/repeatRes.png) repeat  left top ;
	font-family:"Signika";
    font-size: 20px;
    font-weight: 400;
    line-height: 8px;
    margin: 20px 0 20px;

}

#contactForm{
	
	width:500px;
	float:left;
	margin-right:25px;
	padding-right:25px;
	margin-top:20px;
}


#success{
	
	display:none;
}

#success h2 {
    color: #6D6E71;
    font-size: 11px;
    position: relative;
    top: -50px;
}

.error {
	
	color: #23A117;
	display: none;
	position:relative;
	top:-6px;
	font-size:11px;
}

#contactForm input[type="text"], input[type="email"],input[type="number"], #contactForm textarea{
	
	margin-bottom:15px;
	padding-left:10px;
	background: #efefef;
	border: 1px solid #cccccc;
	color: #CD3359;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	outline-width: 0;
	font-weight:bold;
}


#contactForm input[type="text"],  #contact input[type="email"], #contact input[type="text"], #contact input[type="number"] {
	
	width: 490px;
	height: 45px;
}

#contactForm textarea {
	
	width: 490px;
	height: 200px;
	display: block;
	padding-top:10px;
	margin-bottom:15px;
}

#contactForm input#submit {
	
    background-color: #222222;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 18px;
    padding: 15px 30px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	float:right;
	border-radius:3px;
}


#contactForm input#submit:hover{
	
	background-color:#cd3359;

}

#info{
	
	width:400px;
	float:left;
	color:#333333;
	margin-top:15px;
}


#info > h1{
	
	font-family: "Signika";
	font-size: 19px;
	font-weight: 300;
	line-height: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#info > p{
	
	padding-bottom:12px;
}


#info > p b{
	color:#444;
}

/*End contact*/


#map{
	
	height:450px;
}



/*Twitter feed*/

#twitter {
	margin-top:55px;
    background:#CD3359;
    font-size: 12px;
    padding: 35px 0 35px;
    position: relative;
}


#innerTwitter p {
	
    background: url(../images/twitter.png) no-repeat center top ;
    color: #FFFFFF;
    font-family: "Signika";
    font-size: 20px;
    font-weight: 200;
    padding-top: 73px;
}
.tweet_list{height:65px;overflow:hidden;line-height:30px;text-align:center;font-style:italic;}
.tweet_list a{font-weight:400; color:#fff;}

/*End twitter feed*/


/*Footer*/

#pageFooter{
	
	background:#222222;
	text-align:center;
	padding:40px 40px 38px 40px;
}

#pageFooter p{
	
	color:#666666;
	font-size:11px;
}

#socialsFooter {
	
    margin-left: 395px;
    margin-top: 12px;
}

#socialsFooter li, #socialsFooter a{
	
	display:table-cell;
	width:24px;
	height:20px;
}

#socialsFooter li.fb a{background: url(../images/socialsFooter.png) no-repeat -135px 0;}
#socialsFooter li.tw a{background: url(../images/socialsFooter.png) no-repeat -108px 0;}
#socialsFooter li.li a{background: url(../images/socialsFooter.png) no-repeat -162px 0;}
#socialsFooter li.fl a{background: url(../images/socialsFooter.png) no-repeat -54px 0;}
#socialsFooter li.vm a{background: url(../images/socialsFooter.png) no-repeat -27px 0;}
#socialsFooter li.rss a{background: url(../images/socialsFooter.png) no-repeat -81px 0;}
#socialsFooter li.pcs a{background: url(../images/socialsFooter.png) no-repeat 0 0;}

#socialsFooter li.fb a, #socialsFooter li.tw a, #socialsFooter li.li a, #socialsFooter li.fl a,#socialsFooter li.vm a, #socialsFooter li.rss a, #socialsFooter li.pcs a {
-webkit-transition: background-position .3s ease-in-out;
-moz-transition: background-position .3s ease-in-out;
-o-transition: background-position .3s ease-in-out;
transition: background-position .3s ease-in-out;
}
#socialsFooter li.fb a:hover{background: url(../images/socialsFooter.png) no-repeat -135px -20px;}
#socialsFooter li.tw a:hover{background: url(../images/socialsFooter.png) no-repeat -108px -20px;}
#socialsFooter li.li a:hover{background: url(../images/socialsFooter.png) no-repeat -162px -20px;}
#socialsFooter li.fl a:hover{background: url(../images/socialsFooter.png) no-repeat -54px -20px;}
#socialsFooter li.vm a:hover{background: url(../images/socialsFooter.png) no-repeat -27px -20px;}
#socialsFooter li.rss a:hover{background: url(../images/socialsFooter.png) no-repeat -81px -20px;}
#socialsFooter li.pcs a:hover{background: url(../images/socialsFooter.png) no-repeat 0 -20px;}



/*End footer*/




.nomarginRight{margin-right:0;}


/* Clear float style*/
.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}

.clearfix:after{
	clear:both;
}
/*End clear float style */

.style1{font-weight:bold;}
.style2{font-family:Georgia;font-size:14px;font-style:italic;line-height:25px;}

/*-------------------------------------------------------------------------*/

/* Media queries */


/*iPad lanscape*/
@media screen and (max-device-width: 960px){
	#pageFooter{padding:40px 15px 38px;}
	#steps h1 {background: url(../images/plus.png) no-repeat  300px 30px ;font-size: 35px;height: 45px;}
	ul#category{margin-left:29%;}
	input[type="submit"]{-webkit-appearance: none;}
}



/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#innerHeader, #innerServices, #innerNavigation,#innerPortfolio, #er, #innerFooter, #innerLogo,  #innerContact, #innerTwitter, #innerBlog{width:700px;}
	#anota{width:324px}
	#socials{left:270px;}
	#listDisplay{width:250px;}
	#listDisplay ul + ul{margin-left:0;}
	.columns_four{width:165px;}
	.socialsTeam {left: 25px;top: 100px;}
	.columns_Two{width:317px;}
	#testimonials .testimoniaContainer div{width:310px;}
	.testimoniaContainer {background: url(../images/quote.png) no-repeat  150px 4px;}
	#testimonials .testimoniaContainer{height:160px;}
	#steps hgroup{margin-right:0;}
	#steps h1 {background: url(../images/plus.png) no-repeat scroll 315px 100px ;height: 111px;text-align: center;float:none;padding-right:0;}
	#features{margin-top:0;}
	#features p{text-align:center;}
	.columns_Three {width: 203px;}
	.columns_Three img {margin-left: 55px;}
	.columns_Three a {margin-left: 53px;}
	#works .item{width:225px;}
	ul li.item a, .link{width:225px;height:145px;}
	.link hgroup{top:38%;}
	ul#category{margin-left:22%;}
	#serviceSingle, #serviceSingleSAP, #blogDetails{width:600px;}
	#commentForm input[type="text"], #commentForm input[type="email"], #commentForm input[type="text"]{width:580px;}
	#commentForm textarea{width:585px;}
	#contactForm{width:450px;}
	#contactForm form{width:433px;}
	#contactForm input[type="text"], #contact input[type="email"], #contact input[type="text"], #contact input[type="number"],#contactForm textarea{width:420px;}
	input[type="submit"]{-webkit-appearance: none;}
	#info{width:200px;}
	.tweet_list{height:88px;}
	#socialsFooter{margin-left:270px;}
	
}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	#innerHeader, #innerServices, #innerNavigation,#innerPortfolio, #er, #innerFooter, #innerLogo,  #innerContact, #innerTwitter, #innerBlog{width:400px;}
	#anota{width:425px;margin-left:0;margin-top:20px;}
	header h1{font-size:25px;}
	header h2{font-size:12px;}
	#socials{left:120px;}
	#mainNav.fixed li a{padding:7px 15px;}
	#listDisplay{float:none;width:400px;}
	#listDisplay ul + ul{margin-left:40px;}
	.columns_Two{width:400px;margin-right:0;}
	#skills{margin-bottom:30px;margin-top:-24px}
	.columns_four{width:194px;margin-bottom:30px;}
	.socialsTeam {left: 40px;top: 122px;}
	#testimonials .testimoniaContainer div{width:390px;}
	.testimoniaContainer {background: url(../images/quote.png) no-repeat  235px 4px;}
	#testimonials .testimoniaContainer{height:117px;}
	#steps hgroup{margin-right:0;}
	#steps h1 {background: url(../images/plus.png) no-repeat scroll 170px 100px ;height: 111px;text-align: center;float:none;padding-right:0;}
	#features{margin-top:0;}
	#features p{text-align:center;}
	.columns_Three {width: 400px;margin-bottom:30px;}
	.columns_Three img {margin-left: 150px;}
	.columns_Three a {margin-left: 147px;}
	#works .item{width:192px;}
	ul li.item a, .link{width:192px;height:123px;}
	.link hgroup{top:38%;}
	ul#category{margin-left:1%;}
	#serviceSingle, #serviceSingleSAP, #blogDetails{width:350px;}
	#servicesList ul{float:none;}
	#servicesList ul + ul{margin-left:0;}
	.blogPost{margin-bottom:30px;}
	#commentForm input[type="text"], #commentForm input[type="email"], #commentForm input[type="text"]{width:330px;}
	#commentForm textarea{width:330px;}
	#commentForm input#submitComment{float:none;}
	input[type="submit"]{-webkit-appearance: none;}
	#contactForm{width:380px;float:none;margin-right:0;margin-bottom:40px;}
	form{width:397px;}
	#contactForm input[type="text"], #contact input[type="email"], #contact input[type="text"], #contact input[type="number"],#contactForm textarea{width:386px;}
	#info{width:380px;float:none;}
	.tweet_list{height:145px;}
	#socialsFooter{margin-left:120px;}
	
}


/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	#innerHeader, #innerServices, #innerNavigation,#innerPortfolio, #er, #innerFooter, #innerLogo,  #innerContact, #innerTwitter, #innerBlog{width:230px;}
	header h1{line-height:40px;}
	#socials{left:31px;}
	#navigation{margin-top:40px;}
	#mainNav li {margin-bottom: 3px;margin-left: 10px;}
	#navigation #mainNav.fixed li a {padding:7px 11px;text-transform:none;}
	#listDisplay{float:none;width:230px;}
	#listDisplay ul + ul{margin-left:0px;}
	#anota {float: left;margin-left:0;margin-top: 30px; width: 230px;}
	.columns_four{width:228px;margin-bottom:30px;float:none;}
	.columns_Two{width:230px;margin-right:0;}
	#skills{margin-bottom:30px;margin-top:-24px}
	#testimonials .testimoniaContainer div{width:230px;}
	.testimoniaContainer {background: url(../images/quote.png) no-repeat  80px 4px;}
	#testimonials .testimoniaContainer{height:177px;}
	.fixed, #navigation{height:85px;}
	#steps hgroup{margin-right:0;}
	#steps h1 {font-size:28px;background: url(../images/plus.png) no-repeat scroll 83px 100px ;height: 116px;text-align: center;float:none;padding-right:0;}
	#features{margin-top:-30px}
	.columns_Three {width: 230px;margin-bottom:30px;}
	.columns_Three img {margin-left: 70px;}
	.columns_Three a {margin-left: 67px;}
	#works .item{width:228px;}
	ul li.item a, .link{width:228px;height:147px;}
	.link hgroup{top:38%;}
	ul#category{margin-left:0;} 
	ul#category li a{padding:5px 9px;}
	.blogPost{margin-bottom:30px;}
	#serviceSingle, #servicesingleSAP, #blogDetails{width:150px;}
	#servicesList ul li{display:none;}
	#servicesList ul{float:none;}
	#servicesList ul + ul{margin-left:0;}
	#servicesList ul li {background: url(../images/list.png) no-repeat scroll -6px center transparent;padding-left: 9px;}
	#commentForm input[type="text"], #commentForm input[type="email"], #commentForm input[type="text"]{width:150px;}
	#commentForm textarea{width:150px;}
	#commentForm input#submitComment{float:none;}
	.comments .replys{margin-left: 5px;}
	input[type="submit"]{-webkit-appearance: none;}
	#contactForm{width:227px;float:none;margin-right:0;margin-bottom:40px;}
	form{width:227px;}
	#contactForm input[type="text"], #contact input[type="email"], #contact input[type="text"], #contact input[type="number"],#contactForm textarea{width:216px;}
	#info{width:220px;float:none;}
	.tweet_list{height:270px;}
	#pageFooter{padding:40px 22px 38px;}
	#socialsFooter{margin-left:35px;}
	
	
	
}


/*End media queries*/
/*-------------------------------------------------------------------------*/