body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	margin: 0px;
	background-image: url(../images/bg1.jpg);
	background-position: center;
}
#container{
	width:695px;
	margin:auto;
	padding:0px;
	padding-bottom:45px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	min-height: 450px;
}

#flash{
}

	#flashcontent {
	border: solid 1px #fff;
	margin: 0px;
	}
/*
#life{
	border-bottom: dotted #EBEBEB 1px;
	border-top: dotted #EBEBEB 1px;
	padding: 6px 0px 6px 0px;
	margin-top: 24px;
	text-align: right;
}
#life ul{
	margin: 0px;
	list-style-type:none;
}
#life li {
	display:inline;
	margin:2px;
	padding:0px;
	padding-left: 2px;
	color:red;
}
#life li a{
display:inline;
color:#39939B;
}

#life li a:hover{
background-color:#fff;
color:#ccc;
}

#life2{
	margin: 12px 0px 25px 4px;
	border-bottom: solid #F0F0F0 1px;
}
#life2[class~=classname]{ /*hidden from IE*/
/*	margin: 16px 0px 25px 4px;

}
#life2 ul{
	margin: 0px;
	list-style-type:none;
	padding: 0px;
}
#life2 li {
}
#life2 li a{
	display:block;
	color:#39939B;
	width: 129px;
	border-top: solid #F0F0F0 1px;
}

#life2 li a:hover{
background-color:#fff;
color:#ccc;

}
*/


#logo{
float: left;
}

#access_logos{
	padding-left: 2px;
}


#logo img{

}

/*#address{
	margin-top:24px;
	padding-left: 9px;
	padding-right: 4px;
	color: #999999;
	font-size: 0.9em;
	
}
#address strong{
color:#39939B;

	
}
#address a{
	color: #39939B;
	text-decoration: none;

}
#address a:hover{

}*/

#content{
	width:540px;
	margin-left: 152px;
	min-height: 300px;

}
#content[class~=classname]{ /*hidden from IE*/
	margin-left: 151px;

}


/*  color control */

#content2 , #content_about , #content_web, #content_graphic, #content_train, #content_none{
	margin-left: 12px;
	margin-top: 0px;
	min-height:300px;
	color:#666666;
	
	}
	
	#content_graphic h5{
	height:135px;
	font-weight: normal;
	font-size: 0.9em;
}
	#content_graphic th{
background-color:#F7E6EE;
color:#993366;
}
	

/*  about */

#content_about h3, #content_about h4 , #content_about a, #content_about strong{
	color: #D99B44;
}

#content_about a:hover, #content_web a:hover, #content_graphic a:hover, #content_train a:hover{
color:#ccc;
}


#content_about ul{
	list-style:none;
	padding-left: 16px;
		display:block;

}
#content_about li{
	padding:0px;
	list-style-image:url(../images/bullet_orange.gif);
	margin-left: 12px;
	color: #D99B44;
}
.about_bg{
	background-color:#FFFFFF;
	margin-left: 0px;
	padding: 2px 12px 10px 12px;
}

/* -----------------------------------  web ----------------------------------------------*/ 
#content_web h3, #content_web h4 , #content_web a, #content_web strong{
	color: #A39B1B;
}
#content_web ul{
	list-style:none;
	padding-left: 16px;
}
#content_web li{
	padding:0px;
	list-style-image:url(../images/bullet_green.gif);
	margin-left: 12px;
	color: #A39B1B;
}
.web_bg{
	background-color:#FFFFFF;
	margin-left: 0px;
	padding: 2px 12px 10px 12px;
}


#content_web th{
background-color:#F6F4E6;
color:#A39B1B;


}


/* ---------------------------------------  graphic -----------------------------------------*/

#content_graphic h3, #content_graphic h4 , #content_graphic a, #content_graphic strong{
	color: #993366;
}

