/* COPYRIGHT DOOR4 2007 */





body.home {font-size: 12px; line-height: 160%; font-family: "Lucida Grande",  "Helvetica Neue",  Arial, Helvetica, Verdana, sans-serif; background: url(../images/blackburns-bg.gif) repeat-x; color: #7a7777; margin: 0; padding:0;}

body.services, body.about, body.case, body.news, body.contact  {font-size: 12px; line-height: 160%; font-family: "Lucida Grande",  "Helvetica Neue",  Arial, Helvetica, Verdana, sans-serif; background: url(../images/inner-bg.gif) repeat-x; color: #7a7777; margin: 0; padding:0;}


body.admin  {font-size: 12px; line-height: 160%; font-family: "Lucida Grande",  "Helvetica Neue",  Arial, Helvetica, Verdana, sans-serif; background: url(../images/admin-bg.gif) repeat-x; color: #7a7777; margin: 0; padding:0;}


body.home li.home, body.services li.services, body.case li.case, body.about li.about, body.news li.news, body.contact li.contact 
{float: left; padding: 10px 0; display: block; border: none;}

body.home li.home a, body.services li.services a, body.case li.case a, body.about li.about a, body.news li.news a, body.contact li.contact a {color: #fff; text-decoration: underline; border: none;}


img {border: none;}

p {margin: 0; font-size:12px;}


h1 {color: #2db5ce;}


h1, h2, h3, h4, h5 {margin: 0;}


a:link {color: #016791;}
a:visited {color: #8bd4f3;}
a:hover {color: #e2007a;}
a:active {color: #e32819;}


#container {width: 974px; margin: 0 auto; padding:0;}/*hold site centered


/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/***************************************************************************************/
/*Hold Header area*/
/***************************************************************************************/
body.services #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-services.jpg) no-repeat;
height: 292px; /*Height of header section*/
}


body.case #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-casestudies.jpg) no-repeat;
height: 292px; /*Height of header section*/
}

body.about #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-about.jpg) no-repeat;
height: 292px; /*Height of header section*/
}

body.news #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-news.jpg) no-repeat;
height: 292px; /*Height of header section*/
}

body.contact #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-contact.jpg) no-repeat;
height: 292px; /*Height of header section*/
}


body.admin #topsection

{margin: 0; padding:0;
position: relative;
background: url(../images/background-admin.jpg) no-repeat;
height: 201px; /*Height of header section*/
}





body.home #topsection{margin: 0; padding:0;
position: relative; background-color: #000000;
/*background: url(../images/blackburns-header-image.jpg) no-repeat;*/
height: 356px; /*Height of header section*/
}


/***************************************************************************************/
/*Hold Menu area*/
/***************************************************************************************/
body.home #navigation-home{margin: 0; padding:0;
position: relative;
top: 356px;
left: 0;
height: 30px; /*Height of top section*/
font-size: 14px;
line-height:normal;
}


* html #navigation-home{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#navigation-home ul{
list-style-type: none;
margin:0;
padding:0;
}

#navigation-home li{
display:inline;
margin:0;


}




/***************************************************************************************/
/*NAVIGATION NEEDS FORMATING PROPERLY@!*/
/***************************************************************************************/
body.services #nav, body.case #nav, body.about #nav, body.news #nav, body.careers #nav, body.contact #nav {
margin: 0; padding:0;
position: absolute;
top: 270px;
left: 10px;
height: 30px;
font-size: 14px;
line-height:normal;
}


body.admin #nav {
margin: 0; padding:0;
position: absolute;
top: 110px;
left: 10px;
height: 30px;
font-size: 14px;
line-height:normal;
}


body.home #nav {
margin: 0; padding:0;
position: absolute;
top: 360px;
left: 10px;
height: 30px;
font-size: 14px;
line-height:normal;
}


#nav ul {
margin: 0; padding:0;

}



li#describe { list-style: none; font-size: 12px; text-align: left;}

li#describe a {margin-right: 10px; color: #fff; text-decoration: none;}

li#describe a:hover {color: #FFFF00; text-decoration: underline;}





/***************************************************************************************/
/*Navigation Links*/
/***************************************************************************************/


#nav{margin:0 0 0 10px; padding:0; }




