/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a			{text-decoration: none; color: #316A9B}
a:link		{text-decoration: none; color: #316A9B}
a:visited	{text-decoration: none; color: #316A9B}
a:active		{text-decoration: none; color: #316A9B}
a:hover 		{text-decoration: underline; color: #316A9B}

#structure {
	height: 100%;
	width: 100%;
}

#header {
	height: 56px;
	background-color: #306999;
	background-image: url(/images/interface.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#headerback {
	height: 56px;
	background-color: #306999;
	background-image: url(/images/interface.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#forcewidth {
	width: 780px;
}

#interface {
	height: 20px;
	background-image: url(/images/interface_repeat.jpg);
	background-repeat: repeat-x;
	text-align: right;
}

#menu {
	height: 20px;
	width: 100%;
	background-image: url(/images/logo_02.jpg);
	background-repeat: no-repeat;
}

#content {
	background-image: url(/images/logo_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	padding: 25px 10px 5px 20px;
}

#content_home {
	background-image: url(/images/homebackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	padding: 25px 10px 5px 20px;
	overflow: hidden;
}

#footer {
	height: 16px;
	background-image: url(../images/footer_repeat_11.gif);
	background-repeat: repeat-x;
}

#footerleft {
	float: left;
	font-size: 0.6em;
	padding-left: 10px;
	color: #ffffff;
	height: 13px;
	padding-top: 3px;
	margin: 0px;
}

#footerright {
	float: right;
	font-size: 0.6em;
	padding-right: 10px;
	color: #ffffff;
	height: 13px;
	padding-top: 3px;
	margin: 0px;
}

#footer a			{text-decoration: none; font-weight: normal; color: #FFFFFF}
#footer a:link		{text-decoration: none; font-weight: normal; color: #FFFFFF}
#footer a:visited	{text-decoration: none; font-weight: normal; color: #FFFFFF}
#footer a:active		{text-decoration: none; font-weight: normal; color: #FFFFFF}
#footer a:hover 		{text-decoration: underline; font-weight: normal; color: #FFFFFF}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0px;
}

p.error {
	color: #CC0000;
}

/*Home page*/

#homebox1 {
	width: 100%;
}

#homebox1 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#homebox1 h3 {
	font-size: 0.7em;
	margin: 10px 0px 5px 0px;
}

#homebox1 p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 10px;
}

.logobox_home {
	text-align: center;
	padding-top: 35px;
}

#homebox2 {
	width: 259px;
	height: 326px;
	padding: 12px;
	border: 2px solid #728CB5;
	float: right;
	margin-right: 17px;
	margin-left: 12px;
	background-image: url(/images/homebox2_03.jpg);
	background-repeat: no-repeat;
	background-position:  -3px bottom;
	background-color: #FFFFFF;
}

#homebox2 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#homebox2 p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	float: left;
	margin-top: 0px;
}

#homebox3 {
	width: 197px;
	height: 350px;
	border: 2px solid #728CB5;
	background-image: url(/images/dst_stamp_15.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: right;
	background-color: #FFFFFF;
}

#homebox3 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#homebox3 p {
	font-size: 0.7em;
	line-height: 1.6em;
	float: left;
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

.more {
	float: left;
	text-align: right;
	margin-top: 35px;
	width: 195px;
}

.title {
	margin-bottom: 2px;
	margin-top: 6px;
}

.product {
	margin-bottom: 12px;
}

.productbox {
	width: 100%;
	text-align: center;
}

.small {
	font-size: 0.65em;
}

.appborder {
	border: 2px solid #728CB5;
	background-color: #ffffff;
}

/* Services */

#servicesbody {
	width: 100%;
}

.logobox_services {
	text-align: center;
	padding-top: 5px;
}

#servicesbody h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#servicesbody p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#servicesbuttons {
	width: 356px;
	margin-left: 30px;
	float: right;
}

#servicesimage {
	float: right;
	width: 367px;
	margin-left: 30px;
	margin-right: -10px;
}

#bulletpoints {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}

#bulletpoints p {
	color: #306999;
	font-weight: bold;
	line-height: normal;
	font-size: 0.8em;
}

#tagline {
	background-color: #306999;
	color: #FFFFFF;
	padding: 5px 5px 5px 10px;
	width: 352px;
	float: right;
	font-size: 0.75em;
	font-weight: bold;
}

