@charset "utf-8";
/* CSS Document */
html {height:100%;}

/*Colors*/
.orange {color:#FF931E;}
.blue {color:#0099CC;}
/*Colors END*/

/*defaults*/
  * {padding:0; margin:0;}
  body {background:url(../images/body-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#fff;}
  body#projects {background:url(../images/body-bg-sh.jpg) repeat-x;}
  .center {margin:0 auto;}
  /*wrapper*/#wrapper {width:950px; padding-top:20px;}
  /*links*/a {color:#FF931E;}	a:hover {color:#0099CC;}  a:visited {color:#0099CC;}/*links END*/
  
  /*heads*/
	h1,
	#content hgroup h1 {font-family: 'Cabin', serif; font-weight:normal; font-size:3.8em; margin-bottom:10px; color:#0099CC;}
	h2 {font-family: 'Cabin', serif; font-weight:normal; font-size:3em; margin-bottom:10px; color:#FF931E; line-height:1.2;}
	h3,
	#content hgroup h2 {font-family: 'Cabin', serif; font-weight:normal; font-size:1.5em; margin-bottom:10px; color:#FFF; line-height:1.5;}
	h4 {font-family: 'Cabin', serif; font-weight:normal; font-size:1.8em; margin-bottom:10px; color:#FFF; line-height:1.5;}
	h6 {font-family: 'Cabin', serif; font-weight:normal; font-size:1.1em; margin-bottom:10px; color:#FFF; line-height:normal; font-style:italic;}
  /*heads END*/
/*defaults END*/

/*Header*/
	header {margin-top:10px;}
  /*logo*/#logo {width:255px; height:81px; display:block; float:left; background:url(../images/logo.png) no-repeat center; margin-right:25px;}
  /*nav*/
	  /*Main*/
	  nav {margin:51px 0 0 0; float:right; width:670px; text-transform:lowercase; font-size:1em;}
		  nav li {margin:0;}
		  nav ul {padding:0; margin:0; list-style:none;}
		  nav li a {display:block; float:left; height:24px; color:#fff; text-decoration:none; background:url(../images/navbg.gif); padding:6px 10px 0px 10px;}
		  nav li a:visited {color:#fff; text-decoration:none;}
		  nav li a:hover, body#hmepg #maimoon a, body#abtpg #aboutus a, body#teampg #aboutus a, body#serpg #services a, body#creaserpg #services a, body#techserpg #services a, body#grwthserpg #services a, body#mobserpg #services a, body#contpg #contactus a, body#apppg #approach a, body#clientpg #clients a, body#projects #prj a {color:#0099CC;}
		  #corner {background:url(../images/nav-right-corner-bg.png) no-repeat right top; display:block; width:69px; float:left; height:30px;}
	  /*Main END*/
	  
	  /*Side*/
	  #content nav {float:right; text-transform:none; margin:0px; font-size:1em; font-weight:normal; background:#fff; background-color: rgba(0, 0, 0, 0.5); padding:8px 0 10px 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
		  #content nav h4 {padding-left:5px;}
		  #content nav ul {padding:0; margin:16px 0 0 0; list-style:none;}
		  #content nav li {margin:0; background:url(../images/side_nav_arrow.png) no-repeat left; padding-left:15px; margin-left:10px;}
		  #content nav li a {display:inline; float:none; color:#fff; text-decoration:none; background:none; padding:0; height:auto; line-height:2;}
		  #content nav li a:visited {color:#fff; text-decoration:none;}
		  #content nav li a:hover {color:#0099CC; text-decoration:underline;}
		  body#abtpg li#abtside a, body#teampg #teamside a, body#creaserpg #creatside a, body#techserpg #techside a, body#grwthserpg #growside a, body#mobserpg #mobside a {color:inherit; font-weight:bold; cursor:default; text-decoration:none;}
	  /*Side END*/
  /*nav END*/
  /*banner*/
  #banner {background:url(../images/cub3r-shadow.png) no-repeat center bottom; display:block; height:450px;}
  /*banner END*/
/*Header END*/

/*Content*/
	#content {background:#fff; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; padding:15px;}
		body#projects #content {margin-top:20px;}
	#content p {font-size:1.1em; margin-bottom:25px; line-height:1.8; text-align:justify;}
	#content p.firstpara {font-size:1.6em;}
/*Content END*/

/*newsletter box*/
#hme_newsletter {padding:10px; border:solid 4px #F00; width:177px; background:#fff; padding:10px; margin-top:10px; border:solid 4px #09c; float:right;}
	#hme_newsletter a {background:#F00;}
	#hme_newsletter a:hover {background:#09C;}
	#hme_newsletter p {color:#000; text-align:left; padding-top:5px; margin-bottom:10px; font-size:13px;}
	#hme_newsletter a {color:#FFF;	background:#09C; padding:5px; margin:0;	text-decoration:none; font-size:13px; font-weight:bold;}
/*newsletter box END*/
/*footer*/
#footer {background:#000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight:normal; font-size:.9em; margin-top:20px;}
	#footer p {padding:10px;}
/*footer END*/

/*Banner with Caption*/
#banner figure {position:relative;}
#banner figcaption {position:absolute; left:0; bottom:6px; background:#fff; background-color: rgba(0, 0, 0, 0.8); display:block; width:930px; padding:10px; font-family: 'Acid', arial, serif; font-size:2em;}
/*Banner with Caption END*/

/*Testimonials*/
.testi {color: #FFFFFF; margin: 0 0 25px 13px; width: 31%; float:left;}
	#content .testi p {background:#fff; background-color: rgba(0, 0, 0, 0.5); margin-bottom: 0; padding: 10px; text-align: left;}
	#content .testi p.name {background:none; margin:0; padding:0; font-weight:bold; line-height:normal;}
	#content .testi p.company {background:none; margin:0; padding:0; font-style:italic; line-height:normal;}
	.testi .arrow {background: url(../images/testi_down_arrow.png) no-repeat scroll 15px top transparent; display: block; height: 17px; margin-bottom: 10px;}
/*Testimonials END*/

/*Services inside pages*/
#services h1 {font-family: 'Cabin', serif; font-weight:normal; font-size:1.5em; margin-bottom:10px; color:#FF931E; line-height:1.2; padding:20px 0 0 48px; display:block; height:20px; margin-top:25px;}
#services p {width:95%;}
/*Services inside pages END*/

/*Our Team*/
body#teampg #content dt {font-family: 'Cabin', serif; font-weight:normal; font-size:1.5em; margin-bottom:0px; color:#FFF; line-height:1.5;}
body#teampg #content dd {font-family: 'Cabin', serif; font-weight:normal; font-size:1.1em; margin-bottom:10px; color:#FFF; line-height:normal; font-style:italic;}
/*Our Team END*/

/*Maps*/
.maps {margin-bottom:25px;}
	.maps h1 {font-size:1.2em; color:#fff; margin:0; padding:0; line-height:normal; font-weight:bold;}
	#content .maps p {line-height:1.5; font-size:.9em;}
	.maps img {float:left; border:5px solid #000; margin-right:10px;}
	
/*Projects*/
figure.project {float:left; width:304px; margin:0 28px 20px 0; position:relative;} figure.project figcaption {background:#fff; background-color: rgba(0, 0, 0, 0.8); display:block; width:294px; padding:5px;} figure.project img {border:#000 2px solid;}

/*Spry Data loadign process hide*/
.SpryHiddenRegion {visibility:hidden;}


/* #Tabs (activate in app.js)
================================================== */
	ul.tabs { 
		font-family:'Acid';
		display: block;
		margin: 0 0 20px 0;
		padding: 0 0 10px;
		border-bottom: dotted 1px #FF931E; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a {
		background:none;
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0 20px 0 0; 
		line-height: 30px; 
		border-width: 0; 
		border-right: dotted 1px #333;
		margin: 0 20px 0 0;  
		color:#333;
		font-size: 3em;
		}
	ul.tabs li a.active { 
		background: none; 
		height: 29px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 20px 0 0;
		color: #FF931E;}
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 0;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }