select {text-decoration: none;	font-size: 9px;	color: #440044;	font: arial;}
input  {text-decoration: none;font-size: 9px;color: #440044; font: arial;}

div.footer { 
background-color: #000000; 
height: 60px; 
text-align: center; 
font-size:10px; 
color:#CC0000; 
font-family:Verdana; 
padding-top: 10px; 
width: 100%; 
} 


a.footer	    {color: #cc0000;	text-decoration: none;}
a.footer:hover  {color: #FF0000;	text-decoration: none;}
a.footer:active {color: #CC0000;	text-decoration: none;}

td.top-logo {
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: right 12px;
	height: 100px;
	background-image: url(images/logo.gif);
}

td.top-nav {
	background-color: #000000;
	height: 20px;
	vertical-align: bottom;
}

td.body-text	{
	font-family:arial;
	font-size:11px;
	color:#000000;
	vertical-align: top;
	padding-left: 35px;
	text-align: justify;
}

a.body-text	   		{text-decoration: none; color:#FFFFFF;}
a.body-text:hover 	{text-decoration: none; color:#333333;}
a.body-text:active 	{text-decoration: none; color:#FFFFFF;}
	
a.inlinelink	   {text-decoration: underline;	color:#333333;}
a.inlinelink:hover {text-decoration: none;	color:#CC0033;}
a.inlinelink:active{text-decoration: none;	color:#000000;}


/*MAIN TITLES*/
.title_grey		{font-size:12px;color:#666666;	font-family:Verdana, Arial, Helvetica, sans-serif;}
.text-red 		{color:#CC0033;}


/*MAIN BACKGROUND IMAGES*/
td.background-image {
	width: 300px;}

td.background-image-seo {
	background-image: url(images/SEO.jpg);
	background-repeat: no-repeat;}
	
td.background-image-web {
	background-image: url(images/web-design.jpg);
	background-repeat: no-repeat;}
	
td.background-image-graphics {
	background-image: url(images/atom.jpg);
	background-repeat: no-repeat;}
	
td.background-image-default {
	background-image: url(images/ideas.jpg);
	background-repeat: no-repeat;}
	
td.background-image-wpm {
	background-image: url(images/database.jpg);
	background-repeat: no-repeat;}
	
td.background-image-bespoke {
	background-image: url(images/new-business.jpg);
	background-repeat: no-repeat;}
	
td.background-image-about {
	background-image: url(images/ideas.jpg);
	background-repeat: no-repeat;}
	
td.background-image-contact {
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;}
	
td.background-image-coms {
	background-image: url(images/telecoms.jpg);
	background-repeat: no-repeat;}
	
td.background-image-login {
	background-image: url(images/client-login.jpg);
	background-repeat: no-repeat;}
	
td.background-image-privacy {
	background-image: url(images/privacy.jpg);
	background-repeat: no-repeat;}
	
td.background-image-portfolio {
	background-image: url(images/portfolio.jpg);
	background-repeat: no-repeat;}
	
td.background-image-client {
	background-image: url(images/production.jpg);
	background-repeat: no-repeat;}

td.background-image-pricing {

	background-image: url(images/pricing.jpg);
	background-repeat: no-repeat;}

/*DROP DOWN MENU*/

.menu {
	width:700px;
	position:relative;
	z-index:80;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	color:#CCCCCC;
	width:112px;
	height:20px;
	border:1px solid #555555;
	border-width:1px 1px 1px 1px;
	padding-left:2px;
	line-height:19px;
	background-color: #111111;
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#FFFFFF;
	height:auto;
	line-height:1em;
	padding:4px;
	background-color: #666666;
	border: 1px solid #ffffff;
	width: 106px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#FFFFFF;
	background-color: #CC0000;
	border: 1px solid #FFFFFF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0;}
td.background-advert-design {


	background-image: url(images/laptop.jpg);
	background-repeat: no-repeat;
}
td.background-image-mail {


	background-image: url(images/mail.jpg);
	background-repeat: no-repeat;
}
td.background-image-flyer {



	background-image: url(images/flyer.jpg);
	background-repeat: no-repeat;
}
td.background-image-web-services {


	background-image: url(images/web-services.jpg);
	background-repeat: no-repeat;
}
td.background-printed-marketing {



	background-image: url(images/printed-marketing.jpg);
	background-repeat: no-repeat;
}
td.background-pay-per-click {





	background-image: url(images/pay-per-click.jpg);
	background-repeat: no-repeat;
}
td.background-related {






	background-image: url(images/related-links.jpg);
	background-repeat: no-repeat;
}
td.background-prices {







	background-image: url(images/price-guide.jpg);
	background-repeat: no-repeat;
}
td.background-email-marketing {








	background-image: url(images/email-marketing.jpg);
	background-repeat: no-repeat;
}
td.background-internet-marketing {









	background-image: url(images/internet-marketing.jpg);
	background-repeat: no-repeat;
}
td.background-image-creation {










	background-image: url(images/image-creation.jpg);
	background-repeat: no-repeat;
}
td.background-domain-names {











	background-image: url(images/domain-names.jpg);
	background-repeat: no-repeat;
}
td.background-quote {












	background-image: url(images/quote.jpg);
	background-repeat: no-repeat;
}