@charset "utf-8";

/* Main Containers */

#container01 {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-index.jpg);
	background-repeat: no-repeat;
	height: 588px;
	background-position: 0px -1px;
}
#container02 {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 601px;
}
#container03 {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-about.jpg);
	background-repeat: no-repeat;
	height: 587px;
	background-position: 0px -26px;
}
#container04 {width: 954px; margin-right: auto; margin-left: auto; background-color: #000000; background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-gallery.jpg); background-repeat: no-repeat; height: 720px; background-position: 0px -25px;}
#leftcontainer02 {float: left; width: 494px;}
#leftcontainer03 {float: left; width: 614px;}
#rightcontainer02 {
	float: right;
	width: 460px;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-services.jpg);
	background-repeat: no-repeat;
	height: 395px;
	margin-top: -25px;
}
#rightcontainer03 {
	float: right;
	width: 460px;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-contact.jpg);
	background-repeat: no-repeat;
	height: 395px;
	margin-top: -25px;
}
#rightcontainer04 {
	float: right;
	width: 460px;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-news.gif);
	background-repeat: no-repeat;
	height: 271px;
	margin-top: -25px;
}
#rightcontainer05 {float: right; width: 340px; height: 589px; margin-top: -25px;}

#whitebar {
	background-color: #FFFFFF;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	height: 46px;
	z-index: 0;
}
#whitebar02 {width: 954px; background-color: #FFFFFF; background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-whitespace.png); margin-right: auto;	margin-left: auto; height: 46px; background-repeat: no-repeat; background-position: left bottom;}
#whitebar03 {
	background-color: #FFFFFF;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	height: 46px;
	z-index: 0;
	background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-white_bar.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#customtext {background-color: #5E88A1;}
#aboutcopy {width: 650px; margin-left: 200px; position: relative; top: 120px; float: left;}

#nextprevoius {margin-left: 65px; height: 44px;}
#nextprevoius02 {margin-left: 65px; height: 44px;}
#imgcontainer {margin-left: 64px; width: 538px; height: 353px; background-color: #FFFFFF; border: 5px solid #908100;}

#copyservices {margin:0 0 0 23px;}


/* Index Copy Divs */

