/* jp74.com */

/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

body {
	font: 10px/1.6em Helvetica, Arial, Geneva, sans-serif;
	color: #666666;
	background: #01608c url(../images/bodybg.jpg) repeat-x center top;
}

#pHome #nb1 a {
	width: 44px;
	background: url(../images/nav.jpg) 0 25px;	
}

#pWho #nb2 a {
	width: 86px;
	background: url(../images/nav.jpg) -44px 25px;
}

#pHow #nb3 a {
	width: 125px;
	background: url(../images/nav.jpg) -130px 25px;	
}

#pWork #nb4 a {
	width: 133px;
	background: url(../images/nav.jpg) -255px 25px;
}

#pFind #nb5 a {
	width: 119px;
	background: url(../images/nav.jpg) -388px 25px;	
}

#pHear #nb6 a {
	width: 95px;
	background: url(../images/nav.jpg) -507px 25px;	
}

#pWhere #nb7 a {
	width: 129px;
	background: url(../images/nav.jpg) -602px 25px;	
}


p {
	margin-bottom: 1em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

#header {
	width: 840px;
	height: 135px;
	position: absolute;
	top: 16px;
	right: 54px;
	background: url(../images/headernew.gif) no-repeat;
	text-indent: -5000px;
}

#header ul {
	position: absolute;
	width: 731px;
	height: 25px;
	top: 25px;
	right: 32px;
	overflow: hidden;
	background: url(../images/menu.jpg) no-repeat;
	z-index: 99;
}

#header ul li {
	float: left;}

#header ul li a {
	display: block;
	text-indent: -5000px;
	height: 20px;
}

#nb1 a {
	width: 44px;
}

#nb1 a:hover {
	width: 44px;
	background: url(../images/nav.jpg) 0 25px;
}

#nb2 a {
	width: 86px;
}

#nb2 a:hover {
	width: 86px;
	background: url(../images/nav.jpg) -44px 25px;
}

#nb3 a {
	width: 125px;
}

#nb3 a:hover {
	width: 125px;
	background: url(../images/nav.jpg) -130px 25px;
}

#nb4 a {
	width: 133px;
}

#nb4 a:hover {
	width: 133px;
	background: url(../images/nav.jpg) -255px 25px;
}

#nb5 a {
	width: 119px;
}

#nb5 a:hover {
	width: 119px;
	background: url(../images/nav.jpg) -388px 25px;
}

#nb6 a {
	width: 95px;
}

#nb6 a:hover {
	width: 95px;
	background: url(../images/nav.jpg) -507px 25px;
}

#nb7 a {
	width: 129px;
}

#nb7 a:hover {
	width: 129px;
	background: url(../images/nav.jpg) -602px 25px;
}

#wrapper {
	width: 980px;
	height: 680px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	background: url(../images/bg.jpg) no-repeat;
}

#wrapperV2 {
	width: 980px;
	height: 680px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	background: url(../images/bg_v2.jpg) no-repeat;
}


#trafficLight {
	width: 60px;
	height: 54px;
	position: absolute;
	top: 211px;
	left: 66px;
}

#trafficLightV2 {
	width: 115px;
	height: 238px;
	position: absolute;
	top: 66px;
	left: 37px;
}

#blueSign {
	width: 335px;
	height: 140px;
	position: absolute;
	top: 182px;
	left: 180px;
}



#textBlock {
	position: absolute;
	width: 400px;
	height: 225px;
	top: 170px;
	left: 178px;
	overflow: auto;
	padding-right: 20px;
	z-index: 100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#textBlock a {
	color: #013e7d;
}

#textBlock a:hover {
	color: #013e7d;
}

#subscribe {
	top: -21px;
	right: 7px;
	position: absolute;
	z-index: 101;
}

#textBlock h1 {
	padding: 0;
	width: 380px;
	overflow: hidden;
	margin: 0;
	padding-bottom: 20px;
	color: red;
}

