/* -------------------- RESET -------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;} audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;} b, strong {font-weight: bold;} blockquote {margin: 1em 40px;} dfn {font-style: italic;} pre, code, kbd, samp {font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q {quotes: none;} q:before, q:after {content: ""; content: none;} small {font-size: 85%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} figure, form, fieldset {border: 0; margin: 0; padding: 0;} legend {border: 0; *margin-left: -7px; padding: 0;} label {cursor: default;} button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;} button, input {line-height: normal; *overflow: visible;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box;} input[type="search"] {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;}


/* -------------------- CORE -------------------- */
html {font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; font: normal 13px/1.3em Arial, sans-serif; color: #000; background: url(../images/bg.jpg) center top no-repeat;}
button, input, select, textarea {font: normal 14px/1em 'Open Sans', sans-serif; color: #000;}
textarea {line-height: 1.5em;}

h1, h2, h3, h4 {margin: 0; padding: 0; font-size: 1em; line-height: 1em; font-weight: normal;}

h1 {margin-top: 60px; font: 600 25px/1em 'Open Sans', sans-serif;}
h2 {margin: 15px 0; font: 400 18px/1.3em 'Open Sans', sans-serif;}
h3 {margin: 20px 0 5px 0; font: 400 16px/1.3em 'Open Sans', sans-serif; color: #9cda6e;}

a {color: #f00; text-decoration: none;}
a:focus, a:hover {outline: none; outline: 0;}

ul, ol, dd {margin: 0; padding: 0; list-style: none;}
ul, ol li, p, table {margin: 0 0 1.5em;}
table {border-collapse: collapse; border-spacing: 0;}

ol {padding-left: 20px; list-style: decimal outside;}
ol li ol {list-style: none outside;}

img {border: 0; -ms-interpolation-mode: bicubic;}

/* Colors */
.black {color: #000;}
.white {color: #ffffff;}


/* Misc Classes */
.clear:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0;	content: '';}
* html .clear, *:first-child+html .clear {zoom: 1;}
.hidden {display: none; visibility: hidden;}
.invisible {visibility: hidden;}
.floated {float: left; width: 50%;}


/* -------------------- SITE DEPENDANT CSS -------------------- */
.container {width: 980px; margin: 0 auto;  background: url(../images/blur.jpg) top no-repeat #ffffff; -moz-box-shadow: 0px 2px 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 2px 20px rgba(0,0,0,0.4); box-shadow: 0px 2px 20px rgba(0,0,0,0.4);}

header {margin-bottom: 20px;}

header .logo {float: left;}
header .logo a {margin: 40px 0 0 55px; display: block; text-indent: 100%; width: 169px; height: 115px; white-space: nowrap; overflow: hidden; background: url(../images/ardax-logo.png) no-repeat;}

nav {}
nav ul {float: left; margin-left: 400px; width: 350px; font-size: 13px;}
nav ul li {float: left; font: 600 15px/1em 'Open Sans', sans-serif; text-transform: uppercase;}
nav ul li:last-child {}
nav ul li a {display: block; padding: 26px 12px 13px 12px;  color: #ffffff;}
nav ul li a:hover, nav ul li.current a {border-top: 10px solid #010859;; padding: 16px 12px 13px 12px; color: #010859;;  }

header .strapline {margin-right: 45px; margin-top: -40px; font: 700 27px/1em 'Open Sans', sans-serif; color: #7b7b7b; text-align: right;}


.main {background-color: #7b7b7b; color: #ffffff; border-bottom: 15px solid #9cda6e; padding-bottom: 30px;}
.main .banner {display: block; width: 980px; height: 207px; background: url(../images/ardax-banner.jpg) no-repeat;}
.main .left {float: left; width: 530px; margin-left: 60px;}
.main .right {float: left; width: 330px; margin: 90px 0 0 20px;}
.main .right li {background: url(../images/bullet.png) no-repeat; padding-left: 20px; margin-bottom: 10px;}


.inner {background-color: #7b7b7b; color: #ffffff; border-bottom: 15px solid #9cda6e; padding-bottom: 30px;}
.inner .banner {display: block; width: 980px; height: 18px; background: url(../images/inner-strip.jpg) no-repeat;}
.inner .left {float: left; width: 400px; margin-left: 60px;}
.inner .right {float: left; width: 400px; margin: 0 0 0 60px;}
.inner h1, .inner h2 {margin-left:60px;}
.inner .left h1, .inner .right h1 {margin:60px 0 20px 0px;}
.inner p {margin-bottom: 9px;}
.inner p a {color: #ffffff; text-decoration: underline;}

.inner li {background: url(../images/bullet.png) no-repeat; padding-left: 20px; margin-bottom: 10px;}
.inner .contact-btn {float: right; margin: 20% 0 20px 0;}
.inner .contact-btn a {padding: 8px 35px 8px 11px; border: 1px solid #ffffff; background: url(../images/bullet.png) 90px 10px no-repeat; color: #ffffff;}
.inner .contact-btn a:hover, .inner .contact-btn a:focus {border: 1px solid #ffffff; background: url(../images/bullet.png) 90px 10px no-repeat #ffffff; color: #7b7b7b;}

.enquiry-form {margin: 55px 0 20px 0;}
.enquiry-form  a {padding: 8px 35px 8px 11px; border: 1px solid #ffffff; background: url(../images/bullet.png) 163px 10px no-repeat; color: #ffffff;}
.enquiry-form  a:hover, .enquiry-form  a:focus {border: 1px solid #ffffff; background: url(../images/bullet.png) 163px 10px no-repeat #ffffff; color: #7b7b7b;}



footer {font-size: 12px; color: #000b7a;}
footer a {font-size: 12px; color: #000b7a;}

footer ul li {float: left;}
footer ul li a {display: block; text-indent: -9999px;}
footer ul li:nth-child(1) a {width: 249px; height: 53px; background: url(../images/consummer-affairs.png) no-repeat;}
footer ul li:nth-child(2) a {width: 129px; height: 53px; background: url(../images/us-treasury.png) no-repeat;}
footer ul li:nth-child(3) a {width: 99px; height: 53px; background: url(../images/irvine-chamber.png) no-repeat;}
footer ul li:nth-child(4) a {width: 105px; height: 53px; background: url(../images/hampshire-chamber.png) no-repeat;}
/*footer ul li:nth-child(5) a {width: 87px; height: 53px; background: url(../images/hdma.png) no-repeat;}*/
footer ul li:nth-child(5) a {width: 84px; height: 53px; background: url(../images/kvk.png) no-repeat;}
footer ul li:nth-child(6) a {width: 227px; height: 53px; background: url(../images/european-commission.png) no-repeat;}

footer ul li:nth-child(7) a {width: 155px; height: 44px; background: url(../images/mhra.png) no-repeat;}
/*footer ul li:nth-child(8) a {width: 99px; height: 44px; background: url(../images/dea.png) no-repeat;}*/
footer ul li:nth-child(8) a {width: 169px; height: 44px; background: url(../images/government-netherlands.png) no-repeat;}
footer ul li:nth-child(9) a {width: 146px; height: 44px; background: url(../images/hm-treasury.png) no-repeat;}
footer ul li:nth-child(10) a {width: 161px; height: 44px; background: url(../images/export-gov.png) no-repeat;}
footer ul li:nth-child(11) a {width: 250px; height: 44px; background: url(../images/fda.png) no-repeat;}

footer .copyright {margin: 35px 0 0 20px; padding-bottom: 20px;}



/* -------------------- PAGE DEPENDANT CSS -------------------- */



/* -------------------- CROSS-BROWSER -------------------- */
.ua-firefox {}

.ie9 {}
.ie8 {}