#content_graphic h3{
padding-top:9px;
}
#content_graphic h3 a{
text-decoration:none;
}
#content_graphic ul{
	list-style:none;
	padding-left: 16px;
	}
#content_graphic li{
	padding:0px;
	list-style-image:url(../images/bullet_purple.gif);
	margin-left: 12px;
	color: #993366;
}
.graphic_bg{
	background-color:#FFFFFF;
	margin-left: 0px;
	padding: 2px 12px 10px 12px;
}



#content_none h3, #content_none h4 , #content_none strong{
	color: #39939B;
}
/*#content_none ul{
	list-style:none;
	padding-left: 16px;
}
#content_none li{
	padding:0px;
	list-style-image:url(../images/bullet_blue.gif);
	margin-left: 12px;
	color: #016893;
	}*/
	
	#content_none ul{
	margin: 0px;
	list-style-type:none;
	padding: 0px 0px 0px 20px;
	margin-left: 30px;
	margin-bottom: 20px;
}
#content_none li {
}
#content_none li a{
	display:block;
	width: 200px;
}

#content_none li a:hover{

}
	
	
	

/*----------------------------------  training ----------------------------------- */

.line{
	border-top: dotted #ccc 1px;
	padding: 12px 0px 0px 0px;
}

#content_train h3, #content_train h4 , #content_train a, #content_train strong{
	color: #791E75;
}
#content_train ul{
	list-style:none;
	padding-left: 16px;
}
#content_train li{
	padding:0px;
	list-style-image:url(../images/bullet_blue.gif);
	margin-left: 12px;
	color: #791E75;
}
.train_bg{
	background-color:#FFFFFF; /*background of bullets*/
	margin-left: 0px;
	padding: 2px 12px 10px 12px;
}

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

#banner{
	height: 135px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
#banner2{
	margin: 0px;
	padding: 0px;
}
#menuleft{
	width: 50%;
	float: right;
}
#menuright1{
	width:25%;
	float: left;
	color: #D99B44;
}

#menuright2{
	width:25%;
	float: right;
}
#menuleft1{
	width:50%;
	float: left;
}

#menuleft2{
	width:50%;
	float: right;
}
#fix{
	clear:both;
}

#banner ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#banner2 ul{
margin:0px;
padding:0px;
list-style-type:none;
background-image:url(none);
}

p{
line-height:1.2em;
}
/*----------------------------------------headings -------------------------------------*/
h1 {
	display: none;
}
.highlight{
background-color:#FAF0E2;
}

h2 {
	font-weight: normal;
	font-size: 1.7em;
}


#right_content h5{ 
margin:0px;
padding:0px 0px 0px 0px;
font-size:1em;
font-weight:bold;
}

h3 {font-size:1.1em;
    font-weight: bold;
	padding: 0px;}
	
h3[class="hide"] {margin:0px 0px 5px 0px; } /*hides from IE*/

	

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


#banner2 li a{
	text-decoration: none;
	display: block;
	padding: 4px 1px 4px 15px;
	width:117px;
	border-bottom: solid #fff 1px;
	color: #ffffff;
	}
#banner2 li a:hover{
	text-decoration: none;
	}
	
#thumbs{
margin-top:2px;
}
#mainarea{
	margin-top: 0px;
	background-repeat:repeat-x;
	background-position:top;
}

#homebody{
	margin-top: 0px;
	width: 540px;
	padding: 0px;
	margin-top: 0px;
	background-repeat:repeat-x;
	background-position:top;
}

/*-----------------------------------left------------------------------------*/
#left{
	width: 250px;
	float: left;
	padding:5px;
	margin:0px;
}
#left img{
	margin-right:5px;
	
}


#left h3{
	color: #DB9B44;
	clear: left;
}	
#box9{
	margin:0px;
	padding-top: 7px;
	}
#box8{
	margin-top: -14px;
	}
	#box8[class~=classname]{ /*hidden from IE*/
	margin-top: 0px;


}

