@charset "utf-8";

/*------------RESET-----------------*/
* a { /* position:relative */} /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a:hover {border:none }
a img { border:none } /* Gets rid of IE's blue borders */
br.fix { clear:both; height:1px; margin:-1px 0 0 0 }
:focus { outline: none; }
a:focus { -moz-user-select: none; }

/*------------TABLES-----------------*/
.table-hide-border th, .table-hide-border tr, .table-hide-border td { border: none; }
.table-colapse-margin, .table-colapse-margin th, .table-colapse-margin tr, .table-colapse-margin td { margin: 0; padding: 0; }


/*------------TYPOGAPHY-----------------*/
h1,h2,h3,h4,h5,h6{color: #FA6600; line-height:1em;}

#main h1 {
  font-size: 1.7em;
}

/*
#main p {
  font-size: 1.1em;
}
*/

/*------------LINKS-----------------*/
a {
  color:#084EA5; 
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#footer a {
  color: #506570;
}

#footer a:hover {
  color: #084EA5;
}

a[href^="http://"]:not([href*="bitsia.com"])::after {
  content: "\2197";
}

a.friends[href^="http://"]:not([href*="bitsia.com"])::after {
  content: "";
  padding-right: 10px;
}

a.visit-project {
  padding:0.5em 0.7em;
  background:#084EA5;
  color:#FFFFFF;
  display: block;
  float: left;
}

a.visit-project:hover {
  background:#053774;
  text-decoration: none !important;
}

/*------------TEXT DECORATION-----------------*/
.gray {
  color:#999999;
}

p input, input.gray-border, textarea {
  border: 1px solid #CFCFCF;
  color: #404040;
}

input {
  padding: 4px 10px;
}

textarea {
  font-family: Verdana;
  height: 114px;
  overflow: auto;
  padding: 4px 10px;
  width: 487px;
}

.underline-help {
  border-bottom: 1px dotted #333333; cursor:help;
}

.muted {
  color:#B3B1A8;
}

.muted a, a.muted {
  color:#88BBF9;
}

h1 a, h2 a, h3 a, h4 a {
  color: #FA6600;
}

/* ------------COMMON------------ */
.hide {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.small {
  font-size: 0.9em;
  font-weight: normal;
}
h2 .small {
  font-size: 0.7em;
}
.listing,.listing td {
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.listing td {
  border-bottom: 1px solid #E6E5DA;
  padding-bottom: 1em;
}

/* ------------LAYOUT------------ */
body {
  background: #FFFFFF url(../images/page-bg.png) repeat-x scroll left top;
  font-family: "Trebuchet MS",Veranda,Helvetica,Arial,clean,sans-serif;
  margin: 0;
  border-top: 20px solid #000000;
}

#wrapper {
  padding: 0;
  margin: 0 auto;
  min-width: 750px;
  text-align: left;
  width: 73.076em;
}

#iewarning {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: black;
  padding: 3px;
  color: white;
  text-align: center;
}
#iewarning a {
  color: red;
}

#shade {
  background: url(../images/shade.png) no-repeat 0 0;
  height: 13px;
  width: 950px;
  margin: 0 auto;
  margin-bottom: 10px;
}

/* ------------HEADER------------ */
#header {
  height: 115px;
  overflow: hidden;
}

#logo {
  height: 96px;
  overflow: hidden;
}

#header h1, #header h3 {
  display: none;
}

#logo a {
  display: block;
}

/*------------NAVIGATION-----------------*/
#navigation {
  height: 48px;
  margin: 67px 16px 0 0;
  padding: 0;
  overflow: hidden;
}
#navigation * {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#navigation li {
  float: left;
}
#navigation a span {
  display: none;
}
#navigation a, #navigation a .hover {
  z-index: 1;
  height: 48px;
  width: 89px;
  position: relative;
  display: block;
  background: url(../images/menu.png) 0 0 no-repeat;
}

/* individual navigation items */

/* home */
#navigation a.home {
  background-position: 0 0;
}
#navigation a.home .hover {
  background-position: 0 -48px;
}
#navigation li.selected a.home {
  background-position: 0 -96px;
}

/* company */
#navigation a.company {
  background-position: -89px 0;
}
#navigation a.company .hover {
  background-position: -89px -48px;
}
#navigation li.selected a.company {
  background-position: -89px -96px;
}

/* services */
#navigation a.services {
  background-position: -178px 0;
}
#navigation a.services .hover {
  background-position: -178px -48px;
}
#navigation li.selected a.services {
  background-position: -178px -96px;
}

/* work */
#navigation a.work {
  background-position: -267px 0;
}
#navigation a.work .hover {
  background-position: -267px -48px;
}
#navigation li.selected a.work {
  background-position: -267px -96px;
}

/* contact */
#navigation a.contact {
  background-position: -356px 0;
}
#navigation a.contact .hover {
  background-position: -356px -48px;
}
#navigation li.selected a.contact {
  background-position: -356px -96px;
}

/* blog */
#navigation a.blog {
  width: 90px;
  background-position: -445px 0;
}
#navigation a.blog .hover {
  background-position: -445px -48px;
}
#navigation li.selected a.blog {
  background-position: -445px -96px;
}

