@charset "UTF-8";
/* CSS Document */



#wrapper {
  width: 276px;
}

#aboutwrapper {
  width: 905px;
  color:#ffffff;
  float:left;
  margin:5px;
  display:inline;
}

#content {
  padding: 0 10px;
  background: url(images/content.png) repeat-y;
}

#content ul {
  float: left;
  display: block;
  width: 450px;
  margin: 0;
  padding: 0;
  background: url(images/networks.png) repeat;
  list-style: none;

}

#content li {
  float: left;
  height: 60px;
  width: 225px;
  position: relative;

}

#content a {
  font-size: 1em;
  color: #666;
  text-decoration: none;
  padding: 10px 0 5px;
  display: block;
  width: 225px;
  height: 45px;
  position: relative;
  z-index: 2;
}

#cost{
	float:right;
	display:inline;
	position:absolute;
	top:4px;
	right:4px;

}

#servicesnav{
	float:right;
	display:inline;
	position:absolute;
	bottom:34px;
	right: 25px;

}

#servicesnav h3{
	color:#363636;
	font-size:16px;
	float:left;
	display:inline;
	margin-right:15px;
	font-weight:bold;
	text-transform:uppercase
}

#servicesnav ul{
	float:left;
	display:inline;
}

#servicesnav ul li{
	float:left;
	display:inline;
	margin:0 10px;
}

#servicesnav ul li a{
	color:#E26121;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

#servicesnav ul li a:hover{
	color:#212121;
}


#cost a img {
  border: 0;
  float: right;
  margin: 0 10px;
}



.fader {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #A4ADB7;
}



a strong {
  display: block;
  font-size: 18px;
  color: #000;
}

.clear {
  clear: left;
}

 {
  padding: 20px 10px;
}

 ul.navigation {
  list-style: none;
  margin: 0;
  padding: 2px;
  display: block;
  height: 24px;
  background: #484848;
}

 ul.navigation li {
  float: left;
}

 ul.navigation li a {
  outline: 0;
  display: block;
  background: #484848;
  color: #7f7f7f;
  text-decoration: none;
  padding: 5px 7px;
  border: 1px solid #484848;
  font-size:12px;
}

 ul.navigation li a:hover {
  background: #8f8f8f;
  color: #FFF;
}

 ul.navigation li a.selected {
  background: #797979;
  color: #fff;
}

 .panels {
  overflow: hidden;
  text-align:left;
  font-size:14px;
  line-height:1.2;
  float:left;
}

 .panelsInner {
  overflow: hidden;
}

 .panel {
  padding: 15px 0 10px 0;
  color:#212121;
}

.panels h2{
	color:#E26121;
	font-weight:bold;
	font-size:19px;
	letter-spacing:0.5px;
	margin:0 0 5px;
	text-transform:uppercase;
}

 ul.aboutnavigation {
  list-style: none;
  margin: 0 0 0 5px;
  display: block;
  height: 33px;
  width:530px;
  float:left;
}

 ul.aboutnavigation li {
  float: left;
}

 ul.aboutnavigation li a {
  outline: 0;
  display: block;
  text-decoration: none;
  padding: 10px 10px 11px 10px;
  font-size:12px;
  color:#212121;
  background-color:white;
  margin-right:5px;
}

 ul.aboutnavigation li a:hover {
  color:white;
  background:#4B4B4B;
}

 ul.aboutnavigation li a.selected {
  background: #E26121;
  color: #fff;
}
 ul.serviceslist{
	 list-style-image:url(images/bullet.png);
	 margin: 20px 0 0 57px;
	 width:620px;
	 line-height:1.4;
	 font-size:12px;
	 
 }
 
 .panel p{
	 width:690px;
	 line-height:1.4;
 }
 
  ul.serviceslist li{
	margin-bottom:10px;
  }
  
 ul.serviceslist li span.color{
	color:#E26121;
	font-weight:bold;
  }
  
  .icons{
	  float:left;
	  margin:0 10px 10px 0;
	  display:inline;
	  height:130px;
  }
  
  .icons img{
	  margin:10px;
  }
  
  .icons img#dev{
	  margin-bottom:17px;
  }