/* Presentation Stylesheet */ 

* {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 11px;
 color: #333333;
 letter-spacing:.2px;
 line-height: 1.8em;
}

h1 {
 font-style: 130%; 
 margin:0;
 padding: 0px 0px 15px 0px;
}

h2 {
 font-style: bold; 
 margin:0;
 padding: 15px 0px 5px 0px;
}

h3 {
 font-size: 100%; 
 margin:0;
 padding: 0;
}

p {
 margin: 0;
 padding: 5px 0px 5px 0px;
}

h4 {
 margin: 0; 
 padding: 0;
}

ul {
 margin: 0px 10px 0px 7px; 
 padding: 2px 10px;
}

a {
    color: #0066cc;
    text-decoration: underline;    
}
a:hover {
    color:#990000;
    text-decoration:underline:
}

/* Rollover */
#home a:hover {
	background: url("img/homeRoll.gif") no-repeat;
}
#home a {
    display: block;
	background: url("img/home.gif") no-repeat;
}
#home a:active {
	background-image: url("img/homeRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#home_current {
	background-image: url("img/homeRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#home a img {
	visibility: hidden;
}

#client a {
	background-image: url("img/client.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#client a:hover {
	background-image: url("img/clientRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#client a:active {
	background-image: url("img/clientRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#client_current  {
	background-image: url("img/clientRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#client a img {
	visibility: hidden;
}


#services a {
	background-image: url("img/services.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#services a:hover {
	background-image: url("img/servicesRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#services a:active {
	background-image: url("img/servicesRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#services_current {
	background-image: url("img/servicesRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#services a img {
	visibility: hidden;
}

#collection a {
	background-image: url("img/collection.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#collection a:hover {
	background-image: url("img/collectionRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#collection a:active {
	background-image: url("img/collectionRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#collection_current {
	background-image: url("img/collectionRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#collection a img {
	visibility: hidden;
}

#terms a {
	background-image: url("img/terms.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#terms a:hover {
	background-image: url("img/termsRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#terms a:active {
	background-image: url("img/termsRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#terms_current {
	background-image: url("img/termsRoll.gif"); 
	background-repeat: no-repeat;
	display: block; 
}
#terms a img {
	visibility: hidden;
}

#online a {
	background-image: url("img/online.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#online a:hover {
	background-image: url("img/onlineRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#online a:active {
	background-image: url("img/onlineRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#online_current {
	background-image: url("img/onlineRoll.gif"); 
	background-repeat: no-repeat; 
	display: block;
}
#online a img {
	visibility: hidden;
}

#quality a {
	background-image: url("img/quality.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#quality a:hover {
	background-image: url("img/qualityRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#quality a:active {
	background-image: url("img/qualityRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#quality_current {
	background-image: url("img/qualityRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#quality a img {
	visibility: hidden;
}

#faq a {
	background-image: url("img/faq.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#faq a:hover {
	background-image: url("img/faqRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#faq a:active {
	background-image: url("img/faqRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#faq_current {
	background-image: url("img/faqRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#faq a img {
	visibility: hidden;
}

#employment a {
	background-image: url("img/employment.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#employment a:hover {
	background-image: url("img/employmentRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#employment a:active {
	background-image: url("img/employmentRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#employment_current {
	background-image: url("img/employmentRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#employment a img {
	visibility: hidden;
}

#contact a {
	background-image: url("img/contact.gif"); 
	background-repeat: no-repeat;
	display: block;
}       
#contact a:hover {
	background-image: url("img/contactRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#contact a:active {
	background-image: url("img/contactRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#contact_current {
	background-image: url("img/contactRoll.gif"); 
	background-repeat: no-repeat;
	display: block;
}
#contact a img {
	visibility: hidden;
}



.error {
	background-color:#ff6666;
}
.show-asterix {
	color:red;
}
.hide-asterix {
	display:none;
}
.system-message {
	border:1px solid #ccc;	
	color: red; 
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
table.enquiry-form {
	border-collapse: collapse;
	background: #f3f3f3;
}
table.enquiry-form td.label {
	padding: 5px 5px 5px 15px;
}
table.enquiry-form td.data {
	padding: 2px 5px 2px 0px;
}
table.enquiry-form td.divider {
	border-bottom: solid 1px #ccc;
}
table.enquiry-form input[type=text] {
	border: solid 1px #ccc;
	width: 200px;
}
table.enquiry-form textarea {
	border: solid 1px #ccc;
	width: 200px;
	height: 50px;
}