/* ------------CONTENT------------ */
#content {
  line-height: 1.5em;
  border-top: 1px solid #E9E9E9;
  position: relative;
  top: -1px;
  min-height: 410px;
}
#main {
  padding-top: 20px;
  background-color: #FDFDFD;
}
#main .left {
  width: 550px;
}
#main .right {
  width: 385px;
  padding-left: 1px;
  padding-top: 23px;
}

/* ------------FOOTER------------ */
#footer {
  clear: both;
  width: 100%;
  background: #FFFFFF url(../images/footer-bg.png) repeat-x;
  border-top: 1px solid #E7E9E9;
  border-bottom: 20px solid #000000;
  color: #666666;
  margin-top: 1em;
}
#footer .inside {
  margin: 0 auto;
  padding: 1.8em 0;
  text-align: left;
  width: 920px;
}
#footer p {
  margin: 0;
}

/* -------------------- PAGE SPECIFIC ------------ */

/*------------HOME-----------------*/
.home #main .intro {
  width: 470px !important;
  padding-top: 23px;
}
.home #main .intro {
  width: 470px !important;
  padding: 0;
}
.more {
    display:block;
    overflow:hidden;
    margin-top:-30px;
    position:relative;
}
.more a {
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/learn-more.png) no-repeat;
    width:102px;
    height:31px;
    margin:5px 30px 0 0;
    float:right;
}
.more a:active { background:url(../images/learn-more-on.png) no-repeat }
.home .news {
   padding-top: 23px;  
   width: 610px !important;
}
.home .news .title, .home .tweets .title {
   border-bottom: 1px solid #E6E5DA;  
}
.home .news .listing {
   margin-bottom: 2px;  
}
.home .news .more-news {
   margin-bottom: 1em;
   text-align: right;
   font-size: 0.9em;
}
.home .news .rss-icon {
   float:right;
}
.home .news .listing h2 {
  margin-top: 1em;
}
.home .news .listing .first h2 {
  margin-bottom: 2px;
}
.home .news .listing p.more-link {
  clear: none;
  margin: 0;
  margin-top: -1em;
}

.home .news .listing td {
  padding-bottom: 0.5em;
}

.home .tweets {
  width: 290px !important;
}
/* Twitter Widget */
.widget_twitter a.twitterwidget-follow-icon {
    float: right;
    position: absolute;
    right: 0;
}
.widget_twitter #tweets td.tweetstamp {
  padding: 10px 0;
}
.widget_twitter #tweets td.tweet {
  padding: 10px 0 0 10px;
}
.widget_twitter #tweets .tweetstamp .month {
  background: #E6E5DA none repeat scroll 0 0;
  font-size: 10px;
  padding: 8px 0 0;
  text-align: center;
  width: 50px;
}
.widget_twitter #tweets .tweetstamp .day {
  background: #E6E5DA none repeat scroll 0 0;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 6px;
  text-align: center;
  width: 50px;
}
.widget_twitter #tweets {
  margin-bottom: 2px;
}
.widget_twitter .twitterwidget-follow {
  text-align: right;
  font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 1em;
}
/*------------SLIDER-----------------*/
#slider {
  width: 470px;
  height: 390px;
  position: relative;
  top: 0;
  left: 0;
}
#slider * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#slider .scroll {
  width: 470px;
  height: 390px;
  position: relative;
}
#slider .scrollContainer {
  height: 390px;
}
#slider .panel {
  width: 470px;
  height: 390px;
  float: left;
  position: relative;
  background-position: 40px 0;
  background-repeat: no-repeat;
}
#slider .panel img {
  margin-left: 40px;
}
#slider .scrollButtons {
  position: absolute;
  top: 160px;
  cursor: pointer;
  z-index: 1000;
}
#slider .scrollButtons.slider-left {
  left: 0px;
}
#slider .scrollButtons.slider-right {
  right: 0px;
}

/*------------WORK-----------------*/
#portfolio-browse, #portfolio-display {
  margin-bottom: 20px; 
}
#portfolio-browse .filter {
	color: #666;
}
#portfolio-list {
	padding: 30px 0;
}
#portfolio-list ul {
  width: 875px;
	margin: 0 auto;
  padding: 0;
}
#portfolio-list ul * {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
#portfolio-list li {
	float: left;
	width: 175px;
}
#portfolio-list li a {
  display: block;
  color: #F47F20;
  background: transparent url("../images/project-list-item.png") no-repeat 0 38px;
  height: 38px;
  padding:0 20px 0 20px;
  font-size: 1.1em; 
}
#portfolio-list li a:hover {
  background-color: #000;
  background-position: 0 0;
  color: #fff; 
  text-decoration: none;
}

#portfolio-list li a span {
	font-size: 0.8em;
	margin-top: -4px;
	color: #666; 
}
#portfolio-list li a:hover span {
	color: #999;
}
#portfolio-clients {
	clear: both;
	border-top: 1px solid #E9E9E9;
	padding-top: 20px;
}

#project-desc {
	padding-right: 1em;
}

/*------------CONTACT-----------------*/
.contact #main .left {
  width: 470px !important;
}
.contact #main .right {
  width: 470px !important;
}