li.home, li.services, li.case, li.about, li.news, li.careers, li.contact {float: left; display: block; padding: 10px 0;  color: #fff; }

li.home a {padding:10px 25px 0 0; text-decoration: none; color: #fff;}
 
li.services a, li.case a, li.about a, li.news a, li.careers a, li.contact a { padding:10px 25px 0 0; text-decoration: none; color: #fff;}

li.home a:visited, li.services a:visited, li.case a:visited, li.about a:visited, li.news a:visited, li.careers a:visited, li.contact a:visited {color: #ffffff;}


li.home a:hover, li.services a:hover, li.case a:hover, li.about a:hover, li.news a:hover, li.careers a:hover, li.contact a:hover {text-decoration: underline; color: #FFFF00;}

li.home a:active, li.services a:active, li.case a:active, li.about a:active, li.news a:active, li.careers a:active, li.contact a:active {color: #ffffff; }



ul.sub-navigation  {margin:0 0 0 10px; padding:0; text-align: left; font-size: 12px; }
ul.sub-navigation li {display: inline; padding:0 10px 0 0;}
ul.sub-navigation li a {color: #fff;}


body.home li.home a, body.services li.services a, body.case li.case a, body.news li.news a, body.about li.about a, body.contact li.contact a, body.contact li.contact a      {color: #FFFF00;}

/***************************************************************************************/
/*Hold Main content area*/
/***************************************************************************************/
#contentwrapper{
float: left;
width: 100%;
margin: 140px 0 0 0; padding:0;
}


body.services #contentwrapper,  body.case #contentwrapper,  body.about #contentwrapper, body.news #contentwrapper,  body.contact #contentwrapper, body.admin #contentwrapper {
float: left;
width: 100%;
margin: 110px 0 0 0; padding:0;
}



body.admin #contentwrapper {
float: left;
width: 100%;
margin: 20px 0 0 0; padding:0;
}



#background-inner

{float: left; display: inline;
width: 974px; margin: 0; padding:0;}



/***************************************************************************************/
/*HOME PAGE ENTRY LINKS*/
/***************************************************************************************/



#contentcolumn{
float: left;
text-align: left;
width: 593px;
display: inline;
margin: 0; 
padding:0 38px 0 10px;



}


/***************************************************************************************/
/*CASE STUDY AND NEWS LAYOUTS*/
/***************************************************************************************/



#contentcolumn-threecol{
float: left;
text-align: left;
width: 500px;

margin: 0; 
padding:0pt 20px 0pt 10px;




}


body.admin #contentcolumn{
float: left;
text-align: left;
width: 900px;
display: inline;
margin: 0; 
padding:0 38px 0 10px;



}



#rightcolumn{
float: left;
text-align: left;
width: 330px;
margin: 0 ; 
padding:20px 0;


}


#rightcolumn-threecol{
float: left;
text-align: left;
width: 440px;
margin: 0; 
padding: 0;


}


#leftcolumn-threecol{
float: left;
text-align: left;
width: 200px;
margin: 31px 0 0 0; 
padding: 0;


}


#rightcolumn-threecol-others{
float: left;
width: 180px;
text-align: left;
margin: 32px 0 0 15px; 
padding: 0;


}




#leftcolumn-threecol ul{

width: 180px;
margin: 0; 
padding:0;



}


#rightcolumn-threecol-others ul
{

width: 170px;
margin: 0; 
padding:10px 20px 15px 20px;
background: transparent url(../images/right-block-subs-bg.gif) no-repeat scroll left bottom;


}



 #rightcolumn-threecol-news
{ display: block;
 width: 298px;
margin:0 0 0 0; 
padding:0px 0px 30px 20px;
background: transparent url(../images/full-width-bg-effect.gif) no-repeat scroll left bottom;
}


 #rightcolumn-threecol-news ul
{ padding:0; margin:0;
}


#rightcolumn-threecol-others ul li, #rightcolumn-threecol-news ul li
{
padding:7px 0 7px 0;
list-style: none;
font-size: 13px;


}


#rightcolumn-threecol-others ul li a
{
background: url(../images/page.gif) no-repeat left center; 
padding:5px 0 5px 25px;
list-style: none;


}


#rightcolumn-threecol-others ul li a:hover
{
background: url(../images/page_go.gif) no-repeat left center; 
padding:5px 0 5px 25px;
list-style: none;


}