/*-----------------------------------right------------------------------------*/


#right h3{
	color: #c5528b;
	padding: 0px;
	margin: 0px;

}

#left a{
	color: #D99B44;
}
#left a:hover{
	color: #ccc;
}
#right a{
color:#A52473;
}
#right a:hover{
color:#CCCCCC;
}
#left ul{
	list-style:none;
	padding-left: 16px;
	margin: 0px;
}
#left li{
	padding:0px;
	list-style-image:url(../images/bullet_orange.gif);
	margin-left: 0px;
}
#right ul{
	list-style:none;
	padding-left: 16px;
}
#right li{
	padding:0px;
	list-style-image:url(../images/bullet_orange.gif);
	margin-left: 12px;
	}

#right{
	width: 245px;
	margin-left: 275px;
	padding: 5px;

}

/*.about{
color:#D99B44;
}
.about:hover{
background-color:#FFFFFF;
color:#D99B44;
}*/


#banner li a, #banner2 li a{
	text-decoration: none;
	display: block;
	padding: 4px 1px 4px 14px;
	width:116px;
	border-bottom: solid #fff 1px;
	}
	
#banner li a:hover, #banner2 li a:hover{
	text-decoration: none;
	}

	
/*------------------------------- navigation colours -------------------------*/

/*------------------------------------- about --------------------------------*/
	
.abouthd{
	background-color:#D99B44; /*-----this is the dark heading in the navigation---------*/
	color:#FFFFFF; 
	height: 20px;
	font-weight: bold;
}

.abouthd:hover{
	background-color:#E1B06F;
	color:#FFFFFF;
}

.about a{
	color:#D99B44;
	background-color: #F7E9D7;
}
.about a:hover{
	color:#D99B44;
	background-color: #FCF5ED;
}


#banner .abouthd li a{
	background-color:#D99B44;
	color: #ffffff;
	font-weight: bold;
	padding-top: 4px;
	height: 24px;	
}

#banner ul.about{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color: #FAF1E4;
	color: #D99B44;
}

#banner .abouthd li a{
	color: #D99B44;
}
/*---------------------------------------web---------------------------------*/

.webhd{
	background-color:#A39B1B; /*-----this is the dark heading in the navigation---------*/
	color:#FFFFFF;
	height:20px;
	font-weight: bold;
}

.webhd:hover{
	background-color:#C2BB68;
	color:#FFFFFF;
}

.web a{
	color:#A39B1B;
	background-color:#F6F4E6;
}

.web a:hover{
	background-color:#FAF9EF;
	color:#73A54E;
}

#banner ul.web{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color: #F6F4E6;
	color: #73A54E;
}

/*
.web_hd{
	background-image: url(../images/grad1.gif);
	background-repeat: repeat-x;
}

/*--------------------------------------- graphic ---------------------------------*/

.hourshd{
	background-color:#39939B; /*-----this is the dark heading in the navigation---------*/
	color:#ffffff;
	height: 20px;
	font-weight: bold;
}
.hourshd:hover{
	background-color:#C5528B;
	color:#ffffff;
}




.graphichd{
	background-color:#993366; /*-----this is the dark heading in the navigation---------*/
	color:#ffffff;
	height: 20px;
	font-weight: bold;
}
.graphichd:hover{
	background-color:#C5528B;
	color:#ffffff;
}

.graphic a{
	background-color:#F7E6EE;
	color:#993366;
}
.graphic a:hover{
	background-color:#FCF3F8;
	color:#993366;
}

#banner ul.graphic{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color: #F7E8EF;
	color: #993366;
}

/*
.graphic_hd{
	background-image: url(../images/grad1.gif);background-repeat: repeat-x;
}


/*---------------------------------------training---------------------------------*/

.traininghd{
	background-color:#791E75; /*-----this is the dark heading in the navigation---------*/
	color:#FFFFFF;
	height: 20px;
	font-weight: bold;
}	
	
