/*
Services CSS for site
by Simon Pollard - Deckchair UK Ltd
http://deckchair.co.uk
*/

h2 {
	background-color:#FFFFFF;
	border-bottom:1px solid #DEE4E6;
	margin-bottom:30px;
	padding-bottom:5px;
}
h4 {
	margin-bottom: 20px;
}

#services_links {
	margin-top: 20px;
	margin-bottom: 80px;
}
#services_links p {
	height: 86px;
}
#services_links a {
	background-repeat: no-repeat;
	padding-left: 77px;
	width: 222px;
	padding-top: 10px;
	height: 76px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
}
a.services_link_blue {
	background-image: url(../images/services/blue_top_box.jpg);
}
a.services_link_purple {
	background-image: url(../images/services/purple_top_box.jpg);
}
a.service_link_green {
	background-image: url(../images/services/green_top_box.jpg);
}
a.service_link_red {
	background-image: url(../images/services/red_top_box.jpg);
}
#services_links img {
	position: absolute;
	left: 6px;
	top: 8px;
}
#services_links span {
	width: 210px;
	display: block;
	cursor: pointer;
}
.services_link_header {
	margin-bottom: 5px;
}

/*
INDIVIDUAL SERVICE PAGE
*/
#page_content {
	width: 600px;
}
#page_content p {
	margin-bottom: 20px;
}
#page_content ul {
	margin-left: 16px;
	margin-bottom: 20px;
}
#page_content ul li {
	list-style-image: url(../images/bullet.gif);
}
h4.underline {
	border-bottom: 1px solid #dae0e3;
	padding-bottom: 10px;
	margin-bottom: 22px;
	margin-top: 40px;
}
h6 {
	margin-bottom: 20px;
}
#main_content {
	margin-top: 20px;
	background: url(../images/content_bg.gif) repeat-y right;
	position: relative;
	padding-bottom: 50px;
}
body.services #main_content {
	background: none;
}
h4.services_h4 {
	padding-left: 70px;
	height: 70px;
}
h4.seo {
	background: url(../images/services/individual/seo.jpg) no-repeat left 5px;
}
h4.expertise {
	background: url(../images/services/individual/expertise.jpg) no-repeat left 5px;
}
h4.design {
	background: url(../images/services/individual/design.jpg) no-repeat left 5px;
}
h4.development {
	background: url(../images/services/individual/development.jpg) no-repeat left 5px;
}
h4.user-experience {
	background: url(../images/services/individual/user-experience.jpg) no-repeat left 5px;
}
h4.cms {
	background: url(../images/services/individual/cms.jpg) no-repeat left 5px;
}
h4.rich-media {
	background: url(../images/services/individual/rich-media.jpg) no-repeat left 5px;
}
h4.security {
	background: url(../images/services/individual/security.jpg) no-repeat left 5px;
}
h4.payments {
	background: url(../images/services/individual/payments.jpg) no-repeat left 5px;
}
h4.hosting {
	background: url(../images/services/individual/hosting.jpg) no-repeat left 5px;
}
h4.branding {
	background: url(../images/services/individual/branding.jpg) no-repeat left 5px;
}
h4.photography {
	background: url(../images/services/individual/photography.jpg) no-repeat left 5px;
}
#sidebar {
	background: url(../images/content_bg.gif) repeat-y;
	clear:right;
	float:right;
	padding-bottom:20px;
	width:269px;
}
.sidebar_box {
	border-bottom: 1px solid #d0dce1;
        padding: 0px 20px 20px 20px;
	margin-bottom: 25px;
	clear: both;
}
.sidebar_box_nofooter {
	border-bottom: none;
}
.sidebar_box h5 {
	margin-bottom: 15px;
}
.sidebar_box a {
	color: #0072bc;
}
.sidebar_box .sidebar_button_purple {
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 172px;
	padding-top: 10px;
	height: 30px;
	display: block;
        color: #fff;
}
.sidebar_button_green { background-image: url(../images/sidebar/green_link.jpg); }
.sidebar_button_purple { background-image: url(../images/sidebar/purple_link.jpg); }
.sidebar_button_blue { background-image: url(../images/sidebar/blue_link.jpg); }