#rightcolumn-threecol-news ul li a
{
background: url(../images/newspaper.gif) no-repeat left center; 
padding:5px 0 5px 25px;
list-style: none;


}


#rightcolumn-threecol-news ul li a:hover
{
background: url(../images/newspaper_go.gif) no-repeat left center; 
padding:5px 0 5px 25px;
list-style: none;


}



/******style content*****/
.innertube{
margin: 0em; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0;
text-align:left;


}
.innertube p{font-size: 12px; line-height:140%; padding:0 2em 5px 0; margin:0; color: #666;}
.innertube h2{color: #bd8c61; margin-top:1em;

}


/***************************************************************************************/
/*CASE STUDY THUMBS*/
/***************************************************************************************/




.case-index-cols {float: left; width: 127px; margin-top: 20px; display: inline; padding:0 5px; border-right: 1px dotted #ccc;}
div.case-index-cols p {padding: 0;}
.case-index-cols h3 { padding: 0 0 0 5px; margin-bottom: 10px;}
.case-index-cols ul {list-style: none; margin: 0; padding:0;}
.case-index-cols ul li {margin-bottom: 20px; }
.case-index-cols ul li div {padding: 3px 5px 3px 8px;  margin: 0 0 3px 0; background: url(../images/case-study-index-bg.gif) no-repeat bottom center; height: 65px;}
.case-index-cols ul li div span {float: right; padding: 0 5px 5px 5px; font-size: 12px; }
.case-index-cols ul li img {border: 1px solid #ccc; padding: 3px; background-color: #fff; margin: 5px 5px 0px 5px;}





.back-to-case-study {width: 180px;  margin: 10px 0 0 20px; }
.back-to-case-study a {color: #666666;background: url(../images/back-to-case-index.gif) no-repeat left center; padding: 10px 0 10px 35px;font-weight: bold;} 
.back-to-case-study a:visited {color: #666666;} 
.back-to-case-study a:hover {color: #e2007a;}

/***************************************************************************************/
/*CASE STUDY SERVICES*/
/***************************************************************************************/




.case-index-services {float: left; width: 210px; margin-top: 20px; display: inline; padding:0;}
div.case-index-services p {float: left; padding: 0; width: 125px;}
.case-index-services h3 { padding: 0 0 0 5px; margin-bottom: 10px;}
.case-index-services ul {list-style: none;}
.case-index-services ul li {margin-bottom: 20px; background: url(../images/case-sub-bg.gif) no-repeat bottom center;}
.case-index-services ul li div {padding: 3px 5px 3px 0;  margin: 0; }
.case-index-services ul li div span {float: right; padding: 0 5px 10px 5px; font-size: 12px; }
.case-index-services ul li img {float: left; border: 1px solid #ccc; padding: 3px; background-color: #fff; margin: 5px 8px 0px 10px;}



/***************************************************************************************/
/*CONTACT PROFILES*/
/***************************************************************************************/




.contact-profiles {float: left; width: 210px; margin-top: 0px; display: inline; padding:0;}
div.contact-profiles p {padding: 0 5px 5px 5px;}
.contact-profiles h3 { padding: 0 0 0 5px; margin: 0 0 10px 7px;}
.contact-profiles ul {list-style: none; padding:0; margin:0;}
.contact-profiles ul li {margin-bottom: 20px; background: url(../images/case-sub-bg.gif) no-repeat bottom center;}
.contact-profiles ul li div {padding: 3px 5px 20px 7px;  margin: 0; }
/*.contact-profiles ul li div span {float: right; padding: 0 5px 10px 5px; font-size: 12px; }
*/.contact-profiles ul li img {float: right; border: 1px solid #ccc; padding: 3px; background-color: #fff; margin: 5px 8px 0px 10px;}





/***************************************************************************************/
/*HOME PAGE ITEMS*/
/***************************************************************************************/

#login-box-home {position:absolute; top: 339px; left: 644px;}

body.services #login-box-home,  body.case #login-box-home, body.about #login-box-home, body.news #login-box-home, body.contact #login-box-home  {position:absolute; top: 253px; left: 644px;}


body.admin #login-box-home  {position:absolute; top: 100px; left: 644px;}


ul#home-page-news {list-style: none; padding:0; margin:0;}
ul#home-page-news li {float: left; width: 220px; border-left: 1px dotted #ccc; padding-left: 10px;}
ul#home-page-news li span a {float: right;}




#rightcolumn-home{
float: left;
text-align: left;
width: 210px;
background: url(../images/recent-work-home.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 





}


#rightcolumn-digital{
float: left;
text-align: left;
width: 210px;
background: url(../images/digital.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}



#rightcolumn-print{
float: left;
text-align: left;
width: 210px;
background: url(../images/printer.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}


#rightcolumn-web-print{
float: left;
text-align: left;
width: 210px;
background: url(../images/web-to-print.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}






#rightcolumn-finishing{
float: left;
text-align: left;
width: 210px;
background: url(../images/printer.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}


#rightcolumn-management{
float: left;
text-align: left;
width: 210px;
background: url(../images/management.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}


#rightcolumn-specialist{
float: left;
text-align: left;
width: 210px;
background: url(../images/specialist.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}



#rightcolumn-new-media{
float: left;
text-align: left;
width: 210px;
background: url(../images/new-media.gif) no-repeat;
margin: 0 ; 
padding:0 0 0 120px; 


}



#rightcolumn-gen{
float: left;
text-align: left;
width: 330px;
margin: 7px 0 0 ; 
padding:0; 


}


#rightcolumn-about{
float: left;
text-align: left;
width: 210px;
margin: 30px 0 0 10px ; 
padding:0 0 0 0; 


}



ul.right-col-list {margin: 0; padding:0;}
.right-col-list li {list-style: none; padding:0 0 10px 0; margin: 0; width: 211px; display: block; background: url(../images/right-block-subs-bg.gif) no-repeat left bottom;}

.right-col-list li img {float: left; padding: 4px; margin: 20px 10px 5px 10px; border: 1px solid #ccc; display: block;}
.right-col-list li p {float: left; width: 90px; padding: 20px 10px 0 0;}
.right-col-list li span a { padding: 0 0 5px 150px; font-size: 12px; display: block; width: 50px;}


/***************************************************************************************/
/*DEFINITION LIST FOR CASE STUDIES*/
/***************************************************************************************/


.summary-box {width: 480px; border-bottom: 1px solid #ccc; margin: 10px 0;} 
.summary-box dl {margin: 0; padding: 0; font-size: 12px;} 
.summary-box dt {float: left; width: 100px; margin: 0; padding:10px 10px 10px 0; font-weight: bold; border-top: 1px solid #ccc; } 
.summary-box dd {float: left; margin: 0; padding:10px 0 10px 10px; float: left; width: 350px; border-left: 1px solid #ccc; border-top: 1px solid #ccc;} 
.summary-box dd ul {margin:0; padding:0; list-style: none;}


.summary-box-customer {width: 550px; margin: 10px 30px 20px 0; padding:0; border-bottom: 1px solid #ccc;} 
.summary-box-customer dl {float: left; margin: 0; padding: 0; font-size: 12px;} 
.summary-box-customer dt {float: left; width: 140px; margin: 0; padding:10px 10px 10px 0; font-weight: bold; border-top: 1px solid #ccc; } 
.summary-box-customer dd {margin: 0; padding:10px 0 10px 10px; float: left; width: 389px; border-left: 1px solid #ccc; border-top: 1px solid #ccc;} 



/***************************************************************************************/
/*DEFINITION LIST FOR career-box*/
/***************************************************************************************/

#careers {border-bottom: 1px dotted #ccc; margin: 0; padding: 15px 0; }
#careers p {margin-bottom: 5px;}

.career-box {background: transparent url(../images/full-width-bg-effect-green.gif) no-repeat scroll left bottom; width: 310px; margin:10px 0 20px 0; padding: 0 7px 3px 7px; } 
.career-box dl {float: left; margin: 0; padding: 0; font-size: 12px;} 
.career-box dt {float: left; width: 30px; margin: 0; padding:10px 10px 10px 0; font-weight: bold; border-top: 1px solid #ccc;display: block; }
.career-box img {float: none; width: 25px; height: 25px; padding:0; margin:0; display: block;} 
.career-box dd {margin: 0; padding:10px 0 10px 10px; float: left; width: 253px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: block;}


/***************************************************************************************/
/*DEFINITION LIST FOR open an account*/
/***************************************************************************************/



#open-an-account {border-bottom: 1px dotted #ccc; margin: 0; padding: 15px 0; }
#open-an-account p {margin-bottom: 5px;}

.account-box  {background: transparent url(../images/full-width-bg-effect.gif) no-repeat scroll left bottom; width: 310px; margin: 10px 0 20px 0; padding: 0 7px 3px 7px;} 
.account-box  dl {float: left; margin: 0; padding: 0; font-size: 12px;} 
.account-box  dt {float: left; width: 30px; margin: 0; padding:5px 10px 3px 0; font-weight: bold; border-top: 1px solid #ccc;display: block; }
.account-box  img {float: none; width: 25px; height: 25px; padding:0; margin:0; display: block;} 
.account-box  dd {margin: 0; padding:10px 0 10px 10px; float: left; width: 253px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: block;}



/***************************************************************************************/
/*DEFINITION LIST FOR company literature*/
/***************************************************************************************/


#download-literature { margin: 0; padding: 15px 0; }
#download-literature p {margin-bottom: 5px;}

.company-literature {background: transparent url(../images/full-width-bg-effect-red.gif) no-repeat scroll left bottom; width: 310px; margin: 10px 0 20px 0; padding: 0 7px 3px 7px;} .company-literature dl {margin: 0; padding: 0; font-size: 12px;} 
.company-literature  dt {float: left; width: 30px; margin: 0; padding:5px 10px 3px 0; font-weight: bold; border-top: 1px solid #ccc;display: block; }
.company-literature  img {float: none; width: 25px; height: 25px; padding:0; margin:0; display: block;} 
.company-literature  dd {margin: 0; padding:10px 0 10px 10px; float: left; width: 253px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: block;}




/***************************************************************************************/
/*GENERIC PAGE ITEMS*/
/***************************************************************************************/


ul.left-col-with-image {margin: 0; padding:0; width: 470px;}
.left-col-with-image li {float: left; list-style: none; padding:0; margin: 0; }

.left-col-with-image li img {float: left; padding: 4px; margin: 10px 10px 0 0; border: 1px solid #ccc; display: block; width: 60px;}
.left-col-with-image li h5 {float: right; padding: 20px 0px 0 0; width: 370px;}
.left-col-with-image li p {float: right; padding: 0 0px 0 0; width: 370px;}



ul.right-col-products {margin: 0; padding:0;}
.right-col-products li {float: right; list-style: none; padding:0; margin: 0; width: 330px; display: block; background: url(../images/gen-right-bg.gif) no-repeat right bottom;}

.right-col-products li img {float: left; padding: 0; margin: 0; display: block;}
.right-col-products li p {padding: 10pt 0pt 0pt 158px; margin:0;}
.right-col-products li span {float: right; padding-right: 15px;}



/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#footer{
clear: both;
width: 100%;
height: 85px;
background: url(../images/footer-logos/because-not-all-printing.gif) no-repeat center bottom;
color: #FFF;
text-align: center;
padding-top: 20px;


}
#inside-footer{width: 974px; margin:0 auto; text-align:left; border-top: 1px solid #009ee0;}

.footer-image {float: left;}


.footer-logo {float: left; margin-top: 57px;}



#inside-footer ul {margin:10px 0 0 0; padding:0;}
#inside-footer ul li {display: inline; margin:0; padding:0;}
#inside-footer li a {margin:0; padding:0 7px 0 0; display: block; float: left;}




.innertube fieldset, .innertube label {border: none; margin: 10px; padding: 0 2px;} .innertube input {border: 1px solid #ccc; background-color: #FAFAFA; margin: 10px; padding: 5px;}

#btnSend {background-color: #767676; color: #fff;}

#footer-disclaimers {float: left; font-size: 10px; padding: 10px 0 0 10px;} 
					#footer-disclaimers a:link {color: #7d7c7c;}
					#footer-disclaimers a:visited {color: #8bd4f3;}
					#footer-disclaimers a:hover {color: #e2007a;}
										#footer-disclaimers a:active {color: #e32819;}
										
										
										
fieldset {border: none; margin:0 0 20px 0;} label{margin:none; padding:0;} label #postcode {width: 170px;}	 textarea {margin: 10px;}


.clickme {text-decoration: underline; pointer: pointer;}

#fimg img {
	
	float:left;
	margin:2px;
	border:none;
	width:17%;
	height:17%;

}