/*
Quad Web Design Ltd Stylesheet (Type 1)
Author: Quad Web Design Ltd
Date: 25/12/07
Copyright 2007 - All rights reserved
Disclaimer: This document is the property of Quad Web Design Ltd. Under no circumstances can this document be copied or used elsewhere.
*/

/******************************************************************************************************/

/* The stylesheet will be split into 2 main areas, 1. the structure of the website (DIVS), 2. the style attributes (p, a h1 etc)
*/
.techwarn
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#4B1641;
		text-align:center;
		clear:both;
	}

.techwarn a
	{
		color:#00A5A0;
	}
	
.techwarn img
	{
		border:2px solid #8B5681;
		vertical-align:middle;
	}
.page_warning .techwarn
	{
		color:#ffffff;
	}

.website-wrapper
	{
	width:984px;
	margin:0px auto;
	}
.website-menu	
	{
	width:984px;
	height:235px;
	}
.css-menu
	{
	width:984px;
	height:235px;
	background-image:url(../images/css-menu.jpg);
	}
.css-menu-element
	{
	width:122px;
	float:left;
	padding-top:209px;
	text-align:center;
	}
.css-menu-element a:hover
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	}
.css-menu-element a:visited
	{
	}
.css-menu-element a:active
	{
	}
.css-menu-element a
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
	}
.website-content-wrapper
	{
	width:984px;
	margin-top:10px;
	}
.left
	{
	width:206px;
	float:left;
	}	
.left-inner-wrapper	
	{
	width:206px;
	}
.left-advert	
	{
	width:206px;
	}
.left-advert-pad
	{
	}
.main-content-wrapper
	{
	float:left;
	width:554px;
	overflow:hidden;
	margin-left:9px;
	}
.main-content
	{
	width:554px;
	background-image:url(../images/main-content-middle.gif);
	background-repeat:repeat-y;
	background-position:center;
	}
.main-content-pad
	{
	padding-right:12px;
	padding-left:12px;
	padding-top:1px;
	padding-bottom:8px;
	}
