/* Home-specific styles for knowmad.com */

#content h4 { margin-bottom: 15px; }

#content #promo {
    height: 241px;
}

.special h2 {
    color: #112441;
    line-height: 1.2em;
}

p.more {
	font-weight: bold;
	padding: 0 5px;
    text-align: right;
}

#content h3 {
	font-variant: normal;
}

#carousel div { background: #fff; }

#carousel h3 {
	font-variant: small-caps;
}

form { width: 80%; }

input.submit {
	margin-top: 5px;
    *margin-right: -30px;
}

#content label {
	text-align: left;
    font-size: 0.85em;
}

/* Service Boxes */
#services li, #services a {
    background-repeat: no-repeat; 
    display: block;
}

#services li { float: left;  }
#services li, #services li a:hover { 
    background-position: 0px 15px; 
}

#services a {
    width: 258px; 
    height: 90px; 
}


#services li#consult-icon {
  background-image: url(/media/icons/consulting.gif);
}

#services li#consult-icon {
  background-image: url(/media/icons/consulting.gif);
}

#services li#design-icon {
  background-image: url(/media/icons/design.gif);
}

#services li#develop-icon {
  background-image: url(/media/icons/develop.gif);
}

#services li#support-icon {
  background-image: url(/media/icons/support.gif);
}

#services li#consult-icon a:hover {
  background-image: url(/media/icons/consulting-on.gif);
}

#services li#design-icon a:hover {
  background-image: url(/media/icons/design-on.gif);
}

#services li#develop-icon a:hover {
  background-image: url(/media/icons/develop-on.gif);
}

#services li#support-icon a:hover {
  background-image: url(/media/icons/support-on.gif);
}

#content .span-1 { width: 270px; }

#content div.span-2.last {
    margin-right: 0;
    width: 570px;
}

#content #promo a {
    color: #fff;
    font-style: normal;
    font-size: 0.7em;
}

#content #promo a.more {
    background: url(/images/arrow.png) no-repeat;
    padding-left: 30px;
}

#content #promo_text {
    color: #fff;
    font-size: 2.3em;
    position: absolute;
    top: 45px;
    left: 30px;
    line-height: 1em;
    *top: 50px;
    *font-size: 28px;
    *line-height: 20px;
}

#content #promo_text p { margin-bottom: 0; }

#carousel div {
	margin: 0;
}

#carousel a.view_all {
	margin-right: 0;
}

#intro { margin: 0 15px; width: 855px; }

#partners { margin: 30px 15px 0 15px; }

#partners img {
	margin: 5px;
	float: left;
}

#content .special, #content .call_to_action {
    width: auto;
    margin-bottom: 0;
}

#content .testimonial {
    background: url(/images/portfolio_bg.gif) repeat-x;
    color: #000;
	background: transparent;
}