/* Marketing Image Stylesheet */
/* Produced by Wildwood Technology Limited, info@wwood.co.uk */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #c0c0c0;
	text-align: center;
	padding: 20px;
}

a {
	color: #98002e;
}

h1 {
	color: #332f30;
	font-size: 1.4em;
	/*font-weight: normal;*/
	margin: 14px 0px 8px 0px;
}

h2 {
	color: #98002e;
	font-size: 1.4em;
}

h3 {
	color: #98002e;
	font-size: 1em;
	margin-bottom: 6px;
}

img a {
	border: none;
}

/* Layout */

.containter {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #000000;
	min-width: 440px;
}

.header {
	height: 75px;
	text-align: right;
}

.contentColumn1, .contentColumn2 {
	min-height: 200px;
}


.contentContainer {
	padding-bottom: 6px;
	background-image: url("images/bg-seperator.gif");
	background-repeat: repeat-y;
	margin: 20px;
	float:left;
}

#pageHome .contentContainer, #pageTerms .contentContainer {
	background-image: none;
}

#pageHome .contentColumn2, #pageTerms .contentColumn2 {
	width: 500px;
}

.contentColumn1 {
	float: left;
	width: 170px;
}

.contentColumn2 {
	float: left;
	width: 350px;
}

.contentColumn3 {
	float: left;
	width: 140px;
	padding: 0px 16px 0px 16px;
	margin-left: 3px;
	/*margin: 0px 0px 20px 20px;*/
}

.footer {
	clear: both;
	background-color: #c7c7c7;
	padding: 6px 20px 6px 0px;
	text-align: center;
	font-size: 80%;
}

/* Top headerNav */

.headerNav {
	margin-left: 194px;
	padding: 40px 12px 0px 0px;
	white-space: nowrap;
}

.headerNav .navItem {
	padding: 0px 8px 0px 0px;
}

.headerNav a {
	color: #332f30;
	font-weight: bold;
	text-decoration: none;
}

.headerNav a:hover {
	color: #98002e;
	text-decoration: underline;
} 

.navStrip {
	background-image: url(/images/nav-strip.jpg);
	background-repeat: no-repeat;
	background-color: #98002e;
	height: 125px;
}

.navStrip .links {
	margin-left: 213px;
	padding-top: 98px;
}

.navStrip .links a {
	float: left;
}

.navStrip .links a:hover {
	background-image: url(/images/bg-highlight.gif);
	background-repeat: repeat-x;
	background-position: left 96%;
}

.navStripItem1 img, .navStripItem2 img, .navStripItem3 img {
	display: block;
}

.navStripItem1 a {
	margin-right: 107px;
}

.navStripItem2 a {
	margin-right: 89px;
}

.navStripItem3 a {
	margin-right: 89px;
}

.navStrip .links a img {
	border: none;
}

.dateStrip {
	line-height: 100%;
	background-color: #c7c7c7;
	padding: 6px 20px 6px 0px;
	text-align: right;
	color: #332f30;
	/*height: 20px;
	line-height: 20px;
	padding-right: 20px;*/
}

#pageHome .navStrip {
	background-image: url(/images/strip-home.jpg);
	background-repeat: no-repeat;
}

#pageWeb .navStrip {
	background-image: url(/images/strip-web.jpg);
	background-repeat: no-repeat;
}

#pageDesign .navStrip {
	background-image: url(/images/strip-design.jpg);
	background-repeat: no-repeat;
}

#pageAdvert .navStrip {
	background-image: url(/images/strip-advert.jpg);
	background-repeat: no-repeat;
}

/* Navigation Highlights */

#pageHome .navItem1 a, #pageAbout .navItem2 a, #pageClients .navItem3 a, #pagePortfolio .navItem4 a, #pageContact .navItem5 a {
	color: #98002e;
	text-decoration: underline;
} 

/*content*/

.headerLogo {
	margin: 30px 0px 0px 25px;
	float: left;
}

.headerLogoRight {
	margin: 30px 25px 0px 0px;
	float: right;
}

.contentContainer {

}

