/* Petrus Blue = #006599 */
/* Petrus Yellow = #ffec01 */

body {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background: #006599 url('images/pagebg.jpg') top left repeat-x;
	margin: 0;
}

.main {position: relative; width: 960px; margin: 0 auto; padding: 0; border: 0 none; border: 0 none; border-top: 0 none; background: #ffffff; display: block;}

.stamp {z-index: 5; position: absolute; top: 10px; right: 40px; display: block;}

.header {background: #0e337b; margin: 10px 20px; padding: 0; font-size: 0.85em; display: block;}

.headerleft {float: left; width: 300px; height: 202px; overflow: hidden; margin: 0; padding: 0; border: 0 none; display: block;}

li.nobullet {list-style-type: none;}

.mainimage {float: left; margin: 10px 0 0 10px; padding: 0; width: 610px; height: 202px; background: #ffffff; display: block;}

.mainimages {position: relative; float: left; margin: 0 0 0 10px; padding: 0; width: 610px; height: 202px; background: #ffffff; display: block;}

ul.mainimages {margin:0; padding:0;}

li.mainimages {list-style-type: none; margin:0; padding:0;}

.gallery {position: absolute; top: 0; left: 0; width: 610px; height: 202px; margin:0; padding:0; overflow: hidden;}
#gallery li {position: relative; float: left; margin: 0; padding: 0; display: block;}
.gallery1 {position: absolute; top: 0; left: 0; width: 305px; height: 202px; margin: 0; padding:0; overflow: hidden;}
#gallery1 li {position: relative; float: left; margin: 0; padding: 0; display: block;}
.gallery2 {position: absolute; top: 0; left: 305px; width: 305px; height: 202px; margin:0; padding:0; overflow: hidden;}
#gallery2 li {position: relative; float: left; margin: 0; padding: 0; display: block;}

.strap {width: 590px; text-align: right; position: absolute; z-index: 4; bottom: 0; right: 0; margin: 0 10px 10px 0; font-size: 2em; font-style: italic; font-weight: normal; color: #ffffff;}

.phone {margin: 30px 0 0 10px; padding: 20px; font-weight: bold; font-size: 1.6em; color: #fecc05; background: #0e337b url('images/phone_10.gif') center left no-repeat;}

ul.menuvertic {padding: 10px; margin: 10px 15px;}
li.menuvertic {padding: 0 5px; margin: 5px 0; color: #006599; font-weight: bold; list-style-image: url('images/petrus_bullet.gif')}
li.menuvertic a {text-decoration: none; color: #006599;}
li.menuvertic a:visited {text-decoration: none; color: #006599;}
li.menuvertic a:hover {text-decoration: underline; color: #ff9900;}
li.menuvertic a:active {text-decoration: none; color: #006599;}

.menuhorizpanel {padding: 0; margin: 0 20px; border: 0 none; color: #ffec01; background: #0e337b url('images/navbg.jpg') top left repeat-x; display: block;}

ul.menuhoriz {padding: 5px; margin: 0 5px; text-align: left; font-size: 0.85em; list-style: none;}
li.menuhoriz {display: inline; margin: 0; color: #ffec01; zoom: 1;}
li.menuhoriz a {font-weight: bold; text-decoration: none; color: #ffec01;}
li.menuhoriz a:visited {text-decoration: none; color: #ffec01;}
li.menuhoriz a:hover {text-decoration: underline; color: #ffec01;}
li.menuhoriz a:active {text-decoration: none; color: #ffec01;}

.maincontent {margin: 0; padding: 10px; font-size: 0.85em; display: block;}

.colone {float: left; width: 300px; margin: 10px 0 0 10px; padding: 0; border: 0 none; display: block;}
.coltwo {float: left; width: 610px; margin: 10px 0 0 10px; padding: 0; border: 0 none; display: block;}

.leftcol50 {float: left; width: 50%; display: block;}
.rightcol50 {float: right; width: 50%; display: block;}

.bluepanel {margin: 0 0 10px 0; padding: 10px; border: 1px solid #006599; background: #ffffff url('images/bluefade.jpg') top left repeat-x; display: block;}
.yellowpanel {margin: 0 0 10px 0; padding: 10px; border: 1px solid #ffec01; background: #ffffff url('images/yellowfade.jpg') top left repeat-x; display: block;}
.redpanel {margin: 0 0 10px 0; padding: 10px; border: 1px solid #cc0000; background: #ffffff url('images/redfade.jpg') top left repeat-x; display: block;}
.greenpanel {margin: 0 0 10px 0; padding: 10px; border: 1px solid #008000; background: #ffffff url('images/greenfade.jpg') top left repeat-x; display: block;}
.orangepanel {margin: 0 0 10px 0; padding: 10px; border: 1px solid #ff9900; background: #ffffff url('images/orangefade.jpg') top left repeat-x; display: block;}

#newspanel {height: 600px; overflow: auto;}
#newspanel p {margin-right: 10px;}

#jobspanel {height: 500px; overflow: auto;}
#jobspanel p {margin-right: 10px;}

.footer {border: 0 none; margin: 0 10px; text-align: center; font-size: 0.7em; padding: 5px; color: #ffffff; background: #006599;}

.coinfo {border: 0 none; margin: 0 10px; text-align: center; font-size: 0.7em; padding: 5px;}

.noscreen {display: none;}

.indenttext {margin: 0 0 6px 18px; text-indent: -22px;}
.indented {margin: 0 0 6px 25px;}
.larger {font-size: 1.3em;}
.smaller {font-size: 0.85em;}
.smalltext {font-size: 0.8em;}
.centeredtext {text-align: center;}
.centeredbutton {font-size: 0.7em; margin: 20px 0; text-align: center;}
.justify {font-size: 0.7em; margin: 0; text-align: justify;}
.maintext {font-size: 0.85em; margin: 0 0 10px 0; padding: 0;}
.tight {margin: 0;}
.tighttext {font-size: 0.85em; margin: 0; padding: 0;}
.tightleft {margin: 0; text-align: left;}
.tightjustify {margin: 0; text-align: justify;}
.smalltightjustify {font-size: 0.65em; margin: 0; text-align: justify;}
.highlighted {color: #006599;}

li.pdf {list-style-image:url('images/pdf.gif'); margin: 0 0 0 10px; padding: 0 0 10px 10px;}
li.web {list-style-image:url('images/ie_icon_sm.gif'); margin: 0 0 0 10px; padding: 0 0 10px 10px;}
li.xls {list-style-image:url('images/xls.gif'); margin: 0 0 0 10px; padding: 0 0 10px 10px;}
li.doc {list-style-image:url('images/doc.gif'); margin: 0 0 0 10px; padding: 0 0 10px 10px;}
li.exe {list-style-image:url('images/install.gif'); margin: 0 0 0 10px; padding: 0 0 10px 10px;}

.testimonial {width: 300px; text-align: center; margin: 0 auto; padding: 10px; font-family: 'times new roman', garamond, 'baskerville old face', serif; display: block;}
.testimonialwide {width: 350px; text-align: center; margin: 0 auto; padding: 10px; font-family: 'times new roman', garamond, 'baskerville old face', serif; display: block;}

.rightfloat {float: right; margin: 0; display: block;}

.leftfloatedimage {float: left; margin: 0 10px 10px 0; display: block;}

.rightfloatedimage {float: right; margin: 0 0 10px 10px; display: block;}

.tradelogos {float: right; margin: 0; width: 370px; display: block;}

.tradelogo {float: right; padding: 0 10px 0 0; display: block;}

img {border: 0 none;}

image {border: 0 none;}

.separator {clear: both;}

.spacer {clear: both; height: 10px;}

.house {color: #006599; font-weight: bold;}

.prime {color: #006599; font-style: italic; font-weight: bold;}

.copyright {float: right; margin: 0; padding: 0; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.webmaster {width: 960px; margin: 0 auto; padding: 5px 0; color: #aaaaaa; font-weight: normal; font-size: 0.7em; font-style: normal; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.contextheader {font-weight: bold; font-size: 0.7em; font-style: normal; margin: 3px 0px 3px 6px;}

.context {font-weight: normal; font-size: 0.85em; font-style: normal;}

.caption {font-size: 0.8em; font-weight: bold; font-style: normal; font-family: tahoma, verdana, arial, helvetica, sans-serif;}

.navtext {font-weight: bold; font-size: 1em; font-style: normal;}

.navlink {font-weight: bold; font-size: 1em; font-style: normal;}

.navlinkthis {font-weight: bold; font-size: 1em; font-style: normal;}

.clickable {cursor: pointer;}

.enquiryform {margin: 0 0 0 15px; font-size: 0.9em;}
.form {padding: 0; margin:0;}
.formfield {margin: 5px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

a:link {color: #00383d; text-decoration:underline;} 
a:visited {color: #00383d; text-decoration:underline;} 
a:hover {color: #006599; text-decoration:none;}
a:active {color: #006599; text-decoration:underline;}

a.antilink:link {color: #00383d; text-decoration:none;} 
a.antilink:visited {color: #00383d; text-decoration:none;} 
a.antilink:hover {color: #006599; text-decoration:underline;}
a.antilink:active {color: #006599; text-decoration:none;}

a.promolink:link {color: #006599; text-decoration:none;} 
a.promolink:visited {color: #006599; text-decoration:none;} 
a.promolink:hover {color: #00383d; text-decoration:underline;}
a.promolink:active {color: #00383d; text-decoration:none;}

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

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

a.boldlink:link  {color: #00383d; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #00383d; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #006599; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #006599; text-decoration:underline; font-weight: bold;}

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

.contacttext {margin: 10px 0 10px 12px; text-indent: -12px; font-size: 1.1em; font-family: 'monotype corsiva', tahoma, verdana, arial, helvetica, sans-serif;}

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

hr {clear: both; color: #006599; background-color: #006599; height: 1px; margin: 3px 0; border: 0; display: block;}
hr.blue {clear: both; color: #006599; background-color: #006599; height: 1px; margin: 3px 0; border: 0; display: block;}
hr.yellow {clear: both; color: #ffec01; background-color: #ffec01; height: 1px; margin: 3px 0; border: 0; display: block;}
hr.green {clear: both; color: #008000; background-color: #008000; height: 1px; margin: 3px 0; border: 0; display: block;}
hr.red {clear: both; color: #cc0000; background-color: #cc0000; height: 1px; margin: 3px 0; border: 0; display: block;}
hr.orange {clear: both; color: #ff9900; background-color: #ff9900; height: 1px; margin: 3px 0; border: 0; display: block;}

.smallinput {font-size: 0.85em;}

.textbox {
	background-color: #ffffff;
	color: #006599;
	font-size: 0.8em;
	font-weight: bold;
	border-style: solid; border-width: 1px; border-color: #a0a0a0;
}

select {
	color: #000000;
	background-color: #F6F4F0;
	font-size: 0.8em;
	font-weight: normal;
	cursor: pointer;
}

.rightselect {text-align: right; margin: 0; padding: 0;}

input.submit {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

input.s_submit {
	font-size: 0.9em;
	cursor: pointer;
}


input.button {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

input.s_button {
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

textarea {
	color: #000000;
	border-style: solid; border-width: 1px; border-color: #a0a0a0;
}

h1 {font-size: 1.3em; color: #006599; margin: 10px;}

h2 {font-size: 1.2em; color: #000000; font-style: normal; margin: 0 0 30px 0;}

h3 {font-size: 1.1em; color: #000000; font-style: normal; margin: 10px 0;}

h4 {font-size: 1.1em; color: #006599; font-style: normal; margin: 10px 0;}

h5 {font-size: 1em; color: #000000; font-style: normal; margin: 10px 0;}

h6 {font-size: 1em; color: #006599; font-style: normal; margin: 10px 0;}

.centeredbox {width: 50%; margin: 10px auto; border: 1px solid #000000; text-align: center; padding: 10px; background: #ffffff url('images/bluefade.jpg') top left repeat-x; }
.floatingbox {float: left; border: 1px solid #000000; margin: 10px 0 10px 5px; text-align: center; padding: 5px; width: 29%; background: #ffffff url('images/orangefade.jpg') top left repeat-x; }
.floatingboxsmall {float: left; border: 1px solid #000000; margin: 10px 0 10px 5px; text-align: center; padding: 5px; font-size: 0.8em; width: 13%; background: #ffffff url('images/greenfade.jpg') top left repeat-x; }

#newspanel p {margin: 9px 0;}
#vacancies p {margin: 9px 0;}
#newspanel h3 {margin: 9px 0;}
#vacancies h3 {margin: 9px 0;}