.pagewidth{margin:0 auto;width:85%;overflow:hidden;}
#header-wrapper{
	background:url('body_bg.png');
	 background-color: #F3F3F3;
    box-shadow: 0 0 5px #AAAAAA;
    padding-bottom: 5%;
    width: 100%;
	border-bottom: 1px solid #ffffff;
}
#header-box{}
#content-box-top{margin:90px auto;overflow:hidden;}
#content-box-top h2{color: #444444;margin:0 0 10px 0}
#logo-box{text-align:center;padding:40px 0 20px;}
#tagline-box{text-align:center;}
h1,h2{font-size:30px;font-family: 'Lato';margin:0 ; font-weight:300;}
#tagline-box  h1{
	color: #000;
    font-size: 121px;
    font-weight: 200;
	text-shadow:0 1px 0 #ffffff;
}
#tagline-box h2{
	 color: #444444;
    font-size: 18px;
    font-weight: normal;
	text-shadow:0 1px 0 #ffffff;
}
#side-navbar{
	 background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 50px;
	z-index:999;
}
#blue-dark img{background:#AACF38}
#purple img{background-color:#9B5AB9;}
#orange img{background-color:#F05A27;}
#blue img{background-color:#336596;}
#red img{background-color:#D7433F;}
#dark-green img{background-color:#54573A;}
#yellow img{background-color:#F3BC1D;}
#light-green img{background-color:#0C9C99;}
#side-navbar ul{
	 margin: 0;
    padding: 0;
    position: relative;
    top: 170px;
}
.icon{background:url('sprite.png')no-repeat;}
.icon-logo,.icon-work,.icon-user,.icon-facebook,.icon-twitter,.icon-be,.icon-twitter,.icon-gplus{
	display: inline-block;
    height: 50px;
    width: 40px;
	margin-bottom:20px;
}
.icon-logo{
	background-position: 10px 10px;
}
.icon-work{
	background-position: 10px -42px;
}
.icon-user{
	background-position: 10px -89px;
}
.icon-facebook{
	background-position: 10px -178px;
}
.icon-twitter{
	background-position: 10px -135px;
}
.icon-gplus{
	background-position: 10px -178px;
}
.icon-gplus{
	background-position: 10px -221px;
}
.icon-be{
	background-position: 10px -269px;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
 background:#FFFFFF;
	font-family: 'Lato';margin:0
	padding:0;
	margin:0;
position:relative;	}

a:focus {
  outline: none; }
a:hover{cursor:pointer;}
img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 64.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%;margin:20px 0;
 }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
 /*   float: right;*/ }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%;margin:15px 0; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .small-push-1 {
    left: inherit; }

  .small-pull-1 {
    right: inherit; }

  .small-push-2 {
    left: inherit; }

  .small-pull-2 {
    right: inherit; }

  .small-push-3 {
    left: inherit; }

  .small-pull-3 {
    right: inherit; }

  .small-push-4 {
    left: inherit; }

  .small-pull-4 {
    right: inherit; }

  .small-push-5 {
    left: inherit; }

  .small-pull-5 {
    right: inherit; }

  .small-push-6 {
    left: inherit; }

  .small-pull-6 {
    right: inherit; }

  .small-push-7 {
    left: inherit; }

  .small-pull-7 {
    right: inherit; }

  .small-push-8 {
    left: inherit; }

  .small-pull-8 {
    right: inherit; }

  .small-push-9 {
    left: inherit; }

  .small-pull-9 {
    right: inherit; }

  .small-push-10 {
    left: inherit; }

  .small-pull-10 {
    right: inherit; }

  .small-push-11 {
    left: inherit; }

  .small-pull-11 {
    right: inherit; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: none; } }

	

  #content-box-bottom h2{color:#444444}
  #content-box-bottom p{font-size:18px;line-height:180%;}
  #footer-logo{float: right;margin-top: -50px;}
  #footer-arrow{margin:6px 0 75px 67px;}
  #footer-logoname{}
  #footer-copyright{font-size:12px; folor:#444444}
.tooltip{
	background: url("tooltip-arrow.png") no-repeat scroll 0 20px transparent;
    display: none;
    height: 42px;
    left: 56px;
    position: absolute;
    width: 11px;
	top:0;
}
span.ss{
	 background:#231F20;
    color: #DDDDDD;
    font-family: 'Lato';
	font-weight: '900';
    font-size: 18px;
    height: 30px;
    padding: 3px 15px;
    position: absolute;
    left: 8px;
    text-align: center;
    top: 15px;
    vertical-align: middle;
	font-weight:normal;
    z-index: 99999;
}
#side-navbar ul li{position:relative;}
#side-navbar ul li a{opacity:0.5;}
#side-navbar ul li a:hover{opacity:0.9;}
#side-navbar ul li:hover .tooltip{display:block;}
#footerlogo-box{
	
}
#footerlogo-box  img{
	 position: relative;
    right: -78px;
	top:-60px;
}
/**.projects:hover{cursor:pointer;opacity:1;}
.projects  .project-name {
	background-color:#000 !important;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    opacity: 0;
    padding: 6%;
    position: absolute;
    right: 0;
    top: 0;
}**/
#projects-box{margin:0 0 10px 0;}
#projects-box   a.close{
	color: #ccc;
    display: none;
    font-size: 33px;
    position: absolute;
    right: 21px;
    top: -3px;
}
.project-name  h2{margin:10px 0 0 10px !important;font-size:18px;color:#555;}
.projects .project-name{
	background-color:#E5E7F5;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 0;
    transition: all 0.5s ease-out 0s;
	margin:0 5.3%;
}
.projects:hover .project-name{opacity:1; cursor:pointer;}
.twitter-timeline{box-border:none;}
#footer-box{}
#footer-box p{font-size:12px;color:#555;margin:50px auto;}