/*
 * Homepage Styles
 */
body {
  background: #ffffff url(/img/home-background.png) repeat-x top left !important;
}
 
 
div#slideshow {
  height: 294px;
}
 

/*
 * Panels
 */
div#panels {
  overflow: hidden;
}
div#panels h2 {
  background: #343d44 url(/img/strip-bg.gif) repeat-x top left;
  color: #ffffff;
  padding: 0 0 0 10px;
  margin: 0 0 0 0;
}
div#panels h2 a {
  background: transparent url(/img/strip-curved-bg.gif) no-repeat top right;
  color: #ffffff;
  display: block;
  padding: 6px 20px 8px 0px;
  margin: 0 0 10px 0;
  text-decoration: none;
}
div#panels a:hover {
  text-decoration: underline
}
div#panels ul {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}
div#panels ul li {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}


/*
 * Panel 1
 */
div#panels div#panel-1 {
  float: left;
  overflow: hidden;
  width: 718px;
}
div#panels div#panel-1 div#widget-container {
  margin: 0px 20px 10px 0px;
  overflow: hidden;
}

div#panels div#panel-1 p.text {
  padding: 0px 25px 0 10px;
  margin: 0;
  line-height: 1.4em;
}
div#panels div#panel-1 ul.links {
  padding: 10px;
}
div#panels div#panel-1 ul.links li {
  /*float: left;*/
  background: transparent url(/img/homepage-li-bg.gif) no-repeat top left;
  margin: 0;
  padding: 0px 0px 10px 20px;
  /*width: 160px;*/
}
div#panels div#panel-1 ul.links li a {
  font-size: 1.2em;
  text-decoration: none;
  /*letter-spacing: -1px;*/
  line-height: 1.4em;
  font-weight: bold;
  color: #343d44;
}
div#panels div#panel-1 ul.links li a:hover {
  text-decoration: underline;
}
div#panels div#panel-1 ul.links li.blank {
  background: none !important;
}
  
/*
 * Web Design
 */
div#panels div#panel-1 div#panel-web-design {
  background: #f3f5f5 url(/img/widget-bg.gif) no-repeat bottom left;
  float: left;
  margin: 0px 20px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 340px;
}

div#panels div#panel-1 div#panel-web-design h2 {
  background: #343d44 url(/img/agency-strip-bg.gif) repeat-x top left;
}

div#panels div#panel-1 div#panel-web-design h2 a {
  background: transparent url(/img/agency-strip-curved-bg.gif) no-repeat top right;
}

div#panels div#panel-1 div#panel-web-design ul.links li {
  /*float: left;*/
  background: transparent url(/img/homepage-agency-li-bg.gif) no-repeat top left;
}



/*
 * Network Services
 */
div#panels div#panel-1 div#panel-network-services {
  background: #f3f5f5 url(/img/widget-bg.gif) no-repeat bottom left;
  float: left;
  padding: 0px 0px 0px 0px;
  width: 340px;
}

div#panels div#panel-1 div#panel-network-services h2 {
  background: #343d44 url(/img/network-strip-bg.gif) repeat-x top left;
}

div#panels div#panel-1 div#panel-network-services h2 a {
  background: transparent url(/img/network-strip-curved-bg.gif) no-repeat top right;
}

div#panels div#panel-1 div#panel-network-services ul.links li {
  /*float: left;*/
  background: transparent url(/img/homepage-network-li-bg.gif) no-repeat top left;
}




/*
 * Clients
 */
div#panels div#panel-1 div#clients {
  float:none;
  clear:both;
  width: 700px;
  overflow: hidden;
  border-bottom: thin dotted #999999
}
/*
 * Client Logos
 */
div#panels div#panel-1 div#clients div.logos {
  float: left;
  width: 470px;
}
div#panels div#panel-1 div#clients div.logos ul li {
  float: left;
  width: 156px;
  padding: 5px 0px 20px 0px;
}

/*
 * Client Links
 */
div#panels div#panel-1 div#clients div.links {
  float: left;
  width: 210px;
  padding: 20px 0 0 0;
}
div#panels div#panel-1 div#clients div.links ul li {
  padding: 0px 0px 5px 0px;
}
div#panels div#panel-1 div#clients div.links ul li a {
  font-size: 1.2em;
  line-height: 1.8em;
  text-decoration: none;
  font-weight: bold;
/*  letter-spacing: -1px;*/
  color: #343d44;
}
div#panels div#panel-1 div#clients div.links ul li a:hover {
  text-decoration: underline;
}


/*
 * Panel 2
 */
div#panels div#panel-2 {
  float: left;
  width: 220px;
}

/*
 * News Items
 */
div#panels div#panel-2 ul#news-list li {
  padding: 0px 0px 18px 0px;
  font-size: 1.15em;
}
div#panels div#panel-2 ul#news-list li a {
  text-decoration: none;
  color: #454751
}
div#panels div#panel-2 ul#news-list li a:hover {
  text-decoration: underline;
}
div#panels div#panel-2 ul#news-list li div.image {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}
div#panels div#panel-2 ul#news-list li div.image img {
  border: 1px solid #ccc;
}
div#panels div#panel-2 ul#news-list li h3.title {
  margin: 0;
  padding: 0px 0px 5px 0px;
  font-size: 1.1em;
  line-height: 1.2em
}
div#panels div#panel-2 ul#news-list li div.summary {
  padding: 0px 0px 4px 0px;
  line-height: 1.4em
}
div#panels div#panel-2 ul#news-list li div.summary p {
  margin: 0;
  padding: 0;
}