.strapline {height: 15px; widows: 400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #B23539; vertical-align: bottom;text-transform: uppercase; margin-left: 62px; margin-top: 0px;}
.strapline02 {height: 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #B23539; vertical-align: bottom;text-transform: uppercase; margin-left: 62px; margin-top: 0px; }
.texthome {float: left; position: relative; top: -370px; left: 0px; font-size: 15px; color: #908100; text-transform: uppercase; font-weight: bold;}
p.indexcopy {margin-bottom: 20px; font-size:13px; line-height: 150%; color: #FFFFFF;}
p.contactdetails {margin-top: 27px;	line-height: 130%; text-transform: lowercase;}
#indexcopy {float: left; position: relative; top: -110px; left: 85px;}

/* Index Text Links */

.texthome a{color:#908100; text-decoration:none}
.indexcopy a{color:#FFFFFF;}

/* Index Links */

#linkwork {height: 114px; width: 242px; position: relative; top: 191px; left: 192px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 15px; padding: 12px 0 0 12px; display: block;}
#linkservices {height: 114px; width: 114px; position: relative; top: -61px; left: 446px; background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 15px; display: block; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px;}
#linkabout {width: 114px; display: block; position: relative; top: -377px; left: 701px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 15px; vertical-align: bottom; padding-left: 12px; height: 26px;	padding-top: 100px;}
#linknews {background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 15px; vertical-align: bottom; height: 23px; width: 55px;	float: left; position: relative; top: -311px; left: 763px; padding-top: 40px; padding-left: 8px;}
#linkcontact {background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 15px; height: 114px; width: 114px; position: relative;	top: 4px; display: block; left: 637px; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px;}

#linkwork a, #linkservices a, #linkabout a, #linknews a, #linkcontact a  { display: block; color:#FFFFFF; text-decoration: none;}

/* Logo */

.logo02 {
	padding: 31px 0 28px 63px;
}
.logo02b {padding: 31px 0 80px 63px; }
.logo03 {padding: 33px 0 0 1px; float: left;}

/* H Styles */

h2.copyservices {font-size: 22px; color: #5D87A1; text-transform: uppercase; border-left-width: 30px; border-left-style: solid; border-left-color: #908100;	padding-left: 12px;	margin-bottom: 30px; font-weight: normal; padding-top: 5px;	height: 25px;}
h2.newstitle  {font-size: 22px; color: #5D87A1; text-transform: uppercase; border-left-width: 30px; border-left-style: solid; border-left-color: #908100;	padding-left: 12px;	margin: 0 0 30px 21px; font-weight: normal; padding-top: 5px;	height: 25px;}
#clientlist h2 {font-size: 18px; margin-top: -18px; font-weight: normal; color: #ffffff; margin-bottom: 18px;}
h2.clientlist {font-size: 18px; margin: -18px 0 0 22px; font-weight: normal; color: #ffffff; margin-bottom: 18px;}
h2.clientlist02 {font-size: 14px; margin-top: 50px;	font-weight: normal; color: #333333; margin-bottom: 30px; text-align: center;}
h2.clientlist03 {font-size: 18px; margin: 10px 0 0 22px; font-weight: normal; color: #ffffff; margin-bottom: 18px;} 

/* Text Links */

.contact a {color: #5D87A1;}
.contact a:hover {text-decoration:none;}
.contact02 a {color: #5D87A1;}
.contact02 a:hover {text-decoration:none;}
.testname a {color: #FFFFFF;}
.testname a:hover {text-decoration:none;}
.testname02 a {color: #5D87A1;}
.testname02 a:hover {text-decoration:none;}

.black16  a {color:#000000; text-decoration:none;}

/* Nav */

#nav01 {height: 395px;}
#nav02 {height: 271px;}
#nav03 {height: 271px; position: relative; left: 494px; top: -13px; float: left; width: 460px;}
#nav04 {height: 271px; position: relative; top: -40px; float: right; width: 460px; z-index: 10;}


#nav01work {height: 59px; width: 126px; position: relative;	top: 163px;	left: 129px; background-color: #908100;	text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 7px 0 0 7px;	display: block;}
#nav01about {height: 19px; width: 59px; position: relative; top: 32px; left: 262px; background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav01news {height: 19px; width: 59px; position: relative; top: -133px; left: 328px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav01services {height: 19px; width: 59px; position: relative; top: -133px; left: 394px; background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav01contact{height: 59px;	width: 59px; position: relative; top: -67px; left: 363px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 7px 0 0 7px; display: block;}

#nav02work {height: 59px; width: 126px; position: relative;	top: 163px;	left: 9px; background-color: #908100;	text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 7px 0 0 7px;	display: block;}
#nav02about {height: 19px; width: 59px; position: relative; top: 32px; left: 142px; background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav02news {height: 19px; width: 59px; position: relative; top: -133px; left: 208px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav02services {height: 19px; width: 59px; position: relative; top: -133px; left: 274px; background-color: #5E88A1; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 47px 0 0 7px; display: block;}
#nav02contact{height: 59px;	width: 59px; position: relative; top: -67px; left: 243px; background-color: #908100; text-transform: uppercase; color: #FFFFFF; font-size: 11px; padding: 7px 0 0 7px; display: block;}

/* Nav Links*/

#nav01 a, #nav02 a, #nav03 a, #nav04 a {color:#FFFFFF; text-decoration:none}
#nav01 a:hover, #nav02 a:hover, #nav03 a:hover, #nav04 a:hover {color:#FFFFFF; text-decoration:none}

/* Text & Copy */

#text01 {background-color: #5d87a1;	height: 231px;}
#text01 blockquote {color: #FFFFFF; font-size: 14px; width: 420px; padding-top: 40px; padding-right: 20px; padding-left: 20px; line-height: 140%;}
#text02 {background-color: #FFFFFF;	height: 231px;}
#text02 blockquote {color: #5d87a1; font-size: 14px; width: 420px; padding-top: 40px; padding-right: 20px; padding-left: 20px; line-height: 140%;}
.testname {color: #FFFFFF; padding-left: 60px; padding-top: 12px; line-height: 130%;}
.testname02 {color: #5d87a1; padding-left: 60px; padding-top: 12px; line-height: 130%;}
.sheader {font-weight: bold; color: #908100; font-size: 13px; margin-bottom: 8px;}
.services {font-weight: bold; color: #000000; line-height: 150%;}
.contact {color: #5D87A1; font-size: 14px; font-weight: bold; margin-bottom: 14px; margin-left: 42px; margin-top: 14px;}
.contact02 {color: #5D87A1; font-size: 14px; font-weight: bold; margin-bottom: 14px; margin-left: 64px; margin-top: 14px;}
.black14 {font-size: 14px; color: #000000; line-height: 130%; margin: 12px 12px 12px 42px;}
.black16 {font-size: 16px; color: #000000; line-height: 130%; margin: 22px 12px 12px 42px;}
.brown14 {font-size: 14px; color: #908100; margin: 12px 12px -12px 42px;}
p.aboutcopy {color: #FFFFFF; font-size: 13px; line-height: 130%; margin-bottom: 12px;}

p.clientlist03 {
	font-size: 12px;
	margin-left: 24px;
	line-height: 140%;
	width: 200px;
	margin-bottom: 8px;
}
p.clientlist03 a {
	color: #FFFFFF;
}

#cumstomdescriptopn p {line-height: 140%; color:#FFFFFF; font-size: 12px; margin: 0 0 15px 0;}

/* Service Rows */

#row1 {float: left; width: 150px; margin-left: 42px;}
#row2 {float: left; width: 130px;}
#row3 {float: left; width: 140px;}

/* Form Styles & Elements */

#pcdform #Name, #pcdform #Telephone , #pcdform #Email {background-image: url(http://www.pierscrossdesign.co.uk/images02/bg-text_field.gif);	background-repeat: no-repeat; height: 17px; width: 298px; padding: 4px 5px; margin: 0 0 5px 0; border: 1px none #FFFFFF;}

.formtb { margin-left: 42px;}
.formtbtitles {font-size: 15px; color: #000000; text-align: left; vertical-align: middle; font-weight: bold;}

/* General Styles */

.clearfloat {clear:both; height:0px; font-size: 0px; line-height: 0px;}
.spacer14 {margin: 0 15px 0 0;}

 /* Client Lists */
 
#clientlist li { font-size: 12px; display: inline;}
#clientlist li a {color: #FFFFFF; display: inline; float: left; padding: 0 15px 13px 0; }
ul#clientlist {list-style-type: none; margin-left: 24px; height: 105px; }

#clientlist02 li {margin: 0 15px 20px 15px; font-size: 16px; color: #5E88A1; display: inline; text-align: center;}
#clientlist02 li a {color: #5E88A1;	text-decoration: underline;}
#clientlist02 li a:hover {text-decoration:none;} 
ul#clientlist02 {list-style-type: none; text-align: center;}

#clientlist03 li {font-size: 12px; display: list-item;}
#clientlist03 li a {color: #FFFFFF; float: left; padding: 0 15px 13px 0; }
ul#clientlist03 {list-style-type: none;	margin-left: 24px; display: list-item;}

/* Custom Div */

#cumstomdescriptopn {float: left; margin: 10px 20px;}



#news {margin: 0 0 0 64px; overflow: auto; height: 300px; padding-right: 15px;}
.time {font-size: 14px;	text-transform: uppercase; color: #908100;}
#newscontent {margin-bottom: 15px;}
#newscontent p{font-size: 13px; color: #000000;	line-height: 125%; margin: 0 0 15px 0;}
#newscontent a {color: #000000; text-decoration: underline;}
#newscontent a:hover {text-decoration:none;}