/*  
Theme Name: Masterpiece Wordpress Theme 2008
Theme URI: http://www.masterpiececreate.co.uk/
Description: This is the Wordpress theme for Masterpiece
Version: 3.0
Author: Richard Johnson
Author URI: http://www.totallyrich.com
*/


/* Reset Everything */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Fonts - Now we sort the font size issues */
body {font:12px/1.231 geneva,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/* Styles */

body {background-color: #d7d7d7; background-image:url('img/mp_bg_grad.png'); background-repeat: repeat-x;}

#wrapper {margin-left: auto; margin-right: auto; width: 986px; padding: 10px; background-color: #fff;}
#header {margin: 0;}

#menu {width: 760px; float: right; margin: 14px 0 0 0;}

#menu ul {margin: 0; padding: 0;}
#menu ul li {display: inline; float: left; text-align: right;}
#menu ul li a {display: block; width: 90px; padding: 8px 55px 0 0; color: #a9a9a9; text-decoration: none; height: 30px; background-repeat: no-repeat; background-position: 95px -8px;}
#menu ul li a:hover {color: #000; text-decoration: underline;}

#menu ul li a#cm {background-image:url('img/menu_icon_cm.gif');}
#menu ul li a#dp {background-image:url('img/menu_icon_dp.gif');}
#menu ul li a#ad {background-image:url('img/menu_icon_ad.gif');}
#menu ul li a#cd {background-image:url('img/menu_icon_cd.gif');}
#menu ul li a#os {background-image:url('img/menu_icon_os.gif');}

/* Logo */
h1#logo-heading	{
	text-indent: -999em;
	float: left;
	margin: 0; padding: 0; border: 0;
	}

h1#logo-heading a:link, h1#logo-heading a:visited {
	display: block;
	width: 208px;
	height: 59px;
	background: #fff url('img/mp_logo_off.gif') no-repeat;
	margin: 0 0 10px 0px;
	padding: 0;
	border: 0;
	}

h1#logo-heading a:hover	{
	background: #fff url('img/mp_logo_on.gif') no-repeat top left;
	}
		

/* New Menu */
#black-menu-container {
	clear: both; height: 40px; margin: 0px 0 10px 0;
	}

#black-menu{
	background-color: #000;
	color: #fff;
	list-style: none;
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 23px;
	margin-top: 0px;
	}

#black-menu li{
	display: block;
	float: right;
	margin-top: -6px;
	text-align: left;
	text-indent: -9999px;
	width: 27px;
	height: 35px;
	}

#black-menu li a{
	display: block;
	width: 100%;
	height: 100%;
	}
	
#black-menu li#home{
	background-image: url('img/home.gif');
	}

#black-menu li#rss{
	background-image: url('img/rss.gif');
	}
	
#black-menu li#sitemap{
	background-image: url('img/sitemap.gif');
	}

#black-menu li#search-box{
	text-indent: 0px;
	width: 200px;
	padding-left: 1em;
	}
	
#search-box form,
#search-box form div{
	display: inline;
	text-indent: 0px;
	}
	
#black-menu li#search-box label{
	display: none;
	}
	
#black-menu li#search-box input{
	float: left;
	}
	
#black-menu li#search-box input#s {
	margin-top: 9px;
	background-color: #fff;
	border: 1px solid #000;
	font-family: geneva, Arial, helvetica, 'san-serif';
	width: 150px;
	font-size: 1em;
	font-weight: bold;
	height: 15px;
	background-image: url('img/bg-search.gif');
	background-position: center right;
	background-repeat: no-repeat;
	}

/* GENERAL */
p, ul, ol {line-height: 1.4em;}

div#home-banner {margin: 0 0 10px 0;}

