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


div#slideshow {
  height: 360px;
}


/*
 * 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,
div#panels h2 span {
  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: 716px;
}
div#panels div#panel-1 div#widget-container {
  margin: 0px 20px 10px 0px;
  overflow: hidden;
}

div#panels div#panel-1 p {
  padding: 0px 25px 0 25px;
  color: #666;
  margin: 0;
  line-height: 1.4em;
}

div#panels div#panel-1 ul.links li {
  /*float: left;*/
  margin: 20px 0 5px 0;
  /*width: 160px;*/
}
div#panels div#panel-1 ul.links li a {
  padding: 0px 0px 0px 20px;
	border-left: 5px solid #e34597;
  font-size: 1.5em;
  text-decoration: none;
  /*letter-spacing: -1px;*/
  font-weight: bold;
  color: #343d44;
}
div#panels div#panel-1 ul.links li a:hover {
  text-decoration: underline;
}

/*
 * Web Design
 */
div#panels div#panel-1 div#panel-web-design-1,div#panels div#panel-1 div#panel-web-design-2 {
  /*background: #f3f5f5 url(/img/widget-bg.gif) no-repeat bottom left;*/
  float: left;
  padding: 0px 0px 30px 0px;
  width: 350px;
}

div#panels div#panel-1 div#panel-web-design-1 h2,
div#panels div#panel-1 div#panel-web-design-2 h2, {
	border-left: 6px solid #e34597;
}

div#panels div#panel-1 div#panel-web-design-1 ul.links li,
div#panels div#panel-1 div#panel-web-design-2 ul.links li {
  /*float: 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: 224px;
  overflow: hidden;
  padding-top: 20px;
}

/*
 * HOST/CONNECT links
 */
 
 div#panels div#panel-2 div#host-connect {
	margin-bottom: 20px;
}
 
 div#panels div#panel-2 img {
	margin-bottom: 5px;
}

/*
 * News Items
 */
div#panels div#panel-2 ul#news-list li {
  padding: 0px 0px 18px 0px;
  font-size: 1.15em;
  overflow: hidden;
}
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: none;
}
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;
}