/* 
    Document   : projects
    Created on : 20/09/2009, 9:39:42 AM
    Author     : Cam
    Description:
        Purpose of the stylesheet follows.
*/

#page .projects_wrapper {
    border-bottom:1px solid #868686;
}

.projects_inner {
    border-bottom:1px solid #222;
    padding:0px 0px 0px 0px;
    color:#efefef;
}


#projects_page {
    width:700px;
    float:left;
    padding:0px 10px;
}

#project_page {
    width:720px;
    float:left;
    padding:0px 0px;
}

#projects_page_content {
    height:147px;
    background:url(../images/projects_byline.gif) 0px 0px no-repeat;
}

#projects_page_content div {
    display:none;
}

#featured_projects_wrapper {
    padding-bottom:20px;
}

#featured_projects {
    height:360px;
    width:700px;
    overflow:hidden;
    background-color:#4f4f4f;
    position:relative;
    color:#ffffff;
}

#featured_projects .frame {
    height:360px;
    width:700px;
    margin-top:-360px;
}

#featured_projects .frame .loader {
    background:url(../images/ajax-loader.gif) 0px 5px no-repeat;
    padding:5px 5px 5px 35px;
    font-size:12px;
    font-style:italic;
    margin:150px 0px 0px 270px;
    height:32px;
    line-height:32px;
    color:#9e9a9a;
}


a.project_set_title {
    display:block;
    text-decoration:none;
    height:54px;
    width:240px;
    color:#4f4f4f;
}

a.project_set_title span {
    display:none;
}

#project_accordion {
    border-bottom:1px solid #868686;
    padding:15px 0px 0px 0px;
}

a#current_projects {
    background:url(../images/projects_current.gif) 0px 0px no-repeat;
    border-bottom:1px solid #222;
}

a#recent_projects {
    background:url(../images/projects_recent.gif) 0px 0px no-repeat;
    border-top:1px solid #868686;
    border-bottom:1px solid #222;
}

a#past_projects {
    background:url(../images/projects_past.gif) 0px 0px no-repeat;
    border-top:1px solid #868686;
    border-bottom:1px solid #222;
}

a#current_projects:hover {
    background-position: 0px -49px;
}

a#recent_projects:hover {
    background-position: 0px -50px;
}

a#past_projects:hover {
    background-position: 0px -50px;
}

#current_projects_content {
    border-bottom:1px solid #222;
    border-top:1px solid #868686;
    padding-top:5px;
    overflow: hidden;
}

#recent_projects_content {
    border-bottom:1px solid #222;
    border-top:1px solid #868686;
    padding-top:5px;
    overflow: hidden;
}

#past_projects_content {
    border-bottom:1px solid #222;
    border-top:1px solid #868686;
    padding-top:5px;
    overflow: hidden;
}

.project_contact_link {
    font-size:12px;
    font-style:italic;
    padding:10px 0px 10px 37px;
    background:url(../images/pushpin_grey.gif) 12px 10px no-repeat;
}

.project_contact_link a {
    color:#bfbfbf;
}

#project_accordion .project {
    padding:5px 0px 2px 37px;
    font-size:12px;
    background:url(../images/folder_yellow.gif) 13px 6px no-repeat;
}

#project_accordion .project a {
    text-decoration:none;
    color:#dfdfdf;
}

#project_accordion .project a:hover {
    color:#f5cb08;
}

#project_accordion div.current a {
    color:#f5cb08;
}

#projects_page h2 {
    height:69px;
    margin:0px;
    padding:0px;
    background:url(../images/projects_heading.gif) 0px 0px no-repeat;
}

#projects_page h2 span {
    display:none;
}

#projects_list {
    width:240px;
    float:left;
    background-color:#4f4f4f;
    height:100%;
    min-height:596px;
}

#masthead_wrapper {
    padding:5px 5px 5px 5px;
}

#masthead {
    padding:4px;
    background-color:#4f4f4f;
    
}

#masthead_inner {
    border:1px solid #444;
    height:200px;
    overflow:hidden;
    position:relative;
}

#masthead_toggle {
    position:absolute;
    bottom:2px;
    right:2px;
    width:19px;
    height:19px;
    background-color:#4f4f4f;
    border:1px solid #888;
    background:#4f4f4f url(../images/search_form_btn_sml.gif) 0px 1px no-repeat;
    cursor:pointer;
}

#project_content_wrapper {
    padding:0px 5px 5px 5px;
    
}

#project_content_inner {
    background-color:#4f4f4f;
    padding:0px 0px 5px 0px;
	min-height:400px;
}

#project_content {
    padding:10px 10px 5px 10px;
	font-size:12px;
	line-height:20px;
}

#project_content p {
	padding:5px 0px 5px 0px;	
}

#project_content #project_title {
    padding:0px 0px 0px 0px;
    background-color:#4f4f4f;
	border-bottom:1px solid #868686;
	margin:0px 0px 10px 0px;
}

#project_content #project_title h2 {
    font-weight:normal;
    padding:0px 0px 5px 0px;
    margin:0px;
    font-size:16px;
	border-bottom:1px solid #222;
	line-height:26px;
}

#project_content h1, #project_content h2 {
    font-weight:normal;
    padding:0px;
    margin:0px;
    font-size:16px;
}

#project_meta {
    margin:0px 10px 5px 5px;
    width:230px;
    float:left;
    font-size:12px;
    color:#bfbfbf;
}

#project_meta .start_date {
    /*border:1px solid #666;
	border-top-color:#444;
	border-left-color:#444;*/
    padding:5px 5px 5px 25px;
    background:#4f4f4f url(../images/projects_start.gif) 2px 5px no-repeat;
}