.traininghd:hover{
	background-color:#9D6298;
	color:#FFFFFF;
}

.training a{
	background-color:#F0E9F1;
	color:#791E75;
}

.training a:hover{
	background-color:#F8F3F8;
	color:#791E75;
}

#banner ul.training{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color: #F0E9F1;
	color: #016893;
}

/*------------------------------------------------- no bulleted list -------------------------------------------------*/

#content_about.nobullets ul, #content_train.nobullets ul, #content_graphic.nobullets ul, #content_web.nobullets ul {
margin:0px;
padding:0px;
list-style:none;

}

#content_about.nobullets li, #content_train.nobullets li, #content_graphic.nobullets li, #content_web.nobullets li{
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	color: #909090;
}

#content_about.nobullets ul.links{
margin-bottom:15px;}


#content_about.news ul{
margin:0px;
padding:0px;
list-style:none;
}

#content_about.news li{
margin:0px 0px 15px 0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/*---------------------------------------------------- form ---------------------------------------------------*/

.form_about{
background:#ffffff;
font-family:arial,helvetica,sans-serif;
font-size:100%;
color:#D99B44;
border:1px solid #ccc;
width:280px;
padding:2px;
margin-top:6px;
}

.form_training{
background:#ffffff;
font-family:arial,helvetica,sans-serif;
font-size:100%;
color:#791E75;
border:1px solid #CCCCCC;
width:280px;
padding:2px;
margin-top:6px;
}


.form_web{
background:#ffffff;
font-family:arial,helvetica,sans-serif;
font-size:100%;
color:#A39B1B;
border:1px solid #ccc;
width:280px;
padding:2px;
margin-top:6px;
}


.form_graphic{
	background:#ffffff;
	font-family:arial,helvetica,sans-serif;
	font-size:100%;
	border:1px solid #CCCCCC;
	width:280px;
	padding:2px;
	margin-top:6px;
	color: #993366;
}


label{
}


/*area1*/
#mainarea1{
	margin-left: 12px;
	margin-top: 10px;
	padding: 0px;
}

#mainarea1 h2{
	color: #666666;
	width: 495px;
}

#right h2{
	/*	background-repeat:no-repeat;
	background-position:top;
	height:50px;
	overflow:hidden;
	margin:0px;*/
	margin-top:2px;
	background-repeat: no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 0px;
	
}
#left h2{
	/*	background-repeat:no-repeat;
	background-position:top;
	height:50px;
	overflow:hidden;
	margin:0px;*/
	
	margin-top:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding: 0px;
	
	
	
	}
