/* © Copyright 2009-1999. Brand Attention Limited - Search Engine Optimisation (SEO), Web Marketing and Online Advertising */

html{ 
	height:100.1%; 
	overflow-y:scroll; 
	overflow: -moz-scrollbars-vertical; 
}
body {
	background-color: #404249;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	color: #25272c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
img {
	padding: 0;
	margin: 0;
	border: none;
}
h1, h2, h3, h4, p, form, ul, li, a {
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}
.container {
	width: 100%;
	margin: auto;
	padding: 0;
}

/* styles for header container */

.header {
	width: 900px; height: 43px;
	margin: auto;
	padding: 0;
	text-align: right;
}
.header img {
	margin: 15px 0 0 32px;
}

/* styles for main homepage container */

.hp-bkgrd {
	width: 920px;
	height: 570px;
	margin: auto;
	padding: 0;
	background-image: url(../images/hp-bkgrd.png);
	background-repeat: no-repeat;
}
.hp-image{
	width: 870px;
	height: 520px;
	position: absolute;
	margin: 25px;
	padding: 0;
	background-image:url(../images/hp-image01.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

.hp-left-panel {
	width: 600px;
	margin: 0;
	padding: 0;
	float: left;	
}
.nav-panel {
	width: 180px;
	margin: 0;
	padding: 0;
	float: right;	
}
.p4-logo {
	margin: 30px 0 0 30px;
}
.hp-intro {
	width: 580px;
	margin: 130px 0 0 0;
	padding: 0;
	background-color:#ffffff;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.hp-intro h1 {
	color: #25272c;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	text-align: right;
	padding: 12px 15px 15px 40px;
	margin: 0;
}
.hp-intro h1 span {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #0072bc;
	font-weight: bold;
	text-align: right;
	padding: 12px 0 0 0;
}
.hp-intro h1 strong {
	color: #0072bc;
}

/* styles for navigation panel */

.nav-panel ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 1px 0;
	_display: inline-block;
}
.nav-panel ul li a {
	color: #25272c;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	background-image: url(../images/trans-bkgrd.png);
	display: block;
	padding: 8px 10px 8px 10px;
	margin: 0;
}
.nav-panel ul li a:hover {
	color: #25272c;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	background-image: url(../images/trans-bkgrd2.png);
	display: block;
	padding: 8px 10px 8px 10px;
	margin: 0;
}
.nav-panel ul li a.red_high {
	color:#FFFFFF;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	background-image: url(../images/trans-bkgr-red.png);
	display: block;
	padding: 8px 10px 8px 10px;
	margin: 0;
}
.nav-panel ul li a.red_high:hover {
	color:#FFFFFF;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	background-color: #ff0000;
	display: block;
	padding: 8px 10px 8px 10px;
	margin: 0;
}
.nav-panel ul li span {
	color: #25272c;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	background-image: url(../images/trans-bkgrd2.png);
	display: block;
	padding: 8px 10px 8px 10px;
	margin: 0;
}
.nav2 {
	color: #25272c;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	font-style: italic;
	text-decoration: none;
	background-image: url(../images/trans-bkgrd2.png);
	display: block;
	padding: 4px 10px 4px 10px !important;
	margin: 0;
}

/* styles for main pages */

.page-top {
	width: 920px;
	height: 25px;
	margin: auto;
	padding: 0;
	background-image: url(../images/page-top-bkgrd.png);
	background-repeat: no-repeat;
}
.page-middle {
	width: 920px;
	margin: auto;
	padding: 0;
	background-image: url(../images/page-middle-bkgrd.png);
	background-repeat: repeat-y;
	overflow: hidden;
}
.page-bottom {
	width: 920px;
	height: 25px;
	margin: auto;
	padding: 0;
	background-image: url(../images/page-bottom-bkgrd.png);
	background-repeat: no-repeat;
}
.page-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/page-bkgrd01.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.whatwedo-tshirt-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-whatwedo-tshirt-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.whatwedo-screen-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-whatwedo-screen-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.whatwedo-transfer-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-whatwedo-transfer-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.whatwedo-embroidered-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-whatwedo-embroidered-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.whatwedo-label-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-whatwedo-label-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.portfolio-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-portfolio-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.corporate-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-corporate-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.stock-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-stock-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.delivery-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-delivery-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.charity-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-charity-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.aboutus-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-aboutus-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.contact-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-contact-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.news-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/p4-news-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.matter-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/matter-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.cunard-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/cunard-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.garrard-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/garrard-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.rannulph-bkgrd {
	width: 870px;
	margin: 0 25px 0 25px;
	padding: 0;
	background-image: url(../images/rannulph-bkgrd.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.page-left-panel {
	width: 560px;
	margin: 0;
	padding: 0;
	float: left;
}
.page-left-panel h1 {
	color: #ffffff;
	font-size: 2.3em;
	line-height: 1.3em;
	font-weight: normal;
	padding: 30px 0 5px 30px;
	margin: 0;
}
.page-left-panel h1 span {
	color: #ffffff;
	font-size: 2.0em;
	line-height: 1.6em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.page-left-panel p span {
	color: #ff0000;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.page-left-panel p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 2px 0 8px 30px;
	margin: 0;
}
.page-left-panel ul {
	padding: 0;
	margin: 0 0 15px 30px;
}
.page-left-panel li {
	list-style: square;
	list-style-position: outside;
	color: #0072bb;
	padding: 0;
	margin: 0 0 0 30px;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: normal;
}
.page-left-panel li span {
	color: #25272c;
}
.pic-ident-150 {
	width: 150px;
	padding: 10px 0 10px 30px;
	float: left;
}
.pic-ident-150a {
	width: 150px;
	padding: 10px 0 10px 20px;
	float: left;
}
.pic-ident-200 {
	width: 210px;
	padding: 10px 0 10px 30px;
	float: left;
}
.pic-ident-440 {
	width: 450px;
	padding: 10px 0 10px 30px;
	float: left;
}
.pic-ident-500 {
	width: 510px;
	padding: 0 0 15px 30px;
	float: left;
}
.pic-ident-150 img, .pic-ident-150a img, .pic-ident-200 img, .pic-ident-440 img, .pic-ident-500 img {
	border: solid 5px #404249;
}
.pic-ident-150 p, .pic-ident-200 p {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 0 5px -30px !important;	
}
.logo {
	border: none !important;
	margin: 5px 0 0 0;
}
.page-left-panel p a, .page-left-panel li a {
	color: #0072bb;
	text-decoration: none;
}
.page-left-panel p a:hover, .page-left-panel li a:hover {
	color: #0072bb;
	text-decoration: underline;
}




/* styles for footer container */

.footer {
	width: 900px;
	margin: auto;
	padding: 0;
}
.ftr-panel {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 50px;
}
.ftr-panel h4 {
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
}
.ftr-panel h4 span {
	color: #0071bc;
	font-size: 1.2em;
	font-weight: bold;
}
.ftr-panel p {
	color: #999999;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 6px 0;
}
.ftr-panel p span {
	color: #0071bc;
	font-weight: bold;
}
.address {
	width: 180px;
	float: right;
	text-align: right;
	padding: 5px 0 0 0;
}
.address p {
	color: #7c7d80;
	font-size: 1.0em;
	padding: 5px 0 0 0;
}
.address p a, .ftr-panel h4 a, .ftr-panel p a {
	color: #ffffff;
	text-decoration: none;
}
.address p a:hover, .ftr-panel h4 a:hover, .ftr-panel p a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#setxt{
	width: 900px;
	margin: auto;
}
.setext {
	color:#FFFFFF;
	font-size:1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.introtext {
	color: #25272c;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	text-align: right;
	padding: 12px 15px 15px 40px;
	margin: 0;
}
.introtext strong {
	color: #0072bc;
}
.lnktext {
	color: #25272c;
	font-size: 1.0em;
	text-decoration:none;
}
.lnkbodytext {
	color: #ffffff;
	font-size: 1.0em;
	text-decoration:none;
}