/* 
    Document   : common
    Created on : 14-Dec-2009, 11:42:21
    Author     : jeremy
    Description:
        Purpose of the stylesheet follows.
*/

/* Content */

#top-banner{
    background: url("/app/assets/images/home/home_campaign.jpg") no-repeat #FFFFFF;
    height: 235px;
    text-align: right;
    padding: 20px 10px 10px 10px;
	border-bottom: 1px solid #d4b7b8;
}
#top-banner h2{
    font-family: Serif;
    font-weight: normal;
    font-size: 42px;
	margin: 0px;
    color: #710F13;
}
#top-banner div{
    width: 300px;
    float: right;
    margin-top: 5px;
}
#banner-text {
	clear:both;
	font-size:18px;
	line-height:30px;
	padding:10px 0px 0px 0px;
}
#home-lower {
	height: 183px;
	overflow: hidden;
	color: #666666;
	font-size: 11px;
	line-height:normal;
}
#home-lower .header-container {
	height: 40px;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
	margin: 0px;
}
#home-lower h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px;
	font-size: 22px;
	color: #666;
	font-weight: normal;
}
#home-lower p {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
#customer-highlights {
    width: 255px;
    float: left;
	height: 163px;
	overflow: hidden;
	padding: 10px;
	margin: 0px;
}

#bottom-campaign {
    padding: 10px;
    margin:0px;
	width: 471px;
	float: left;
	height: 163px;
	overflow: hidden;
}
#bottom-campaign-text {
	margin: 0px;
}
#bottom-campaign-text img {
	float: right;
}

#resource_centre {
    width: 225px;
    float: left;
	height: 183px;
	overflow: hidden;
}
#slideshow{
    overflow: hidden;
}
#slideshow div {
	width: 265px;
	padding-right: 10px;
}
#slideshow .slide-text img {
    width: 128px;
	height: 50px;
    float: right;
}
#slideshow .slide-text {
    width: 255px;
    float: left;
}

#home-lower a.link {
	color: #314aa6;
	clear: left;
	font-size: 11px;
	text-decoration: underline;
}
#home-lower a.link img {
	text-decoration: none;
	float: left;
	margin: -3px 5px 0px 0px;
}
#home-lower a.link {
	padding-top: 3px;
}

#slidenav {
	font-size: 10px;
}
#slidenav a {
	color: #999999;
	font-size: 10px;
	text-decoration: none;
}
#slidenav a:hover {
	text-decoration: underline;
}
#slidenav .prev{
    float: left;
    text-align: left;
}
#slidenav .next{
    float: right;
    text-align: right;
}





/* ------------------------------------------------------------------------*/

#service-boxes {
	width:244px;
	float: left;
}
#service-boxes div {
	width: 244px;
	float: left;
}
#service-boxes #marketing-service-box {
	height: 94px;
	background: transparent url(/app/assets/images/home/home-marketing.jpg) no-repeat left top;
}
#service-boxes #events-service-box {
	height: 90px;
	background: transparent url(/app/assets/images/home/home-events.jpg) no-repeat left top;
}
#service-boxes #technology-service-box {
	height: 92px;
	background: transparent url(/app/assets/images/home/home-tech.jpg) no-repeat left top;
}
#service-boxes #creative-service-box {
	height: 89px;
	background: transparent url(/app/assets/images/home/home-design.jpg) no-repeat left top;
}
#service-boxes .service-box a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 234px;
	height: 74px;
	padding: 15px 0px 0px 10px;
}
#service-boxes .service-box a h2 {
	color: #fff;
	font-size: 17px;
	margin: 0px;
}
#service-boxes .service-box a p {
	color: #fff;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
}
#right-area {
	float: left;
	width: 202px;
	background: transparent url(/app/assets/images/home/home-righttopshadow.jpg) no-repeat left top;
}
#blog-area {
	width: 192px;
	height: 182px;
	overflow: hidden;
	padding: 10px 5px 5px 5px;
}
#customer-centre {
	width: 200px;
	height: 28px;
	padding: 140px 0px 0px 2px;
	background: transparent url(/app/assets/images/home/home-custcentre.jpg) no-repeat left top;
	font-size: 11px;
}
#customer-centre a {
	color: #585858;
	text-decoration: none;
}
#customer-centre a:hover {
	text-decoration: underline;
}
#customer-centre img {
	float: left;
}