/* 
    Document   : service
    Created on : 01/09/2009, 8:03:48 AM
    Author     : Cam
    Description:
        service page styles
*/

/*
* Service Panels...
*/

#testimonial_wrapper {
    border-top:1px solid #222;
}

#testimonial_inner {
    border-top:1px solid #868686;
}

#service_content_wrapper {
    border-bottom:1px solid #868686;
}

#service_content_inner {
    border-bottom:1px solid #222;
    color:#dfdfdf;
    font-size:16px;
    line-height:26px;
}

#service_content_inner a {
    color:#bfbfbf;
}

#service_content_wrapper h2 {
    background:url(../images/services_heading.gif) 0px 5px no-repeat;
    height:85px;
}

#service_content_wrapper h2 span {
    display:none;
}

#service_content {
    background:url(../images/service_byline.gif) 0px 0px no-repeat;
    height:300px;
}

#service_content_wrapper p {
    padding:0px 0px 10px 510px;
    text-align:justify;
}

#service_content_wrapper p.byline {
    display:none;
}

#service_content_wrapper p.byline span {

}

#service_grid {
    padding-bottom:12px;
}

.service_col {
    padding:0px 0px;
    color:#efefef;
}

.service_col_inner {
    
}

.services_list {
    list-style-type:none;
    padding:0px 0px 5px 0px;
    margin:0px;
}

.services_list li {
    padding:0px 5px 7px 27px;
    font-size:13px;
}

.services_list li a {
    color:#dfdfdf;
    text-decoration:none;
}

.services_list li a:hover {
    text-decoration:underline;
}

.service_cat_title {
    height:58px;
    width:240px;
}

.service_cat_title_inner {
    display:none;
}

.service_col_inner {
    padding:0px;
}

.service_col_inner .service_full {
    display:none;
}

#service_cat_website-development .service_cat_title {
    background:url(../images/service_web_dev.gif) 0px 0px no-repeat;
}

#service_cat_managed-web-hosting .service_cat_title {
    background:url(../images/service_hosting.gif) 0px 0px no-repeat;
}

#service_cat_web-and-email-maketing .service_cat_title {
    background:url(../images/service_marketing.gif) 0px 0px no-repeat;
}

#service_cat_business-applications .service_cat_title {
    background:url(../images/service_business.gif) 0px 0px no-repeat;
}

#service_col_website-development li {
    background:url(../images/service_web_icon.gif) 5px 4px no-repeat;
}

#service_col_managed-web-hosting li {
    background:url(../images/service_hosting_icon.gif) 5px 4px no-repeat;
}

#service_col_web-and-email-maketing li {
    background:url(../images/service_marketing_icon.gif) 5px 4px no-repeat;
}

#service_col_business-applications li {
    background:url(../images/service_business_icon.gif) 5px 4px no-repeat;
}

/* Coloured service area panels */

#service_grid {
    
}

#service_grid .service_button {
    border-bottom:1px solid #868686;
    color:#efefef;
    padding-top:110px;
    background:url(../images/web_dev_service_panel.gif) 0px 0px no-repeat;
}

#service_grid .service_button h2 {
    padding:0px 0px 20px 0px;
    margin:0px;
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase; 
    border-bottom:1px solid #222;
    text-align:center;
}

#service_grid .service_panel .service_details {
    
    display:none;
}

#service_grid .service_panel_inner {
    
}

#service_grid #service_yellow {

}

#service_grid #service_yellow .service_panel_inner {

}

div.ajax_service_wrapper {
    background-color:#4f4f4f;
    color:#efefef;
    min-height:350px;
	font-size:12px;
	line-height:19px;
}

div.ajax_service_wrapper p {
	padding:0px 0px 6px 0px;
}

.ajax_service_wrapper .ajax_service {
    padding:10px;
}

.ajax_service_wrapper .ajax_service .ajax_service_left {
    padding:10px 0px;
}

.ajax_service_wrapper .ajax_service .ajax_service_right {
    padding:0px 0px 10px 0px;
}

.ajax_service_wrapper .ajax_service .service_title {
    font-size:14px;
    border-bottom:1px solid #222;
    padding:4px 0px 0px 27px;
    height:26px;
    border-bottom:1px solid #222;
    background:#4f4f4f url(../images/globe_icon.gif) 3px 0px no-repeat;
    color:#dfdfdf;
}

.ajax_service_wrapper .ajax_service .service_description {
    border-top:1px solid #868686;
    padding:5px 0px 5px 0px;
}

.ajax_service_wrapper .ajax_service .rp_title {
    font-size:14px;
    border-bottom:1px solid #222;
    padding:0px 0px 5px 0px;
}

.ajax_service_wrapper .ajax_service .projects_wrapper {
    border-top:1px solid #868686;
    padding:10px 0px;
    font-size:12px;
}

.ajax_service_wrapper .ajax_service .project {
    padding-left:10px;
}

.ajax_service_wrapper .ajax_service .project a {
    display:block;
    padding:3px 5px 3px 27px;
    background:#4f4f4f url(../images/services_header_bg.gif) 3px 3px no-repeat;
    color:#dfdfdf;
    text-decoration:none;
    font-style:italic;
}

.ajax_service_wrapper .ajax_service .project a:hover {
    text-decoration:underline;
}

.ajax_service_wrapper .ajax_service .service_infosheet {

}

.ajax_service_wrapper .ajax_service .service_infosheet a {
    color:#dfdfdf;
    font-style:italic;
    display:block;
    padding:10px 5px 10px 35px;
    background:#4f4f4f url(../images/infosheet_dl_bg.gif) 0px 8px no-repeat;
}