.contentColumn1 .content {
	/*margin: 16px 0px 10px 20px;*/
	margin: 0px 0px 0px 20px;
	color: #98002e;
	line-height: 18px;
}

.contentColumn2 .content ul, .contentColumn3 ul {
	margin: 0px;
	padding: 0px;
}

.contentColumn2 .content ul li, .contentColumn3 ul li {
	padding-left: 8px;
	padding-bottom: 2px;
	background-image: url(/images/bullet-red.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
}

.contentColumn2 .content {
	/*margin: 16px 20px 10px 25px;*/
	margin: 0px 20px 0px 25px;
	color: #606060;
}

.contentColumn2 .content img {
	border: 1px solid #98002e;
}

.flashBanner {
	width: 450px;
	height: 125px;
	border: 1px solid #6a6a6a;
	text-align: center;
}

.contentColumn2 .content .flashBanner img {
	border: none;
}

.featureBorderedBox ul, .featureBox ul {
	margin: 0px;
	padding: 0px;
}

.featureBorderedBox {
	width: 205px;
	border-bottom: 3px solid #6a6a6a;
	padding: 5px 1px 10px 7px;
	float: left;
}

.featureBox {
	width: 213px;
	padding: 5px 0px 10px 0px;
	float: left;
}

.featureBorderedBox li, .featureBox li {
	list-style-type: none;
	background-image: url(/images/bullet.jpg);
	background-repeat: no-repeat;
	margin-left: 6px;
}

#rightBox {
	margin-right: 25px;
}


.contentColumn3 {
	color: #98002e
}

.contentColumn3 h3 {
	color: #7a102d;
	margin: 0px 0px 6px 0px;
}

.contentColumn3 a {
	color: #2d3537;
}

.contentColumn3 a:hover {
	color: #7a102d;
}

/*.contentColumn3 ul {
	margin: 0px;
	padding: 0px;
}

.contentColumn3 li {
	background-image: none;
	background-image: url("/images/bullet-red-backed.gif");
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 8px;
	padding-bottom: 2px;
}*/

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}
	
.slash {
	color: #98002e;
	padding-right: 1px;
	font-weight: normal;
}

.nowrap {
	white-space: nowrap;
}

.footnote {
	font-weight: 90%;
}

.linkVideo {
	background-image: url("/images/icon-video.gif");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 40px;
	display: block;
}

 .linkVideo:hover {
	color: #98002e;
}

.linkPrint {
	font-size: 80%;
	font-weight: bold;
	float:right;
}

.linkPrint a {
	width: 66px;
	height: 16px;
	line-height: 16px;
	display: block;
	background-image:url("/images/button-print.gif");
	background-position: right;
	background-repeat: no-repeat;
	
}

.contentColumn3 a {
	color: #332f30;
}

.contentColumn3 .linkPrint, .contentColumn3 .linkMap {
	float: none;
	margin-top: 10px;
}

/*.contentColumn3 .linkPrint a {
	background-image:url("/images/button-print-backed.gif");
}*/

.clientSelect {
	padding-top: 10px;
}

.clientSelect .headerNav a {
	color: #332f30;
	font-weight: bold;
	text-decoration: none;
}

.clientSelect .headerNav a:hover {
	color: #98002e;
	text-decoration: underline;
} 

.clientSelect a {
	color: #332f30;
	text-decoration: none;
	font-weight: bold;
}

.clientSelect a:hover {
	color: #98002e;
	text-decoration: underline;
}

.clientList a {
	color: #606060;
	text-decoration: none;
}

.clientList a:hover {
	color: #98002e;
	text-decoration: underline;
}

.clientDetails {
	width: 300px;
	float: right;
}

.imageLeft {
	float: left;
	margin: 0px 4px 4px 0px;
}

.noMarginTop {
	margin-top: 0px;
}

#code, #tools, #access {
	padding-left: 140px;
}

#code ul, #tools ul, #access ul{
	margin-left: 10px;
	padding-left: 10px;
}

#code {
	background-image: url("/images/bg-code.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	height: 140px;
}

#tools {
	background-image: url("/images/bg-tools.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	height: 140px;
}

#access {
	background-image: url("/images/bg-access.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	height: 140px;
}