body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(images/bg.jpg) top repeat-x;
}
#container {
	margin: 0 auto;
	position: relative;
	top: 20px;
	width: 720px;
	text-align: left;
}
#header {
	background: white url(images/LOGO.gif) top left no-repeat;
	position: relative;
	top: 0;
	left: 0;
	width: 707px;
	height: 50px;
	text-indent: -5000px;
	border-left: 13px solid #005E77;
}
#nav {
	position: absolute;
	top: 15px;
	right: 0;
}
#nav ul {
	text-indent: 0;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
	border-right: 1px solid #004579; 
	float: left;
}
#nav li.lastlink {
	border-right: none;
}
#nav li a {
	color: #004579;
	text-decoration: none;
}
#nav li a:hover {
	color: #B52921;
}
#home #pic {
	position: absolute;
	top: 50px;
	left: 0;
	background: url(images/homepic.jpg);
	width: 507px;
	height: 213px;
	border-left: 13px solid #004579;
}
#pic {
	position: absolute;
	top: 263px;
	left: 0;
	width: 115px;
	height: 230px;
	border-left: 13px solid #3F99B1;
}
#protect #pic, #order #pic {
	background: url(images/protect.jpg);
}
#products #pic {
	background: url(images/PRODPIC.jpg);
	height: 351px;
}

#products2 #pic {
	background: url(images/PRODPIC2.jpg);
	height: 351px;
	
}
#contact #pic {
	background: url(images/contactpiclarge.jpg);
}
#contact2 #pic {
	background: url(images/contactpiclarge2.jpg);
}
#contact3 #pic {
	background: url(images/newprod.jpg);
}
#test #pic {
	background: url(images/TESTPIC.jpg);
	height: 351px;
	top: 873px;
}
#badge {
	position: absolute;
	top: 50;
	right: 0;
	background: url(images/badge.jpg);
	width: 200px;
	height: 213px;
	
}
#lawan {
	position: absolute;
	top: 50;
	right: 0;
	background: url(images/lawan.gif);
	width: 200px;
	height: 213px;
	
}
#lawan2 {
	position: absolute;
	top: 50;
	right: 0;
	background: url(images/lawan2.gif);
	width: 200px;
	height: 213px;
	
}
#pagetitle {
	position: absolute;
	top: 50px;
	left: 0;
	width: 115px;
	height: 213px;
	border-left: 13px solid #004579;
	background: #005E77;
}
#pagetitle h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-left: 3em;
	margin-top: 5em;
	color: #AFCCD4;
}

#pagetitle2 h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 1em;
	margin-top: 1em;
	color: #AFCCD4;	
}

#pagetitle2 a {
	color: white;
	text-decoration: none;
}
#pagetitle2 a:hover {
	color: #AFCCD4;
}
#test #pagetitle {
	height: 823px;
}
#test #pagetitle h2 {
	margin-left: 2.6em;
}
#tag {
	text-indent: -5000px;
	position: absolute;
	top: 263px;
	left: 0;
	width: 519px;
	height: 15px;
	background: url(images/TAG.gif) right no-repeat #005E77;
	border: 1px solid #3F99B1;
	border-left: 0;
}
#borderbox {
	position: absolute;
	top: 263px;
	left: 0;
	width: 13px;
	height: 15px;
	border: 1px solid #3F99B1;
	border-left: 0;
	background: #005E77;
}
#test #borderbox {
	top: 873px;
}
#quote {
	position: absolute;
	top: 280px;
	right: 0;
	width: 200px;
	height: 213px;
	color: white;
	background: url(images/quote.gif) top no-repeat #004579;
}
#quotehead {
	position: absolute;
	top: 263px;
	right: 0;
	margin: 0;
	padding: 0;
	background: #3F99B1;
	width: 200px;
	height: 17px;
}
#quotehead h3 {
	margin: 2px 0 0 0;
	padding: 0;
	text-align: center;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
}
#quote p {
	margin: 1.5em 2em 0 2em;
	padding: 0;
	font: bold 13px "Times New Roman", Times, serif;
}
#products #quote {
	height: 334px;
}
#products2 #quote {
	height: 334px;
}
#test #quote {
	height: 944px;
}
#quotefooter {
	position: absolute;
	top: 493px;
	right: 0;
	width: 200px;
	height: 33px;
	background: #3F99B1;
}
#quotefooter p {
	text-align: right;
	text-transform: uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-right: 1em;
}
#quotefooter a {
	color: white;
	text-decoration: none;
}
#quotefooter a:hover {
	color: #AFCCD4;
}
#products #quotefooter {
	top: 614px;
}

#test #quotefooter {
	top: 1224px;
}
#content {
	position: absolute;
	top: 50px;
	left: 128px;
	width: 392px;
	height: 443px;
	background: #FFFFFF;
	color: #000040;
}
#home #content {
	position: absolute;
	top: 280px;
	left: 0;
	width: 507px;
	height: 213px;
	border-left: 13px solid #004579;
}
#products #content {
	height: 564px;
}
#test #content {
	height: 1174px;
}
#content p {
	margin: 0.5em 3em 0 1em;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#contact #content p {
	margin: 1em 3em 1em 1em;
}


#content h3 {
	margin: 1em 0 0 0.8em; 
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #005E77;
}

#protect h3.imagine {
	margin: 0.5em 3em 0 1em;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #005E77;
}
#content a {
	color: #005E77;
	text-decoration: none;
}
#content a:hover {
	color: #red;
}
#content ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#footer {
	position: absolute;
	top: 493px;
	left: 0;
	width: 507px;
	height: 33px;
	border-left: 13px solid #3F99B1;
	text-indent: -5000px;
	background: url(images/SPEAKSTAG.gif) left no-repeat white;
}
#products #footer {
	top: 614px;
}
#test #footer {
	top: 1224px;
}