﻿/*

    Title:          style.css
    Author:         Gary Hodge
    Date:           09/07/07
    
    Synopsis:       
    
    Last Mod:       17/06/08 JD
    
*/


/* Global styles */

html
{
  margin-bottom: 1px;
}

html, body
{
  height: 100%;
}

body
{
    margin: 0;
    padding: 0; 
    text-align: center;
    background-color: #000;	
    font-family: Verdana, Helvetica, Arial, Sans-Serif, Tahoma;
    font-size: .7em;
    color:#fff;
}

h1
{
    font-size: 1.3em;
    color: #000;
    font-family:Arial;
}

h2
{
    font-size: 1.2em;
    font-family:Arial;
}

a:active, a:hover, a:visited, a:link
{
    color: #fff;
}

a:hover
{
    color: #bf4398;
}

img
{
    border: 0;
}

input, select
{
    background-color: #fff!important;
}

#wrapper
{
    width: 1003px!important;
    padding:0!important;
    margin: 0 auto;
    background-color: #000;
    text-align:left;
}

#content
{   
    margin: 0 auto;
    padding:0;
    width: 100%;
    color: #fff;
}


#base_content
{   
    width: 903px!important;
    margin: 0 auto;
    padding: 20px 50px 0 30px;
    width: 100%;
    color: #fff;
}

/* Header Control style */

.header
{
    background: url(../Images/Logos/nonhomepage-header.gif) left bottom no-repeat;
    margin: 0 auto;
    padding: 40px 0px 0px 15px;
    height: 125px;
}

.homepage_header
{
    background: url(../Images/Logos/homepage-header.gif) left bottom no-repeat!important;
    padding: 30px 0px 0px 0px!important;
}

.navigation
{
    padding: 51px 0px 0px 335px;
    float: left;
    color: #fff;
}

.navigation_homepage
{
    padding: 61px 0px 0px 350px!important;
    
}