#textBlock ul {
	list-style-type: disc;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 15px;
}

#textBlock ul li {
	font-weight: bold;
	color: #000;
}

#textBlock h2 {
	font-weight: bold;
	padding-bottom: 15px;
	font-size: 1.1em;
	text-decoration: underline;
	color: #000;
}

#textBlock p {
	margin: 0;
	padding-bottom: 15px;
	font-size: 1.1em;
	color: #000;
	line-height: 1.2em;
}

#numberPlate {
	width: 214px;
	height: 75px;
	position: absolute;
	top: 366px;
	left: 139px;
}

#numberPlateLower {
	width: 220px;
	height: 68px;
	position: absolute;
	top: 400px;
	left: 142px;
}

#laptop {
	width: 176px;
	height: 122px;
	position: absolute;
	top: 483px;
	left: 220px;
}

#tyre {
	width: 188px;
	height: 184px;
	position: absolute;
	top: 332px;
	left: 436px;
}

#tyreSmall {
	width: 179px;
	height: 180px;
	position: absolute;
	top: 440px;
	left: 449px;
}

#yellowBlock {
	width: 289px;
	height: 139px;
	position: absolute;
	top: 146px;
	left: 620px;
}

#yellowBlock li a {
	display: block;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
}

#lOne {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 74px;
	height: 27px;
	background-image: url(../Images/whats_happening_black.jpg);
}

#lOne a {
	width: 74px;
}

#lOne a:hover {
	width: 74px;
	height: 27px;
	background-image: url(../Images/whats_happening_red.jpg);
}

#lTwo {
	position: absolute;
	top: 15px;
	left: 95px;
	width: 58px;
	height: 27px;
	background-image: url(../Images/what_we_like_black.jpg);
}

#lTwo a {
	width: 58px;
}

#lTwo a:hover {
	width: 58px;
	height: 27px;
	background-image: url(../Images/what_we_like_red.jpg);
}

#lThree {
	position: absolute;
	top: 15px;
	left: 160px;
	width: 56px;
	height: 27px;
	background-image: url(../Images/going_green_black.jpg);
}

#lThree a {
	width: 56px;
}

#lThree a:hover {
	width: 56px;
	height: 27px;
	background-image: url(../Images/going_green_red.jpg);
}

#lFour {
	position: absolute;
	top: 15px;
	left: 225px;
	width: 54px;
	height: 27px;
	background-image: url(../Images/we_do_more_black.jpg);
}

#lFour a {
	width: 54px;
}

#lFour a:hover {
	width: 54px;
	height: 27px;
	background-image: url(../Images/we_do_more_red.jpg);
}

.tfield {
	position: absolute;
	top: 95px;
	height: 20px;
	left: 45px;
	width: 178px;
	background: none;
	border: none;
	color: #013e7f;
	font-size: 13px;
}

.tfield2 {
	position: absolute;
	top: 95px;
	height: 20px;
	left: 20px;
	width: 200px;
	background: none;
	border: none;
	color: #013e7f;
	font-size: 14px;
}

.submit {
	position: absolute;
	top: 96px;
	height: 25px;
	left: 230px;
	width: 35px;
}

#yellowBlockFull {
	width: 302px;
	height: 147px;
	position: absolute;
	top: 144px;
	left: 614px;
}

#postitOne {
	width: 137px;
	height: 144px;
	position: absolute;
	top: 314px;
	left: 625px;
}

#postitOneV2 {
	width: 144px;
	height: 180px;
	position: absolute;
	top: 286px;
	left: 617px;
}

#postitTwo {
	width: 145px;
	height: 145px;
	position: absolute;
	top: 314px;
	left: 762px;
}

#awards {
	width: 85px;
	height: 143px;
	position: absolute;
	top: 467px;
	left: 679px;
}

#phone {
	width: 110px;
	height: 97px;
	position: absolute;
	top: 509px;
	left: 813px;
}