/* Home Services */
#home-services {clear: both; background-color: #dad9d9; height: 325px; margin: 0 0 50px 0;}
.home-services-pb {width: 182px; float: left; background-color: #000; background-repeat: no-repeat;}
.home-services-box {padding: 10px; border-bottom: 1px solid #dad9d9;}
.home-services-pb p {color: #a9a9a9;}
.home-services-pb ul {margin: 0; padding: 10px 0 10px 0; list-style-type: none;}
.home-services-pb ul li {margin: 0;}
.home-services-pb ul li a {color: #fff; text-decoration: none;}
.home-services-pb ul li a:hover {color: #fff; text-decoration: underline;}

#home-services-colour-management {margin: 10px 12px 0 14px; background-image:url('img/Home_services_cm.jpg');}
#home-services-digital-photography {margin: 10px 12px 0 0; background-image:url('img/Home_services_dp.jpg');}
#home-services-ad-campaign-management {margin: 10px 12px 0 0; background-image:url('img/Home_services_ad.jpg');}
#home-services-creative-design {margin: 10px 12px 0 0; background-image:url('img/Home_services_cd.jpg');}
#home-services-online-services {margin: 10px 14px 0 0; background-image:url('img/Home_services_os.jpg');}

#home-services-colour-management h1, #home-services-digital-photography h1, #home-services-ad-campaign-management h1, #home-services-creative-design h1, #home-services-online-services h1 {
	text-indent: -9999em;
	float: left;
	margin: 0; padding: 0; border: 0;
}

#home-services-colour-management h1 a {background:url('img/services_text_cm.gif') no-repeat; display: block; width: 182px; height: 40px; margin: 90px 0 0 10px;}
#home-services-digital-photography h1 a {background:url('img/services_text_dp.gif') no-repeat; display: block; width: 182px; height: 40px; margin: 90px 0 0 10px;}
#home-services-ad-campaign-management h1 a {background:url('img/services_text_ad.gif') no-repeat; display: block; width: 182px; height: 40px; margin: 90px 0 0 10px;}
#home-services-creative-design h1 a {background:url('img/services_text_cd.gif') no-repeat; display: block; width: 182px; height: 40px; margin: 90px 0 0 10px;}
#home-services-online-services h1 a {background:url('img/services_text_os.gif') no-repeat; display: block; width: 182px; height: 40px; margin: 90px 0 0 10px;}

.home-services-box2 {padding: 10px;}
.home-services-box2 a {text-decoration: none;}
.home-services-box2 a:hover {text-decoration: underline;}
.home-services-box2 a.cm {color: #fc1a78;}
.home-services-box2 a.dp {color: #31b721;}
.home-services-box2 a.ad {color: #015de7;}
.home-services-box2 a.cd {color: #e96300;}
.home-services-box2 a.os {color: #9e00d8;}

/* Home Client Logos */

#home-clients {clear: both; background-image:url('img/home_clients.gif'); background-repeat: no-repeat; margin: 0 0 10px 0;}
#home-clients h3 {text-indent: -999em; border: none; margin: 0; padding: 0;}
#home-clients h3 a {height: 80px; width: 977px; display: block;}

/* Home Bottom Push Boxes */
div#home-bottom-pbs {color: #a9a9a9;}
#home-bottom-pbs a {color: #fff; text-decoration: none;}
#home-bottom-pbs a:hover {color: #fc1a78; text-decoration: underline;}
div.home-bottom-pb-inner {margin: 10px;}
div.home-bottom-pb-inner p {margin: 0 0 10px 0;}
div#home-contact-pb, div#home-catalyst-pb, div#home-latest-blog-pb, div#home-about-pb {float: left; background-color: #000; height: 180px; margin-bottom: 10px;}

div#home-contact-pb {width: 280px;}
div#home-contact-pb h2, div#home-catalyst-pb h2, div#home-latest-blog-pb h2, div#home-about-pb h2 {text-indent: -999em; float: left; margin: 0;}
div#home-contact-pb h2 a {width: 280px; height: 30px; background:url(img/pb_contact.gif) no-repeat; display: block;}
div#home-contact-pb ul {margin: 10px 0 10px 30px;}

#tel, #fax, #email {line-height: 0.9em; color: #fff;}
#tel {list-style-image:url(img/home_contact_tel.gif);}
#fax {list-style-image:url(img/home_contact_fax.gif);}
#email {list-style-image:url(img/home_contact_email.gif);}

/*
div#home-catalyst-pb {width: 230px; margin: 0 22px 0 22px;}
div#home-catalyst-pb h2 a {width: 230px; height: 30px; background:url(img/pb_catalyst.gif) no-repeat; display: block;}
*/

div#home-latest-blog-pb {width: 305px; margin: 0 50px 0 50px;}
div#home-latest-blog-pb h2 a {width: 305px; height: 30px; background:url(img/pb_blog.gif) no-repeat; display: block;}
div#home-latest-blog-pb ol {color: #fc1a78;}
div#home-latest-blog-pb ol li {list-style-type: decimal; color: #fc1a78; margin: 0px 10px 14px 25px;}

div#home-about-pb {width: 300px; margin: 0 0 0 0px;}
div#home-about-pb h2 a {width: 300px; height: 30px; background:url(img/pb_about.gif) no-repeat; display: block;}

.right {float: right; margin: 0 0 2px 4px;}

/* Footer */
#footer {background-color: #a9a9a9; clear: both; padding: 10px 0 10px 0; font-size: 90%; margin: 10px 0;}
#footer ul {margin: 0; text-align: center;}
#footer ul li {display: inline; color: #fff; border-right: 1px solid #939393; padding: 0 10px; }
#footer ul li.none {border: none;} 
#footer ul li a {color: #fff;}