.navigation ul
{
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

.navigation li
{
    font-weight:bold;
	padding: 0px 12px 0px 0px!important;
	display: inline;
	list-style-type: none;
    height: 37px;
	overflow: hidden;
	text-align:left;
	font-size: 10pt;
}

.navigation li a
{
    color: #ffffff;
   	text-decoration: none;
}

.active_page_link a
{
    color: #bf4398!important;
}





/* Footer Control styles */

#footer
{
    background: url(../Images/Bits/footer.gif) top no-repeat;
    margin: 0 auto;
    padding: 60px 0px 0 15px;
    width: 1003px;
    float:left;
	color:#777777;
	height: 50px;
	vertical-align: middle;
}

#footer .logo
{
    float: left;
    height: 50px;
    width: 270px;
}

#footer .text
{
    font-family:Arial;
    font-size: .9em!important;
    width: 700px;
    padding: 12px 20px 0 0;
    float: right;
}





/* Homepage */

.homepage_top
{
    background:url(../Images/Bits/homepage-top.gif) top no-repeat;
    width:1003px;
    height:150px;
}

.homepage_left
{
    background:url(../Images/Bits/homepage-left.gif) top no-repeat;
    float:left;
    width:410px;
    height:200px;
}

.homepage_right
{
    background:url(../Images/Bits/homepage-right.gif) top no-repeat;
    width:163px;
    height:200px;
    float:right;
}

.homepage_bottom
{
    background:url(../Images/Bits/homepage-bottom.gif) top no-repeat;
    width:1003px;
    height:70px;
    float: left;
    padding: 52px 0 0 0;
}

.homepage_text h1
{
    color: #fff;
    font-size: 1.6em;
}

.homepage_text
{
    width:400px;
    height:195px;
    float: left;
    text-align:left;
    padding: 5px 10px 0px 20px;
    margin: -15px 0 0 0;
}

.homepage_text p
{
    margin: 10px 0 0 0;
}






/* News page  */

.news_title
{
    background:url(../Images/Bits/news-title.jpg) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.news_left
{
    width: 317px;
    height: 380px;
    float: left;
}

.news_list
{
    width: 564px;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0 ;
}

.news_wrapper
{
float:right;
width:555px;
margin:0 120px 0 0;
}

.news_article
{
width:555px;
margin:0 120px 20px 0;
float:right!important;
}

.article_title
{
    font-size: 1.3em;
    color: #fff;
    font-family:Arial;
    font-weight:bold;
}

.news_list_wrapper
{
    width: 560px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}

.news_bottom
{
    background:url(../Images/Bits/bottom_curves.gif) top no-repeat;
    width:1003px;
    height:72px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.news_date
{
    width: 111px;
    height: 100px;
    float: left;
    vertical-align:bottom;
}

.news_date h1
{
    color: #aaaaaa!important;
    margin: 2px 0 0 0;
}


.news_content
{
    width: 440px;
    float: right;
    padding: 0 0 20px 0;
}

.news_list_wrapper h1
{
    font-size: 1.3em;
    color: #fff;
}

.news_seperator
{
    width: 569px;
    height: 7px;
    background:url(../Images/Bits/news-seperator.gif) top no-repeat;
    float: left;
    padding: 0 0 0 0;
}


/* About us page*/

.aboutus_title
{
    background:url(../Images/Bits/aboutus-title.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.aboutus_image
{
    width: 410px;
    height: 380px;
    margin: 20px 0 0 0;
    float: left;
    background:url(../Images/Bits/about-left.jpg) top no-repeat;
}

.aboutus_content
{
    width:450px;
    float: left;
    text-align:left;
    padding: 20px 10px 20px 20px;
}

.aboutus_content p
{
    margin: 12px 0 0 0;
}


.aboutus_bottom
{
    background:url(../Images/Bits/bottom_curves.gif) top no-repeat;
    width:1003px;
    height:72px;
    padding: 0px 0px 50px 0px;
    float: left;
}

.aboutus_content h1
{
    color: #fff;
    font-size: 1.3em;
}

/* Directors page*/

.directors_title
{
    background:url(../Images/Bits/directors_title.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.directors_content
{
    width:750px;
    float: left;
    text-align:left;
    padding: 20px 10px 20px 118px;
}

.directors_content p
{
    margin: 12px 0 0 0;
}

.directors_executive_directors
{
	width:440px;
    float: left;
    text-align:left;
    padding: 20px 10px 20px 240px;
    font-size: 1.2em;
}

.directors_bottom
{
    background:url(../Images/Bits/bottom_curves.gif) top no-repeat;
    width:1003px;
    height:72px;
    padding: 0px 0px 50px 0px;
    float: left;
}

.directors_content h1
{
    color: #fff;
    font-size: 1.3em;
}

.directors_profile_wrapper
{
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
}

.directors_img_andrew
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(../Images/Bits/andrew_williams.jpg) no-repeat;
}

.directors_img_carolyn
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(../Images/Bits/carolyn_hewitt.jpg) no-repeat;
}

.directors_img_martyn
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(../Images/Bits/martyn_jewell.jpg) no-repeat;
}

.directors_img_martin
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(../Images/Bits/martin_vowles.jpg) no-repeat;
}

.directors_img_mike
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	/*background: url(../Images/Bits/martin_vowles.jpg) no-repeat;*/
}

.directors_img_tony
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	/*background: url(../Images/Bits/martin_vowles.jpg) no-repeat;*/
}

.directors_img_linda
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(../Images/Bits/linda_hollingbery.jpg) no-repeat;
}

.directors_img_stephen
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	/*background: url(../Images/Bits/linda_hollingbery.jpg) no-repeat;*/
}

.directors_img_trish
{
	float: left;
	width: 102px;
	height: 102px;
	margin: 0;
	padding: 0;
	/*background: url(../Images/Bits/linda_hollingbery.jpg) no-repeat;*/
}

.directors_text
{
	float: right;
	width: 628px;
	margin: 0;
	padding: 0 0 0 20px;
}


/* Services page */

