/*CSS for Podcast Nation Spark Communications
* Author: Moustique Design www.moustique.net
* Date: 21/09/06*/
/*==================== Generic elements*/
body {
	background-color: #fff;
	color: #999;
	font: 76% Arial, Tahoma, Verdana, sans-serif;
}
h1 {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}
h1 img {
    margin: 0;
    padding: 0;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #f93;
  background-color: #fff;
}
h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  background-color: transparent;
  margin: 0;
}
h4 {
  font-size: 1em;
  color: #999;
  text-transform: uppercase;
  text-decoration: underline;
  background-color: transparent;
  margin: 0;
}
p {
  font-size: 1em;
}
form {
  margin: 0;
}
input, option, select {
  font-size: 0.9em;
  margin: 0;
}
img {
  border: 0;
}
br {
	clear: both;
}
cite {
  font-style: normal;
}

/*=================== Links */
a:link,
a:visited {
  color: #999;
  background-color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
/*================== nav */
ul#nav {
  list-style-type: none;
  margin: 37px 0 0 0;
  padding: 12px 0 0 0;
  background: #fff url("../images/bg-nav.gif") top left no-repeat;
  width: 543px;
  height: 43px;
  text-align:center;
}
#nav li {
  display: inline;
  margin: 0 10px;
}
#nav li a:link,
#nav li a:visited {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: normal;
  font-weight: bold;
}
#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li a#active {
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
/*================== Layout & content */
#wrapper {
  width: 750px;
  margin: 0 auto;
}
#column-left-sidebar, #column-left-sidebar-clients {
    width: 160px;
    height: auto;
    margin: 0 40px 0 0;
    float: left;
}
    #column-left-sidebar h1 {
      margin-bottom: 55px;
      _margin-bottom: 70px;
    }

    #column-left-sidebar h3 {
      color: #f93;
      font-weight: bold;
    }
    #column-left-sidebar ul {
      list-style-type: none;
      margin: 0 0 30px 0;
      padding: 0;
    }
    #column-left-sidebar p {
      margin: 2px 0;
      font-weight: bold;
    }
    #column-left-sidebar ul li a{
      color: #333;
    }
    #column-left-sidebar p strong {
        color: black;
    } 

	
    #column-left-sidebar-clients p {
      margin: 10px 0px;
      font-weight: normal;
	  color: #000;
    }
	
    #column-left-sidebar-clients img {
      margin: 10px 0px;
    }
	
	#column-left-sidebar-clients img.logo {
      margin: 0px 0px 35px 0px;
    }
	
	
	#column-client-content {
  width: 540px;
  margin: 0;
  float: left;
}

#column-client-content h1 {
color: #FD8C21;
}

#column-client-content strong {
color: #000;
}
	             
#column-right-content {
  width: 540px;
  margin: 0;
  float: left;
}
    #column-right-content h3 {
      
    }

    #column-right-content #text-home {
      background: #fff url("../images/text-home.gif") top left no-repeat;
      width:540px;
      height: 294px;
      text-indent: -5000px;
      margin-top: 45px;
      _margin-top: 60px;
      margin-bottom: 20px;
    }
    #column-right-content p {
      margin-top: 0px;
    }
    p#tagline {
        font-size: 1.6em;
        text-align: right;
    }
    #tagline span {
      color: #f93;
    }
#footer {
  clear: both;
  margin: 15px 0;
  color: #333;
  text-align: right;
  font-size: 0.8em;
}
    #footer a:link,
    #footer a:visited {
      color: #333;
      text-decoration: none;
    }
    #footer a:hover,
    #footer a:active,
    #footer a:focus {
      color: #333;
      text-decoration: underline;
    }
/*============================== misc classes */
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.photos {
    border: 0px solid #666;
    margin: 10px 0;
}
.client-logos {
  margin:10px 0;
}
.client-logos img {
  margin: 0px 5px;
}
.client-logos2 {
  margin:10px 0;
}
.client-logos2 img {
  margin: 0px 20px 0px 0px;
}


.logo {
margin: 0px 0px 40px 0px;
}