#tagline a			{text-decoration: none; font-weight: normal; color: #FFFFFF}
#tagline a:link		{text-decoration: none; font-weight: normal; color: #FFFFFF}
#tagline a:visited	{text-decoration: none; font-weight: normal; color: #FFFFFF}
#tagline a:active		{text-decoration: none; font-weight: normal; color: #FFFFFF}
#tagline a:hover 		{text-decoration: underline; font-weight: normal; color: #FFFFFF}

/* Security */

#securitybox1 {
	width: 100%;
}

#securitybox1 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#securitybox1 p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#securitybox2 {
	width: 252px;
	height: 350px;
	float: right;
	margin-right: 17px;
	margin-left: 17px;
}

.logobox_security {
	text-align: center;
	margin-top: -10px;
	width: 252px;
	display: block;
}

#securitybox2 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#securitybox2 p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #30699A;
	float: left;
	margin-top: 0px;
	padding: 0px 5px 0px 10px;
}

.productmenu {
	background-color: #326fba;
	margin-top: 0px;
	color: #ffffff;
}

.productmenu .productmenuright {
	padding: 5px 0px 5px 10px;
	float: left;
}

.productmenu .productmenuleft {
	padding: 0px 0px 5px 10px;
	font-size: 0.8em;
	float: left;
}

.productmenu select {
	margin-top: 5px;
}

#securitybox3 {
	width: 197px;
	height: 350px;
	border: 2px solid #728CB5;
	background-image: url(/images/dst_stamp_15.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: right;
}

#securitybox3 h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#securitybox3 p {
	font-size: 0.7em;
	line-height: 1.6em;
	float: left;
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

/* news */

#newsleft {
	width: 54%;
	padding-right: 350px;
}

#newsleft h2, #newsright h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#newsleft p, #newsright p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#newsright {
	float: right;
	width: 349px;
	height: 340px;
	margin-left: 30px;
	margin-right: -10px;
}

#newstitle {
	background-color: #306999;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	padding: 5px 5px 5px 10px;
	width: 334px;
	float: right;
}

#recentnews {
	padding: 15px 0px 0px 10px;
	float: right;
	font-size: 1em;
	width: 96%;
}

.recentnewsleft {
	float: left;
	width: 50px;
	font-weight: bold;
	font-size: 0.7em;
	margin-bottom: 8px;
}

.recentnewsright {
	float: left;
	margin-bottom: 8px;
	width: 82%;
}

#newsright a	, #newsleft a			{text-decoration: none; color: #000000}
#newsright a:link, #newsleft a:link		{text-decoration: none; color: #000000}
#newsright a:visited, #newsleft a:visited	{text-decoration: none; color: #000000}
#newsright a:active, #newsleft a:active	{text-decoration: none; color: #000000}
#newsright a:hover ,#newsleft a:hover 	{text-decoration: underline; color: #000000}

/* products */

.productleft {
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-top: 13px;
	margin-left: -20px;
}

.productright {
	width: 71%;
	margin-top: 8px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 220px;
}

.productright p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 0px;
	font-weight: bold;
}

.productheading {
	background-color: #666666;
	padding: 5px 5px 5px 20px;
}

.productheading h2 {
	font-size: 0.8em;
	color: #ffffff;
	margin: 0px;
}

.productlistingleft {
	width: 230px;
	height: 140px;
	padding-top: 10px;
	float: left;
	margin: 5px 0px 0px -20px;
	text-align: center;
}

.productlistingright {
	width: 71%;
	margin-top: 8px;
	margin-bottom: 25px;
	padding-right: 5px;
	padding-left: 220px;
}

.productlistingright p {
	font-size: 0.7em;
	line-height: 1.6em;
	margin-top: 5px;
	color: #666666;
}

.productlistingright h4 {
	font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 5px;
	margin-bottom: 0px;
}

.productlistingtitle {
	height: 20px;
	width: 99%;
	background-image: url(/images/interface_repeat.jpg);
	background-repeat: repeat-x;
	text-align: right;
	padding: 4px;
}

.productlistingtitle h3 {
	font-size: 0.8em;
	color: #306999;
	margin: 0px;
}

.redbar {
	background-image: url(/images/redline.gif);
	background-repeat: repeat-x;
	width: 100%;
	text-align: right;
	height: 22px;
}

.redblock {
	background-color: #ED1C24;
	width: 160px;
	float: right;
	padding: 0px 5px 2px 5px;
}

