@charset "UTF-8";

#main{
background-color:#FFFFFF;
margin-right:2px;
}

.home #header h1 span,
.home h3 span,
.home #homecontent a span{
display:none;
}

.home #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom:0px;
	margin-top:0px;
}

#hdr_cust_service{
height:21px;
margin: 10px 0 10px 0;
background:url(../images/home/hdr_spotlight.png) no-repeat;
width:240px;
}

#hdr_clients{
height:21px;
margin: 10px 0 10px 0;
background:url(../images/home/hdr_clients.png) no-repeat;
width:215px;
}

#hdr_working_with_karum{
height:21px;
margin: 10px 0 5px 0;
background:url(../images/home/hdr_working_with_karum.png) no-repeat;
width:334px;
}

#hdr_getting_started{
height:21px;
margin: 10px 0 11px 0;
background:url(../images/solutions/hdr_getting_started.png) no-repeat;
width:334px;
}

#spaceholder{
height:11px;
margin-bottom:5px;
}

#centerpiece{
background-color:#FFF;
margin-right:2px;
margin-top:100px;
padding:0 12px 0 0;
height:450px;
z-index:1;
}

#homecontent{
height:110px;
margin-top:17px;
/*padding-left:325px;*/
padding-left:0px;
padding-right:10px;
}


#homecontent h2,
#homecontent h4{
margin:0;
}

/*  Client dropped this feature*/
#spotlight{
	position:absolute;
	width:262px;
	height:91px;
	padding:0 0 0 10px;
	background:url(../images/home/spotlight_box.png) no-repeat;
	left: 68px;
	top: 340px;
}

#clients{
float:left;
width:215px;
height:91px;
padding:0 0 0 10px;
background:url(../images/home/client_box.png) no-repeat;
}

#working_with_karum{
float:left;
width:357px;
height:91px;
padding:0 0 0 10px;
background:url(../images/home/working_with_karum_box.png) no-repeat;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#homecontent #clients ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#homecontent #clients ul li {
float:left;
}
#homecontent #clients ul li a {
display:block;
height:30px;
}
#homecontent #clients ul li a span {
display:none;
}
#clients {
clear:both;
}

/***** Spotlight icon   ******/
#icon_spotlight_0908 a {display:block;height:43px; }
#icon_spotlight_0908 {
display:block; 
float:left; 
margin:0 4px 4px 0;
height:43px;
width:43px;
background: transparent url(../images/icons/icon_processing_white.png) no-repeat 0 0;
 }
#icon_spotlight_0908:hover {
cursor:pointer;
background-position:0px -43px; }


/*****  Logos  *****/

#logo_1 { background: transparent url(../images/logos/lowes.png) no-repeat 0 0;
display:block;
width:70px; 
height:30px;
}
#logo_2 { background: transparent url(../images/logos/vickyform.png) no-repeat 0 0;
display:block;
width:63px; 
height:30px;}
#logo_3 { background: transparent url(../images/logos/devlyn.png) no-repeat 0 0;
display:block;
width:65px; 
height:20px;}

#logo_1:hover{ background-image:url(../images/logos/lowes_hover.png); }
#logo_2:hover{ background-image:url(../images/logos/vickyform_hover.png); }
#logo_3:hover{ background-image:url(../images/logos/devlyn_hover.png); }