#project_meta .start_date .date {
    font-style:italic;
}

#project_meta .project_url {
    /*border:1px solid #666;
	border-top-color:#444;
	border-left-color:#444;*/
    padding:5px 5px 5px 25px;
    background:#4f4f4f url(../images/projects_link.gif) 2px 5px no-repeat;
}

#project_meta a {
    color:#cfcfcf;
    text-decoration:none;
    font-style:italic;
}

#project_meta a:hover {
    text-decoration:underline;
}

#project_meta .client {
    /*border:1px solid #666;
	border-top-color:#444;
	border-left-color:#444;*/
    padding:5px 5px 5px 25px;
    background:#4f4f4f url(../images/projects_client.gif) 2px 5px no-repeat;
}

#project_meta .client_logo img {
    border:none;
}

#project_meta .collaboration {
    /*border:1px solid #666;
	border-top-color:#444;
	border-left-color:#444;*/
    padding:5px 5px 5px 25px;
    background:#4f4f4f url(../images/projects_partner.gif) 2px 5px no-repeat;
}

#project_meta .services {
    padding:5px 5px 5px 25px;
    background:#4f4f4f url(../images/projects_services.gif) 2px 5px no-repeat;
	/*border:1px solid #666;
	border-top-color:#444;
	border-left-color:#444;*/
}

#project_meta .services .service_list {
    list-style-type:square;
    margin:0px;
    padding:5px 5px 0px 14px;
}

#project_meta .services .service_list li {
    padding:3px 0px 0px 0px;
    margin:0px;
}

/* Ajax screens */

div.ajax_partner_wrapper {
    background-color:#4f4f4f;
    color:#efefef;
    min-height:350px;
}

.ajax_partner_wrapper .ajax_partner {
    padding:10px;
}

.ajax_partner_wrapper .ajax_partner .ajax_partner_left {
    padding:10px 0px 0px 0px;
}

.ajax_partner_wrapper .ajax_partner .ajax_partner_right {
    padding:0px 0px 10px 0px;
}

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

.ajax_partner_wrapper .ajax_partner .partner_description {
    border-top:1px solid #868686;
    padding:10px 0px 10px 0px;
    font-size:12px;
	line-height:18px;
}

.ajax_partner_wrapper .ajax_partner .partner_description p {
	padding:0px 0px 12px 0px;	
}

.ajax_partner_wrapper .ajax_partner .partner_description a {
    color:#cfcfcf;
	font-style:italic;
}

.ajax_partner_wrapper .ajax_partner .partner_logo {
    padding:5px;
    width:140px;
    float:left;
    background-color:#dfdfdf;
    margin:5px 10px 3px 0px;
}


.ajax_partner_wrapper .ajax_partner .rp_title {
    font-size:14px;
    border-bottom:1px solid #222;
    padding:5px 0px 5px 0px;
    clear:both;
}

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

.ajax_partner_wrapper .ajax_partner .project {
    padding-left:10px;
}

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

.ajax_partner_wrapper .ajax_partner .project a:hover {
    text-decoration:underline;
}

div.ajax_client_wrapper {
    background-color:#4f4f4f;
    color:#efefef;
    min-height:350px;
}

.ajax_client_wrapper .ajax_client {
    padding:10px;
}

.ajax_client_wrapper .ajax_client .ajax_client_left {
    padding:10px 0px 0px 0px;
}

.ajax_client_wrapper .ajax_client .ajax_client_right {
    padding:0px 0px 10px 0px;
}

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

.ajax_client_wrapper .ajax_client .client_description {
    border-top:1px solid #868686;
    padding:10px 0px 10px 0px;
    font-size:12px;
	line-height:18px;
}

.ajax_client_wrapper .ajax_client .client_description p {
	padding:0px 0px 12px 0px;	
}

.ajax_client_wrapper .ajax_client .client_description a {
    color:#cfcfcf;
	font-style:italic;
}

.ajax_client_wrapper .ajax_client .client_logo {
    padding:5px;
    width:140px;
    float:left;
    background-color:#dfdfdf;
    margin:5px 10px 3px 0px;
}

.ajax_client_wrapper .ajax_client .client_testimonial_wrapper {
    font-size:12px;
    padding:0px 0px 5px 0px;
}

.ajax_client_wrapper .ajax_client .client_testimonial {

}

.ajax_client_wrapper .ajax_client .testimonial_title {
    font-size:12px;
    padding:0px 0px 5px 0px;
}

.ajax_client_wrapper .ajax_client .testimonial_text {
    padding:6px 0px 5px 0px;
    font-style:italic;
    font-size:12px;
}

.ajax_client_wrapper .ajax_client .testimonial_name {
    font-weight:bold;
    font-size:10px;
    text-align:right;
    padding:0px 5px 0px 0px;
}

.ajax_client_wrapper .ajax_client .rp_title {
    font-size:14px;
    border-bottom:1px solid #222;
    padding:5px 0px 5px 0px;
    clear:both;
}

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

.ajax_client_wrapper .ajax_client .project {
    padding-left:10px;
}

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

.ajax_client_wrapper .ajax_client .project a:hover {
    text-decoration:underline;
}

.ajax_client_wrapper .ajax_client .service_infosheet {

}

.ajax_client_wrapper .ajax_client .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;
}

div.ajax_service_wrapper {
    background-color:#4f4f4f;
    color:#efefef;
    min-height:350px;
}

.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:0px 0px 0px 27px;
    height:30px;
    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;
	font-size:12px;
	line-height:18px;
}

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

.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:2px 5px 5px 27px;
    background:#4f4f4f url(../images/services_header_bg.gif) 3px 0px 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;
}