.redblock a			{text-decoration: none; color: #FFFFFF}
.redblock a:link		{text-decoration: none; color: #FFFFFF}
.redblock a:visited	{text-decoration: none; color: #FFFFFF}
.redblock a:active		{text-decoration: none; color: #FFFFFF}
.redblock a:hover 		{text-decoration: underline; color: #FFFFFF}

.redblock p {
	color: #ffffff;
	margin: 0px;
	font-size: 0.65em;
}

/* Quotes */

#quoteleft {
	width: 50%;
	padding-right: 350px;
}

#quoteleft h2, #quoteright h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#quoteleft p, #quoteright p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#quoteright {
	float: right;
	width: 367px;
	height: 365px;
	margin-left: 30px;
	margin-right: -9px;
	background-color: #ACC2D7;
}

#productpane {
	margin: 15px 10px 10px 30px;
	height: 132px;
	width: 288px;
	overflow: auto;
	padding: 10px;
}

#productpane p {
	color: #000000;
	float: left;
	margin-bottom: 5px;
}

#quoteform {
	margin: 15px 0px 10px 30px;
	width: 298px;
	padding: 10px;
	float: left;
}

#quoteform p {
	color: #000000;
	float: left;
	margin-bottom: 5px;
}

.quoteformleft {
	float: left;
	width: 100px;
}

.quoteformright {
	float: left;
	text-align: right;
	width: 195px;
}

.quoteformright input {
	border: 1px solid #000000;
	width: 100%;
}

.quoteformsubmit {
	float: left;
	text-align: right;
	width: 195px;
}

.quoteformsubmit input {
	border: 1px solid #000000;
}

/* Contact Form */

#contactleft {
	width: 50%;
	padding-right: 350px;
}

#contactleft h2, #contactright h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#contactleft p, #contactright p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#contactright {
	float: right;
	width: 367px;
	margin-left: 30px;
	margin-right: -9px;
	background-color: #ACC2D7;
	background-image: url(../images/enquiry_form_title_03.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#contactform {
	margin: 15px 0px 10px 50px;
	width: 278px;
	padding: 10px;
	float: left;
}

#contactform p {
	color: #000000;
	float: left;
	margin-bottom: 5px;
}

.contactformleft {
	float: left;
	width: 80px;
}

.contactformright {
	float: left;
	text-align: right;
	width: 195px;
}

.contactformright input, .contactformright textarea {
	border: 1px solid #000000;
	width: 100%;
}

.contactformsubmit {
	float: left;
	text-align: right;
	width: 195px;
}

.contactformsubmit input {
	border: 1px solid #000000;
}

.addressright {
	width: 220px;
	float: left;
}

.addressleft {
	width: 80px;
	padding-left: 40px;
	font-weight: bold;
	float: left;
}

/* Client Login */

#clientleft {
	width: 50%;
	padding-right: 350px;
}

#clientleft h2, #clientright h2 {
	font-size: 0.7em;
	margin: 0px 0px 3px 0px;
}

#clientleft p, #clientright p, #logcallright p, #mailingright p {
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666666;
	margin-top: 0px;
}

#clientright {
	float: right;
	width: 367px;
	margin-left: 30px;
	margin-right: -9px;
	background-color: #ACC2D7;
	background-image: url(../images/client_login_title_03.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#clientform {
	margin: 15px 0px 10px 50px;
	width: 278px;
	padding: 10px;
	float: left;
}

#clientform p {
	color: #000000;
	float: left;
	margin-bottom: 5px;
}

.clientformleft {
	float: left;
	width: 80px;
}

.clientformright {
	float: left;
	text-align: right;
	width: 195px;
}

.clientformright input, .clientformright textarea, .logcallright input, .logcallright textarea, .mailingright input, .mailingright textarea {
	border: 1px solid #000000;
	width: 100%;
}

.clientformsubmit {
	float: left;
	text-align: right;
	width: 195px;
}

.clientformsubmit input {
	border: 1px solid #000000;
}

#logcallright {
	float: right;
	width: 367px;
	margin-left: 30px;
	margin-right: -9px;
	background-color: #ACC2D7;
	background-image: url(../images/service_call_title.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#mailingright {
	float: right;
	width: 367px;
	margin-left: 30px;
	margin-right: -9px;
	background-color: #ACC2D7;
	background-image: url(../images/mailing_title.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}