.main-content-top
	{
	width:554px;
	height:14px;
	background-image:url(../images/main-content-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
.main-content-bottom
	{
	width:554px;
	height:12px;
	background-image:url(/images/main-content-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	}
.right
	{
	width:206px;
	float:right;
	}	
.right-pad
	{
	}
.tagging
	{
	width:984px;
	height:27px;
	clear:both;
	}
.tagging-pad
	{
	}
.tag
	{
	}
.website-footer
	{
	width:984px;
	height:50px;
	clear:both;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.website-footer-pad
	{
	}
.website-footer a
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
.website-footer p
	{
	text-align:center;
	}
/* Thats the basic construction over with, now its time for the content inside the structure */
.leaf_wrapper
	{
	width:530px;
	height:550px;
	}
.leaf
	{
	width:265px;
	height:265px;
	float:left;
	}
.leaf h1
	{
	font:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#333333;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
	font-weight:bold;
	}
.leaf li
	{
	padding:0px;
	margin:0px;
	line-height:19px;
	}
.leaf ul
	{
	font-size:11px;
	color:#333333;
	padding-bottom:1px;
	padding-top:10px;
	margin:0px;
	padding-left:30px;
	}
.leaf p
	{
	padding-left:60px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px;
	color:#541649;
	}
.leaf_pad
	{
	padding:10px;
	}
#web_design_leaf
	{
	background-image:url(../images/web_design.gif);
	background-repeat:no-repeat;
	}
#ecommerce_leaf
	{
	background-image:url(../images/e_commerce_leaf.gif);	
	background-repeat:no-repeat;
	}
#seo_leaf
	{
	background-image:url(../images/seo.gif);	
	background-repeat:no-repeat;
	}
#seo_leaf h1
	{
	padding-left:15px;
	}
#solutions_leaf
	{
	background-image:url(../images/solutions.gif);	
	background-repeat:no-repeat;
	}
#solutions_leaf h1
	{
	color:#FFFFFF;
	}
#solutions_leaf p
	{
	color:#FFFFFF;
	}
#solutions_leaf li
	{
	color:#FFFFFF;
	}
#seo_leaf_title
	{
	font-size:10px;
	}
.leaf_send
	{
	padding-left:80px;
	padding-top:30px;
	}

.glass-icon
	{
	width:40px;
	height:60px;
	float:left;
	}
.glass-icon-pad
	{
	padding-top:5px;
	padding-right:0px;
	}
.glass-background
	{
	height:95px;
	}
.glass-background p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#ffffff;
	padding-top:4px;
	margin:0px;
	}
.small-glass-wrapper
	{
	width:145px;
	height:80px;
	float:right;
	margin-left:4px;
	}
.small-glass-wrapper-pad
	{
	padding-left:0px;
	padding-top:8px;
	}
.small-glass-link
	{
	width:144px;
	height:80px;
	background-image:url(/images/small-glass-link.jpg);
	background-repeat:no-repeat;
	}
.small-glass-link-pad
	{
	padding-left:8px;
	padding-top:7px;
	padding-right:5px;
	}
.big-glass-wrapper
	{
	width:232px;
	height:80px;
	float:left;
	}
.big-glass-wrapper-pad
	{
	padding-left:0px;
	padding-right:0px;
	padding-top:8px;
	}
.big-glass-link
	{
	width:232px;
	height:82px;
	background-image:url(/images/big-glass-link.jpg);
	background-repeat:no-repeat;
	}
.big-glass-link-pad
	{
	padding-left:10px;
	padding-top:7px;
	padding-right:10px;
	}
.glass-link-text
	{
	margin-left:40px;
	}
.glass-link-text h3
	{
		margin:0px;
		padding-top:0px;
		padding-bottom:0px;
	}
.glass-icon-link
	{
		margin-top:8px;
		margin-right:4px;
		text-align:right;
	}
.small-glass-link a:link
	{
	font-size:9px;
	padding:2px;
	color:#11AACC;
	background-image:url(/images/small-glass-link-hover.jpg);
	}
.big-glass-link a:link
	{
	}
.small-glass-link a:hover
	{
	color:#33CCFF;
	}
.big-glass-link a:hover
	{
	color:#33CCFF;
	}
.small-glass-link a:visited
	{
	}
.big-glass-link a:visited
	{
	}
.small-glass-link a:active
	{
	}
.big-glass-link a:active
	{
	}

.video
	{
	background-image:url(../images/quad-tv.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:306px;
	margin-bottom:10px;
	}
.video-pad
	{
		width:181px;
		padding-top:12px;
		margin-left:10px;
	}
.video p
	{
	font-size:11px;
	}
.main_text
	{
	font-weight:bold;
	color:#4B1641;
	}
.video .techwarn
	{
		width:172px;
		padding-top:13px;
	}

.search
	{
	background-image:url(../images/search.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:116px;
	margin-bottom:10px;
	}
.search-pad
	{
	padding-top:25px;
	padding-left:27px;
	padding-right:20px;
	}
.searchresults h1
	{
	}
.searchresults .h3
	{
	color:#00CCCC;
	}
.searchresults .filename
	{
	color:#0099CC;
	}
.rss-ad
	{
	background-image:url("/images/rss-ad.jpg");
	background-repeat:no-repeat;
	width:206px;
	height:131px;
	margin-bottom:10px;
	}
.rss-ad-pad	
	{
	padding-top:95px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	}	
.products-ad
	{
	background-image:url("/images/products.jpg");
	background-repeat:no-repeat;
	width:206px;
	height:131px;
	margin-bottom:10px;
	}
.products-ad-pad	
	{
	padding-top:95px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	}
.right-white-ad
	{
	background-image:url(../images/right-ad.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:444px;
	margin-bottom:10px;
	}
.right-white-ad-pad
	{
	padding-left:15px;
	padding-right:8px;
	color:#4B1641;
	padding-top:10px;
	}
.right-white-ad p
	{
	margin-top:7px;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4B1641;
	}
.right-white-ad hr
	{
	margin:0px;
	padding:0px;
	}
.contact
	{
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:131px;
	}
.contact-pad
	{
	padding-left:10px;
	padding-top:7px;
	margin-right:20px;
	}
.contact p
	{
	font-size:0.8em;
	line-height:23px;
	}
.fixed-prices
	{
	background-image:url(../images/fixed-prices.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:131px;
	margin-bottom:10px;
	}
.fixed-prices-pad
	{
	padding-top:95px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	}
.quote-ad
	{
	width:206px;
	height:136px;
	margin-bottom:10px;
	}
.services-links
	{
	background-image:url(../images/services-menu.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:391px;
	margin-bottom:10px;
	}
.services-links-pad
	{
	padding-top:10px;
	padding-left:2px;
	padding-right:6px;
	}

.service-link
	{
	width:100%;
	clear:both;
	}
.service-link-pad img
	{
	text-align:left;
	vertical-align:middle;
	margin-right:6px;
	border-style:none;
	}
.service-link-pad
	{
	border-bottom:1px dotted;
	border-color:#ffffff;
	padding:2px;
	}
.services-links h2
	{	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#4B1641;
	padding-bottom:20px;
	padding-left:10px;
	}
.service-link a
	{	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color:#333333;
	display:block;
	padding-top:5px;
	padding-bottom:6px;
	text-decoration:none;
	}
.service-link a:hover
	{
	background-color:#DCDCDC;
	}
.web-design-ad
	{
	background-image:url(../images/web-design-ad.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:131px;
	margin-bottom:10px;
	}
.web-design-ad-pad
	{
	padding-top:95px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	}
#roto-reflect
	{
	width:530px;
	background-image:url(../images/no roto-reflect-background.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	}
/* Thats the main content iside the structure over with, now its time for the individual bits of content */
.contents
	{
	float:right;
	margin-left:10px;
	margin-top:20px;
	}
.contents-pad
	{
	padding-left:10px;
	padding-right:10px;
	}
.contents h4
	{
	font-size:1.2em;
	margin-top:0px;
	margin-bottom:6px;
	color:#4B1641;
	}
.contents a,
.contents a:link,
.contents a:active,
.contents a:visited
	{
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
	
.contents a:hover
	{
	text-decoration:underline;
	}

.contents a:visited
	{
	color:#660000;
	}
.top-contents
	{
	background-image:url(../images/top-contents.jpg);
	background-repeat:no-repeat;
	width:152px;
	height:10px;
	overflow:hidden;
	}
.middle-contents
	{
	background-image:url(../images/middle-contents.jpg);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.7em;
	line-height:1.2em;
	font-weight:bold;
	}
.bottom-contents
	{
	background-image:url(../images/bottom-contents.jpg);
	background-repeat:no-repeat;
	width:152px;
	height:13px;
	}
/* the box */
.box h1
	{
		padding-top:0px;
		margin-top:0px;
	}
.box .web2-icon
	{
		float:left;
		margin-bottom:0px;
	}
	
.box p,
.box-pad p
	{
		margin:0px 0px 0px 0px;
		padding-bottom:8px;
		line-height:normal;
	}
.box
	{
	clear:both;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:525px;
	}
.box .more-link
	{
		clear:both;
		text-align:right;
		margin-right:10px;
	}
.box .more-link img
	{
		border:none;
	}
		
.box form
	{
	}
.box-pad
	{
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	overflow:hidden;
	}
.box-top
	{
	background-image:url(../images/top.gif);
	background-repeat:no-repeat;
	width:525px;
	height:36px;
	overflow:hidden;
	}
.box-middle
	{
	background-image:url(../images/middle.gif);
	background-repeat:repeat-y;
	width:525px;
	}
.box-middle .align-left-250
	{
		float:left;
		width:250px;
	}
.clear-b
	{
		clear:both;
	}
.box-bottom
	{
	background-image:url(../images/bottom.gif);
	background-repeat:no-repeat;
	width:525px;
	height:11px;
	clear:both;
	}
.box-top h3
	{
	padding-top:10px;
	padding-left:15px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
	}
/*Point to contact */
.point-to-contact
	{
	border:2px dotted;
	border-color:#4B1641;
	height:32px;
	}
.point-to-contact-pad
	{
	padding-left:8px;
	padding-bottom:10px;
	padding-top:6px;
	}
.point-to-contact a:link
	{
	font-size:0.7em;
	text-decoration:none;
	}
.point-to-contact a:hover
	{
	font-size:0.7em;
	text-decoration:none;
	color:#33CCFF;
	}
.point-to-contact a:active
	{
	font-size:0.7em;
	text-decoration:none;
	}
.point-to-contact a:visited
	{
	font-size:0.7em;
	text-decoration:none;
	}
.point-to-contact-margin
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*Related links*/
.related-links
	{
	border:2px dotted;
	border-color: #666666;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#00D5D0;
	}
.related-links-pad
	{
	padding-left:8px;
	padding-bottom:8px;
	padding-top:8px;
	}
.related-links a:link
	{
	font-size:1em;
	}
.related-links a:hover
	{
	color:#33CCFF;
	}
.related-links a:active
	{
	font-size:1em;
	}
.related-links avisited
	{
	font-size:1em;
	}
.related-links-margin
	{
	margin-top:10px;
	margin-bottom:10px;
	}
.process
	{
	text-align:center;
	}
.process h1
	{
	font-size:1em;
	}
.point-division
	{
	width:164px;
	float:left;
	}
.services-bullets
	{
	width:164px;
	float:left;
	}
.services-bullets ul
	{
	color:#00CCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin-left:17px;
	margin-top:5px;
	margin-bottom:4px;
	padding:0px;
	}
.services-bullets li
	{
	padding:0px;
	margin:0px;
	}
.services-bullets a:link
	{
	color:#00CCCC;
	font-size:1em;
	text-decoration:none;
	}
.services-bullets a:hover
	{
	color:#00CCCC;
	font-size:1em;
	text-decoration:underline;
	}
.services-bullets a:visited
	{
	color:#00CCCC;
	font-size:1em;
	text-decoration:none;
	}
.services-bullets a:active
	{
	color:#00CCCC;
	font-size:1em;
	text-decoration:none;
	}
.glossary-table
	{
	background-image:url(../images/glossary-line.gif);
	background-position:bottom;
	}
.glossary_item
	{
		height:18px;
		text-align:left;
	}
.glossary_name
	{
		text-align:left;
		vertical-align:top;
		width:150px;
		padding-bottom:10px;
	}
.glossary_name h5
	{
		padding:0px;
		margin:0px;
		color:#4B1641;
	}
.glossary_desc
	{
		text-align:left;
		vertical-align:top;
		padding-bottom:10px;
		padding-left:10px;
	}
.glossary_desc p
	{
		padding:0px;
		margin:0px;
	}

.offer-link
	{
	font-size:1em;
	color:#333333;
	}
.small-text
	{
	font-size:0.8em;
	font-style:italic;
	}
.special-offer-bullets
	{
	font-size:0.9em;
	margin-left:30px;
	}
/*form attributes*/
.name
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
#day
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
.tel
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
#time
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
#email
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
#company
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	}
#comment1
	{
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	height:31px;
	}
#comment2
	{
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	margin-top:5px;
	height:78px;
	}
#submit1
	{
	width:85px;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	vertical-align:top;
	margin-top:5px;
	}
#submit2
	{
	width:85px;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#663366;
	vertical-align:top;
	margin-top:20px;
	}
.form-comments
	{
	margin-top:20px;
	clear:both;
	}
form
	{
	margin:0px;
	padding:0px;
	}
#looking-for
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:120px;
	margin-bottom:5px;
	}
#email-friend
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:120px;
	margin-bottom:10px;
	}
#quick-links
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:160px;
	height:21px;
	}
#search-box
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:155px;
	height:15px;
	}
.form-field
	{
	width:500px;
	text-align:right;
	}
/* generic classes */
.pics
	{
	float:left;
	padding-right:8px;
	}
.more
	{
	font-size:1em;
	width:550px;
	text-align:right;
	clear:both;
	}
.middle-wrapper
	{
	height:135px;
	}
.wrapper
	{
	width:100%;
	clear:both;
	}
.ad-link
	{
	color:#00CC99;
	font-size:0.8em;
	text-decoration:none;
	width:auto;
	height:auto;
	display:block;
	}
.grey-link
	{
	color:#333333;
	font-size:0.8em;
	text-decoration:none;
	}
.purple-link
	{
	color:#4B1641;
	font-size:1em;
	text-decoration:none;
	}
.padding
	{	
	}
.sitemap-bullet
	{
	font-size:1em;
	list-style-image:url(../images/white-q.gif);
	margin-left:50px;
	}
.sitemap-bullet a:hover
	{
	text-decoration:underline;
	color:#00CCCC;
	}
.sitemap-bullet a:active
	{
	text-decoration:none;
	}
.sitemap-bullet a:visited
	{
	text-decoration:none;
	}
.sitemap-bullet a:link
	{
	text-decoration:none;
	}
.purple-bullet
	{
	list-style-image:url(../images/white-q.gif);
	}
.white-bullet
	{
	list-style-image:url(../images/white-q.gif);
	}
.purple-text
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4B1641;
	}
.web-design-bullets
	{
	padding-left:150px;
	}
/* Styles */
body
	{
	/* background-color:#4B1641; */
	background-image:url(../images/background.gif);
	margin-top:1px;
	padding-top:0px;
	}
p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #666666;
	line-height:1.3em;
	text-align:justify;
	}
h1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	color:#4B1641;
	padding-bottom:5px;
	padding-top:0px;
	margin-top:0px;
	}
h2
	{	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	color:#4B1641;
	padding-top:4px;
	padding-bottom:3px;
	margin:0px;
	}
h3
	{	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	color:#00CCCC;
	padding-bottom:0px;
	padding-top:3px;
	}
h4
	{	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.9em;
	color:#4B1641;
	padding-bottom:0px;
	padding-top:3px;
	}
h5
	{	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	color:#ffffff;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:3px;
	}
h6
	{	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.8em;
	color:#666666;
	padding-bottom:0px;
	padding-top:3px;
	}
a
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#4B1641;
	}
a:hover
	{
	color:#33CCFF;
	}
ul
	{
	color:#00CCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-left:17px;
	margin-top:5px;
	margin-bottom:4px;
	padding:0px;
	}
ol
	{
	color:#00CCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-left:70px;
	margin-top:15px;
	margin-bottom:15px;
	padding:0px;
	}
li
	{

	}
hr
	{
	clear:both;
	}
img
	{
	border-style:none;
	}
	
.ajaxsendbutton a img
	{
	}
.ajaxsendbutton
	{
		padding-top:8px;
		text-align:right;
		padding-bottom:8px;
	}
#tell_friend_result,
#mailing_list_result
	{
		height:28px;
	}