.error, .notice { margin-top: 15px; }

.client .logo { border: 1px dotted grey; }
.client .technologies span, .client .services span { display: block; margin-bottom: 5px; }
.client .technologies span img, .client .services span img { margin: 0px 5px 5px 0px; vertical-align: bottom; }
.client .technologies span p, .client .services span p { margin: 0px; display: inline; }
.client .technologies h2, .client .services h2 { margin-top: 15px; }

#header { height: 116px; width: 950px; position: relative; background-color: white; margin-top: 20px; margin-bottom: 20px; }
#header ul { margin: 0; padding: 0; list-style: none; width: auto; position: absolute; bottom: 22px; right: 0px; }
#header li { float: left; }
#header li a:link, #header li a:visited { font-family: "ff-cocon-web-pro-1", "ff-cocon-web-pro-2"; font-size: 18px; background-color: white; display: block; color: black; text-decoration: none; margin-left: 1em; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header li a:hover { background-color: #EEE; color: #424242; }
#header li.on a { background-color: #EEE; color: #424242; }

#headerLogo { height: 116px; width: 344px; position: absolute; left: 0px; top: 0px; }

.top { padding-bottom: 20px; }

.text_and_image img.left, .text_and_image img.right { border: 1px dotted grey; padding: 5px; margin-bottom: 30px; }
.text_and_image img.left { float: left; margin-right: 20px; }
.text_and_image img.right { float: right; margin-left: 20px; }
.text_and_image h1 { clear: both; }

.container { text-align: left; font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2"; font-size: 14px; }
.container p { font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2"; font-weight: regular; font-size: 13px; line-height: 200%; }
.container p a { color: black; }
.container p a:hover, .container p a:active { color: grey; text-decoration: none; }

h1 { font-size: 26px; color: #393939; font-family: "brevia-1", "brevia-2"; }

h2 { font-size: 18px; color: #393939; font-family: "brevia-1", "brevia-2"; }

h3 { font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2"; font-weight: bold; font-size: 15px; margin: 0 0 5px 0; }
h3 a, h3 a:visited { color: #393939; text-decoration: underline; line-height: 1.5; }
h3 a:hover { color: #000077; text-decoration: none; }

.hr { padding: 20px 0; }

#cu3er-container { width: 582px; }

#cu3er-wrap { padding: 20px 0; }

.footer { width: 100%; display: block; background-color: black; margin-top: 35px; background-image: url(/images/bg-footer.png); }
.footer h2, .footer h3, .footer p { color: white; text-shadow: 1px 0px 0px black; }
.footer div.span-6 { width: 220px; margin-right: 20px; }
.footer .last, .footer div.last { margin-right: 0px; }
.footer p { color: #999999; font-size: 12px; }
.footer small { color: #999999; font-style: italic; }
.footer .span-24 { margin: 25px 0 25px 0; }
.footer h2 { color: white; }
.footer h3 a, .footer p a { color: #cccccc; }
.footer p a:hover { text-decoration: none; }
.footer .tweet p { background: transparent url("/images/twitter_bubble.png") no-repeat scroll top left; text-indent: 38px; }
.footer .contact-us #map_mini { width: 222px; height: 150px; margin: 20px 0px; }

.copyright { width: 100%; display: block; background-color: #383838; color: #7c7c7c; text-shadow: 0px 1px 1px #333333; }
.copyright .left { float: left; }
.copyright .right { float: right; }
.copyright p { margin: 10px 0; }
.copyright p a { color: #cccccc; }
.copyright p a:hover { text-decoration: none; }

/* Enquiry Forms */
input, textarea { font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2"; font-weight: regular; font-size: 13px; line-height: 200%; }

.contact_mini label.error { background: transparent; border: 0px; color: #740000; display: block; font-style: italic; font-weight: normal; padding: 0; margin: 0; }
.contact_mini input.error, .contact_mini textarea.error { border: 1px dotted #740000 !important; }
.contact_mini #mini_mail_name, .contact_mini #mini_mail_email, .contact_mini #mini_mail_query { color: white; width: 218px; background: transparent; border: 1px dotted #535353; padding: 5px; margin: 5px 0px; }
.contact_mini #mini_mail_query { height: 100px; }
.contact_mini #submit { margin-top: 10px; }
.contact_mini #validation_error { height: 50px; }
.contact_mini #validation_error span { font-style: italic; color: #999999; margin-bottom: 1em; margin-left: 0em; }

.contact_form input[type=text], .contact_form textarea, .contact_form select { border: 1px solid white; width: 400px; background-color: transparent; cursor: pointer !important; cursor: hand !important; }
.contact_form input[type=text]:focus, .contact_form textarea:focus, .contact_form select:focus { border: 1px solid grey; }
.contact_form input[type=text].error, .contact_form textarea.error, .contact_form select.error { color: red !important; background-color: white; }
.contact_form input[type=file] { margin: 10px 0px; }
.contact_form select, .contact_form textarea { margin: 7px 0px; padding: 5px; }
.contact_form .item { clear: both; border-top: 1px dotted #aeaeae; }
.contact_form label, .contact_form .description { float: right; width: 425px; margin: 5px 0px; }
.contact_form label p, .contact_form .description p { font-size: 12px; font-style: italic; padding: 0; margin: 0; color: #999999; }
.contact_form label p a, .contact_form .description p a { color: #999999; }
.contact_form label { background: transparent; border: 0px; padding: 0; margin: 0; text-align: right; }
.contact_form .submit { clear: both; border-top: 1px dotted #aeaeae; padding-top: 15px; }