.services_title
{
    background:url(../Images/Bits/services/services-title.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 15px 0px;
}

.services_image
{
    padding: 15px 0px 0px 15px;    
}

.services_boxwrapper
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.services_boxwrapper a
{
    color: #000000;
}

.service_link_image
{
    float: left;
    padding: 0 10px 0 0;
}


.services_grn_top
{
    background:url(../Images/Bits/services/services-grnboxtop.gif) top no-repeat;
    width:1003px;
    height:30px;
}

.services_grn_left
{
    background:url(../Images/Bits/services/services-grnboxleft.gif) top no-repeat;
    width:100px;
    height:240px;
    float: left;
}

.services_grn_img
{
    background: #cee6c3;
    width:300px;
    height:240px;
    float: left;
}

.services_grn_content
{
    background: #cee6c3;
    width:515px;
    height:225px;
    float: left;
    color: #000;
    text-align: left;
    padding: 15px 20px 0px 25px;
}

.services_grn_content P
{
    margin: 0 0 12px 0;
}

.services_grn_right
{
    background:url(../Images/Bits/services/services-grnboxright.gif) top no-repeat;
    width:43px;
    height:240px;
    float: left;
}

.services_grn_bottom
{
    background:url(../Images/Bits/services/services-grnboxbottom.gif) top no-repeat;
    width:1003px;
    height:25px;
    padding: 0px 0px 30px 0px;
    float: left;
}




.services_org_top
{
    background:url(../Images/Bits/services/services-Orgboxtop.gif) top no-repeat;
    width:1003px;
    height:30px;
    float: left;
}

.services_org_left
{
    background:url(../Images/Bits/services/services-Orgboxleft.gif) top no-repeat;
    width:100px;
    height:240px;
    float: left;
}

.services_org_img
{
    background: #f8e4d1;
    width:300px;
    height:240px;
    float: left;
}

.services_org_content
{
    background: #f8e4d1;
    width:515px;
    height:225px;
    float: left;
    color: #000;
    text-align: left;
    padding: 15px 20px 0px 25px;
}

.services_org_content P
{
    margin: 0 0 12px 0;
}

.services_org_right
{
    background:url(../Images/Bits/services/services-Orgboxright.gif) top no-repeat;
    width:43px;
    height:240px;
    float: right;
}

.services_org_bottom
{
    background:url(../Images/Bits/services/services-Orgboxbottom.gif) top no-repeat;
    width:1003px;
    height:25px;
    padding: 0px 0px 30px 0px;
    float: left;
}




.services_pur_top
{
    background:url(../Images/Bits/services/services-Purboxtop.gif) top no-repeat;
    width:1003px;
    height:26px;
    float: left;
}

.services_pur_left
{
    background:url(../Images/Bits/services/services-Purboxleft.gif) top no-repeat;
    width:100px;
    height:244px;
    float: left;
}

.services_pur_img
{
    background: #ecd7e3;
    width:300px;
    height:244px;
    float: left;
}

.services_pur_content
{
    background: #ecd7e3;
    width:515px;
    height:229px;
    float: left;
    color: #000;
    text-align: left;
    padding: 15px 20px 0px 25px;
}

.services_pur_content P
{
    margin: 0 0 12px 0;
}

.services_pur_right
{
    background:url(../Images/Bits/services/services-Purboxright.gif) top no-repeat;
    width:43px;
    height:244px;
    float: right;
}

.services_pur_bottom
{
    background:url(../Images/Bits/services/services-Purboxbottom.gif) top no-repeat;
    width:1003px;
    height:30px;
    float: left;
}


/* Services > Training */

.training_title
{
    background:url(../Images/Bits/services/training/pagetitle.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.training_left_image
{
    background:url(../Images/Bits/services/training/titleimage.jpg) top no-repeat;
    width:420px;
    height:300px;
    float: left;
}

.training_text
{
    padding: 15px 0px 0px 10px;
    text-align: left;
    width:430px;
    height:300px;
    float: left;
}

.training_li
{
    margin: 0px 0px 0px -20px;
}

.training_subheading
{
    font-weight: bold;
}

.training_images
{
    padding: 5px 0px 0px 0px;
}




.training_boxtop
{
    background:url(../Images/Bits/services/training/boxtop.gif) top no-repeat;
    width: 1003px;
    height: 30px;
    float: left;
}

.training_boxwrapper
{
    background:url(../Images/Bits/services/training/bgwrapper.gif) top repeat-y;
    width: 1003px;
    float: left;
}

.training_boxleft
{
    background:url(../Images/Bits/services/training/boxleft.gif) top no-repeat;
    width: 105px;
    height: 210px;
    float: left;
}

.training_boximages
{
    width: 307px;
    float: left;
    background-color: #cee6c3;
}

.training_boxtext
{
    padding: 5px 0px 5px 23px;
    text-align: left;
    width: 510px;
    float: left;
    background-color: #cee6c3;
    color: #000000;
    font-size: 11px;
}

.training_boxright
{
    background:url(../Images/Bits/services/training/boxright.gif) top no-repeat;
    width: 51px;
    height: 210px;
    float: right;
}

.training_boxbottom
{
    background:url(../Images/Bits/services/training/boxbottom.gif) top no-repeat;
    width:1003px;
    height:30px;
    float: left;
}

.training_vert_text
{
    background:url(../Images/Bits/services/training/verttext.gif) top no-repeat;
    width: 40px;
    height: 540px;
    margin: -515px 0px 0px -980px;
    float: left;
}


/* Services > Guidance */

.guidance_title
{
    background:url(../Images/Bits/services/guidance/pagetitle.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.guidance_left_image
{
    background:url(../Images/Bits/services/guidance/titleimage.jpg) top no-repeat;
    width:420px;
    height:300px;
    float: left;
}

.guidance_text
{
    padding: 15px 0px 0px 10px;
    text-align: left;
    width:430px;
    height:300px;
    float: left;
}

.guidance_li
{
    margin: 0px 0px 0px -20px;
}

.guidance_subheading
{
    font-weight: bold;
}

.guidance_images
{
    padding: 5px 0px 0px 0px;
}



.guidance_boxtop
{
    background:url(../Images/Bits/services/guidance/boxtop.gif) top no-repeat;
    width: 1003px;
    height: 30px;
    float: left;
}

.guidance_boxwrapper
{
    background:url(../Images/Bits/services/guidance/bgwrapper.gif) top repeat-y;
    width: 1003px;
    float: left;
}

.guidance_boxleft
{
    background:url(../Images/Bits/services/guidance/boxleft.gif) top no-repeat;
    width: 105px;
    height: 210px;
    float: left;
}

.guidance_boximages
{
    width: 307px;
    float: left;
    background-color: #ecd7e3;
}

.guidance_boxtext
{
    padding: 5px 0px 5px 23px;
    text-align: left;
    width: 510px;
    float: left;
    background-color: #ecd7e3;
    color: #000000;
    font-size: 11px;
}

.guidance_boxright
{
    background:url(../Images/Bits/services/guidance/boxright.gif) top no-repeat;
    width: 51px;
    height: 210px;
    float: right;
}

.guidance_boxbottom
{
    background:url(../Images/Bits/services/guidance/boxbottom.gif) top no-repeat;
    width:1003px;
    height:30px;
    float: left;
}

.guidance_vert_text
{
    background:url(../Images/Bits/services/guidance/verttext.gif) top no-repeat; 
    width: 60px;
    height: 408px;
    margin: -388px 0px 0px -990px;
    float: left;
}



/* Services > Management */

.management_title
{
    background:url(../Images/Bits/services/management/pagetitle.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.management_left_image
{
    background:url(../Images/Bits/services/management/titleimage.jpg) top no-repeat;
    width:420px;
    height:300px;
    float: left;
}

.management_text
{
    padding: 15px 0px 0px 10px;
    text-align: left;
    width:430px;
    height:300px;
    float: left;
}

.management_li
{
    margin: 0px 0px 0px -20px;
}

.management_subheading
{
    font-weight: bold;
}

.management_images
{
    padding: 5px 0px 0px 0px;
}




.management_boxtop
{
    background:url(../Images/Bits/services/management/boxtop.gif) top no-repeat;
    width: 1003px;
    height: 30px;
    float: left;
}

.management_boxwrapper
{
    background:url(../Images/Bits/services/management/bgwrapper.gif) top repeat-y;
    width: 1003px;
    float: left;
}

.management_boxleft
{
    background:url(../Images/Bits/services/management/boxleft.gif) top no-repeat;
    width: 105px;
    height: 210px;
    float: left;
}

.management_boximages
{
    width: 307px;
    float: left;
    background-color: #f8e4d1;
}

.management_boxtext
{
    padding: 5px 0px 5px 23px;
    text-align: left;
    width: 510px;
    float: left;
    background-color: #f8e4d1;
    color: #000000;
    font-size: 11px;
}

.management_boxright
{
    background:url(../Images/Bits/services/management/boxright.gif) top no-repeat;
    width: 51px;
    height: 210px;
    float: right;
}

.management_boxbottom
{
    background:url(../Images/Bits/services/management/boxbottom.gif) top no-repeat;
    width:1003px;
    height:30px;
    float: left;
}

.management_vert_text
{
    background:url(../Images/Bits/services/management/verttext.gif) top no-repeat; 
    width: 40px;
    height: 438px;
    margin: -420px 0px 0px -985px;
    float: left;
}




/* Services Signposts */


#signposts_section
{
    margin:o aut;
    padding:0;
    float:left;
    width:1003px;
}


.signpost_wrapper
{
    width: 310px;
    height: 211px;
    padding:0;
}



.signpost_wrapper_training_active
{
    background: url(../Images/Bits/services/signpost-training-colour.gif) top no-repeat;
    margin: 30px 0;
    float: left;
}

.signpost_wrapper_training_inactive
{
    background: url(../Images/Bits/services/signpost-training-grey.gif) top no-repeat;
    margin: 30px 0;
    float: left;
}

.signpost_wrapper_management_active
{
    background: url(../Images/Bits/services/signpost-management-colour.gif) top no-repeat;
    margin: 30px 0 0 37px;
    float:left;
}
.signpost_wrapper_management_inactive
{
    background: url(../Images/Bits/services/signpost-management-grey.gif) top no-repeat;
    margin: 30px 0 0 37px;
    float:left;
}

.signpost_wrapper_guidance_active
{
    background: url(../Images/Bits/services/signpost-guidance-colour.gif) top no-repeat;
    margin: 30px 0;
    float:right;
}
.signpost_wrapper_guidance_inactive
{
    background: url(../Images/Bits/services/signpost-guidance-grey.gif) top no-repeat;
    margin: 30px 0;
    float:right;
}

.signpost
{
    margin: 0!important;
    padding: 0!important;
    
}

.signpost_link
{
    color: #000;
    text-align: left;
    width: 190px;
    height: 25px;
    margin: 165px 0px 0px 83px;
    font-size: 8pt;
}

.signpost_link a
{
    color: #000000;

}

.link_image
{
    width: 15px;
    height: 16px;
    float: left;
}

.link_text
{
    float: right;
    width: 168px;
    height: 26px;
}




/* Work with Us page*/

.work_title
{
    background:url(../Images/Bits/workwithus-title.gif) top no-repeat;
    width:1003px;
    height:120px;
    padding: 0px 0px 0px 0px;
}

.work_image
{
    width: 410px;
    height: 380px;
    margin: 0;
    padding: 0 0 0 0px;
    float: left;
    background:url(../Images/Bits/workwithus-left.jpg) top no-repeat;
}

.work_content
{
    width:450px;
    float: left;
    text-align:left;
    padding: 20px 10px 20px 20px;
}

.work_content p
{
    margin: 12px 0 0 0;
}

.work_bottom
{
    background:url(../Images/Bits/bottom_curves.gif) top no-repeat;
    width:1003px;
    height:72px;
    padding: 0px 0px 50px 0px;
    float: left;
}

.work_content h1
{
    color: #fff;
    font-size: 1.3em;
}





/* Contact page */

#map
{
	color: #000;
	height:410px;
	width:382px;
	font-size: .7em;
}

.contact_title
{
    background:url(../Images/Bits/contact-title.gif) top no-repeat;
    width:1003px;
    height:120px;
    float: left;
}

.contact_map
{
    width: 382px;
    height: 375px;
    padding: 0 0 0 75px;
    float: left;
    font-size: 1.4em;
}

.contact_content
{
    width:520px;
    float: right;
}

.contact_bottom
{
    background:url(../Images/Bits/bottom_curves.gif) top no-repeat;
    width:1003px;
    height:70px;
    float: left;
    padding: 0 0 0 0;
}


.contact_content h1
{
    font-size: 1.3em;
    color: #ffffff;
    margin: 0 0 7px 0;
    padding: 0 0 0 0;

}

.contact_text
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

.small_text
{
font-size:1.0em;
color:#e2e2e2;
font-style:italic;
}