.leftheader{
	background-image:url(../images/headers/designhd.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:45px;
	}
	



/*  web  */	
.webheader{
	background-image:url(../images/webhd.gif);
	}
.web_clients_header{
	background-image:url(../images/headers/web_clients_hd.gif);
	}
	
	
	/*  graphic  */	
.graphicheader{
	background-image:url(../images/graphichd.gif);
	}
.graphic_client_header{
	background-image:url(../images/headers/graphic_client_hd_test.jpg);
	}
	
		
	/*  about  */	
.aboutheader{
	background-image:url(../images/abouthd.gif);
	}
.who_header{
	background-image:url(../images/headers/about_who_we_are_hd.gif);
	}
.info_header{
	background-image: url(../images/headers/info_hd.gif);
	}
.contact_header{
	background-image: url(../images/headers/contact_hd.gif);
	}
.news_header{
	background-image: url(../images/headers/news_hd.gif);
	}

/*  train  */	
.trainheader{
	background-image:url(../images/trainhd.gif);
	}
	
.train_upload_header{
	background-image:url(../images/headers/train_upload_hd.gif);
	}
.sitemap_header{
	background-image:url(../images/headers/sitemap.gif);
	}
.access_header{
	background-image:url(../images/headers/accessibility.gif);
	}
	
	
/*clients*/
.lizzie_header{
	background-image:url(../images/headers/clients/lizzie.gif);
	}
.lizzie_g_header{
	background-image:url(../images/headers/clients/lizzie_g.gif);
	}
.fb_header{
	background-image:url(../images/headers/clients/fb.gif);
	}
.leeds_header{
	background-image:url(../images/headers/clients/leeds.gif);
	}	
.leeds_g_header{
	background-image:url(../images/headers/clients/leeds_g.gif);
	}	
.hits_header{
	background-image:url(../images/headers/clients/hits.gif);
	}
.hits_g_header{
	background-image:url(../images/headers/clients/hits_g.gif);
	}
.sbc_header{
	background-image:url(../images/headers/clients/sbc.gif);
	}
.ss_header{
	background-image:url(../images/headers/clients/stevestuart.gif);
	}
.kays_header{
	background-image:url(../images/headers/clients/kays.gif);
	}
.expand_header{
	background-image:url(../images/headers/clients/expand.gif);
	}
.canine_header{
	background-image:url(../images/headers/clients/canine.gif);
	}
.weston_header{
	background-image:url(../images/headers/clients/weston.gif);
	}
.weston_g_header{
	background-image:url(../images/headers/clients/weston_g.gif);
	}
.stevebiko_header{
	background-image:url(../images/headers/clients/stevebiko.gif);
	}
.redcross_header{
	background-image:url(../images/headers/clients/redcross.gif);
	}
.mersey_header{
	background-image:url(../images/headers/clients/meseybasin.gif);
	}
.witness_header{
	background-image:url(../images/headers/clients/witness.gif);
	}
.prince_header{
	background-image:url(../images/headers/clients/princestrust.gif);
	}
	
#left strong {
	color: #DB9B44;
}
#right strong {
	color: #993366;
}




/*  portfolio */	

#portfolio{
	margin-top: 25px;
}

/*
#portfolio_text h5{
background-color:#FF9900;

}


#portfolio_text p{
background-color:#F5F4EB;

}*/
.port_graphic2{
	margin: 5px 6px 0px 2px;
	border:solid #fff 2px;
	display: block;
	float: left;
}

.port{
	margin: 0px 6px 0px 2px;
	border:solid #E9E9E9 2px;
	display: block;
	float: left;
}
.port_graphic{
	border:solid #fff 2px;
}
.port_thumb{
	border:solid #ccc 1px;
}

#portfolio_menu{
	float: right;
	width: 186px;
	margin-bottom: 10px;
}

#portfolio ul{
	margin:0px;
	padding:0px;
}

#portfolio li{
	margin:0px;
	padding:0px;
	list-style-image:none;
}

#portfolio li a{
	background-color:#FCF3F8;
	display:block;
	padding:4px 4px 4px 4px;
	border-bottom:#F2DBE7 solid 1px;
	width: 182px;
	border-top: #fff solid 2px;
}

#portfolio li a:hover{
	background-color:#F7E6EE;
	color: #993366;
}

/*----------------------------- graphic  portfolio ---------------------------- */	

#graphic_portfolio h3{
	padding-top: 9px;
	margin: 0px;
	}
#graphic_portfolio h5{
	height:150px;
	font-weight: normal;
	}

/* ------------------------------- web  portfolio -----------------------------*/	

#web_portfolio{
	margin-top: 12px;
}

#web_portfolio img .port{
	border: solid #fff 1px;
	padding: 28px;
}

#web_portfolio h3{
	padding-top: 9px;
	margin: 0px;
	}
#web_portfolio h5{
	height:149px;
	font-weight: normal;
	font-size: 0.9em;
	
	}
#web_portfolio h3 a{
	text-decoration:none;
	}
	

#web_portfolio_image{
}

#web_portfolio_menu{
	float: right;
	width: 186px;
}

#web_portfolio ul{
	margin:0px;
	padding:0px;
}

