body {
  background: #003142 url("../images/background.jpg") repeat-x;
  line-height: 1.5;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  }
  
#wrapper {
  width:960px;
  background:white;
  margin:0 auto;
  position:relative;
  }

a {
	text-decoration:none;
	color:#0077A2;
	font-weight:bold;  
  }

a:visited {
	color:gray;
	}

a:hover {
	color:#0077A2;
	text-decoration:underline;
  }

.clickable:hover {
  cursor:pointer;
  }
  
/* Header */

#header {
  padding:30px;
  text-align:right;
  float:left;
  width:900px;
  }

#logo {
  float:left;
  width:274px;
  text-align:center;
  }
  
#logo img {
  margin-bottom: 5px;
  }

#top-panel {
  padding:0 30px 30px 30px;
  }

/* Feature Bar Start */

#feature-bar {
  position:relative;
  }
  
#feature-bar li {
  display:list-item;
  float:left;
  width:259px;
  padding:220px 30px 30px 30px;
  border-right:1px solid #91b6b8;
  position:relative;
  }
#feature-bar li ul {
  list-style-type:circle; 
  padding-left:50px; 
  }
#feature-bar li li {
  float:none;
  width:auto;
  padding:0;
  border:none;
  }
  
#feature-bar li.servers {
  padding-top:150px;
  }
#feature-bar li:hover {
  background-color:#f0fbff;
  }
  
#feature-bar li h2 {
	color:#000000;
	font-family:"Lucida Grande",Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:18px;
	word-spacing:-2px;
	}
	
#feature-bar li p {
  font-size:12px;
  }

#design {
  background: url(../images/designers.png) no-repeat top center;
  width:260px;
  }

#hosting {
  background: url(../images/hosting.png) no-repeat top center;
  border:none;
  }

#techsupport {
  background: url(../images/techsupport.png) no-repeat top center;
  }

.servers {
  background: url(../images/servers.png) no-repeat top center;
  }

.price {
  position:absolute;
  top:20px;
  right:20px;
  }

/* Portfolio Styles */

#blackground {
  	background:black;
  	position:relative;
  	clear:both;
  	padding-top:20px;
  	color:white;
  	}

#portfolio {
	position:relative;
	margin:0 100px;
	}
#portfolio h2 {
  font-weight:normal;
  font-size:20px;
  line-height:1.5;
  margin-top:10px;
  }

#portfolio h3 {
  font-weight:normal;
  font-size:14px;
  line-height:1.5;
  }
  
.description {
  float:left;
  color:white;
  width:375px;
  line-height:1.2;
  }

.description p {
  margin-bottom:15px;
  }

.site_name {
  text-align:right;
  padding-top:15px;
  height:220px;
  }

.site_name a {
  font-weight:normal;
  }

.features {
  width:285px;
  float:right;
  padding-left:50px;
  border-left:1px solid white;
  }
.whitebox {
  background:url("../images/whitebox.jpg");
  width:225px;
  padding:20px 30px;
  height:207px
  }
  
#portfolio ol {
  width:260px;
  }

#badmouth {
	background: url("../images/portfolio/badmouth-tn.jpg")no-repeat 55px 0;
	width:760px;
	height:500px;
	}

#rm {
	background: url("../images/portfolio/rm-tn.jpg")no-repeat 55px 0;
	width:760px;
	height:500px;
	}

#ellis {
	background: url("../images/portfolio/ellis-tn.jpg")no-repeat 55px 0;
	width:760px;
	height:500px;
	}
	
#smps {
	background: url("../images/portfolio/smps-tn.jpg")no-repeat 55px 0;
	width:760px;
	height:500px;
	}

#allwear {
	background: url("../images/portfolio/allwear-tn.jpg")no-repeat 55px 0;
	width:760px;
	height:500px;
	}

/* Easy Slider */

   .graphic, #prevBtn, #nextBtn{
      margin:0;
      padding:0;
      display:block;
      overflow:hidden;
      text-indent:-8000px;
      }								
	#slider{
	   margin:0;
	   }	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:760px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:60px;
		height:48px;
		position:absolute;
		left:-70px;
		top:180px;
		}	
	#nextBtn{ 
		left:770px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:60px;
		height:48px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}		

/* // Easy Slider */