#web_portfolio li{
	margin:0px;
	padding:0px;
	list-style-image:none;
}

#web_portfolio li a{
	background-color:#EFF5EB;
	display:block;	
	padding:4px 4px 4px 4px;
	border-bottom:#E4EEDD solid 1px;
	width: 182px;
	border-top: #fff solid 2px;
}

#web_portfolio li a:hover{
	background-color:#E4EEDD;
	color: #73A54E;
}
/* ------------------------------------------------------------------------------*/		
#headerbox{
	height:42px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	width: 495px;

}
#trainopt{
	height:54px;
	margin: 0px;
	padding: 0px;
	background-color: #FF0099;

}
.formsubmit{
	background-color:#D99B44;
	padding:2px;
	color:#fff;
	border: none;
}

.about2{
	/*background-color:#F3E2CB;*/
	color: #D99B44;
	list-style-image: url(../images/bullet_orange.gif);
	padding-bottom: 6px;
}

.about2:hover{
	color: #CCCCCC;
}

.web2{
	/*background-color: #C1DAAF;*/
	color: #A39B1B;
	background-repeat: no-repeat;
	list-style-image: url(../images/bullet_green.gif);
	padding-bottom: 6px;
}
.web2:hover{
	color: #CCCCCC;
}
.Graphic2{
	/*background-color: #E2A9C6;*/
	color: #993366;
	list-style-image: url(../images/bullet_purple.gif);
	padding-bottom: 6px;
}
.Graphic2:hover{
	color: #CCCCCC;
}
.train2{
	/*background-color: #B0E8FF;*/
	color: #791E75;
	list-style-image: url(../images/bullet_blue.gif);
	padding-bottom: 6px;
}
.train2:hover{
	color: #CCCCCC;
}

.none2{
	/*background-color: #A8DBDF;*/
	color: #39939B;
	list-style-image: url(../images/bullet_brava.gif);
	padding-bottom: 6px;
}
.none2:hover{
	color: #CCCCCC;
}

.none3{
	color: #39939B;
}

#thumbnails{
margin-top:9px;
}

/*--------------------------------------footer------------------------------------*/

#footer{
	font-size:80%;
	margin:45px 0px 0px 0px;
	padding:9px 0px 0px 20px;
	color:#CCCCCC;
	border-top: solid #E6E6E6 1px;
	clear: left;
}

#footer a{
	color:#CCCCCC
}

#footer a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

#footer ul {
	list-style:none;
	margin:0px 0px 0px -3px;
	padding:0;
	display:inline;
}

#footer li {
	list-style:none;
	margin:0px;
	padding:5px;
	display:inline;
}


.form-submit-about{
	background-color: #F7E9D7;
	color: #D99B44;
	border:	solid #D99B44 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
.form-submit-web{
	background-color: #F6F4E6;
	color: #A39B1B;
	border:	solid #A39B1B 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
.form-submit-train{
	background-color: #F0E9F1;
	color: #791E75;
	border:	solid #791E75 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
.form-submit-graphic{
	background-color: #F7E6EE;
	color: #993366;
	border:	solid #993366 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
/*.hide{
display:none;
}*/




#gallery{


}

#gallery a:hover span{
	top:10px;
	left:10px;
	width:120px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0px 0px 2px 0px;
	filter: alpha(opacity=100);
	text-decoration: none;
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 


#gallery img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}




#extra{
	background-color:#FFFFFF;
	width:130px;
	float:left;
	margin: 27px 0px 10px 10px;
	font-size: 0.85em;
	display: none;
}
#extra a{
	color: #39939B;
	text-decoration: none;
}
#extra h3{
margin:0px
}
#container #content .lightbox img {
	background-color: #CCCCCC;
	border: solid #f2f2f2;
}
#container #content #homebody #right p {
	margin: 0px 0px 20px;
}
#container #content #homebody #left p {
	margin: 0px 0px 20px;
}