/*
  ----------------------------------------------------------
  look: don't copy !
  ----------------------------------------------------------
  copyright (c) 2000-2008
  the rubycon information design copyright (c) 2008
  ----------------------------------------------------------
  with thanks and credits to
  dan cederholm
  jeffrey zeldman
  jeremy koempel
  sean kelly
  drew mclellan
  jesse bennett-chamberlain
  steve smith (for the float to help 'clear'-ing)
  ----------------------------------------------------------
  site:          Adventiq Limited
  designer:      mark jackson
  creation:      November 2007
  modified:      05 January 2008
  scheme:        corporate
  version:
  palette:
  grid:          18px
  default:       16px
  multiplier:    18/16 = 1.125
  measurement:   ems
  layout:        fixed
  background:    #ffffff
  font-family:   verdana, times, helvetica, arial, serif, sans-serif
 */
/*
  set the default for all style definitions
  ----------------------------------------------------------
 */
* {
    font-weight:normal;
    text-align:left;
    border:0 none;
}
/*
  body
  ----------------------------------------------------------
 */
body {
    background: #fff;
    font-size:100%;
    line-height:1.125em;
    text-align:center;
/* 16x1.125=18px */
    background:url(f/background_bar.gif) repeat-x;
}
/*
  typographical adjustments
  ----------------------------------------------------------
 */
.hidden {
    display:none;
}
.clear {
    height:0;
    clear:both
}
:focus {
    outline:none
}
:active {
    outline:none
}
strong {
    font-weight:bold
}
/*
  two-ply design                               outer | inner
  ----------------------------------------------------------
 */
#outer {
    width:775px;
    margin:0 auto;
    background:url(f/rails.jpg) repeat-y center;
    border:0px solid red;
}
#inner {
    width:775px;
    background:url(f/header.jpg) no-repeat center top;
    border:0px solid red;
}
/*
  container
  ----------------------------------------------------------
 */
#container {
    width:690px;
    margin:0 42px;
    border:0px solid red;
}
/*
  header
  ----------------------------------------------------------
 */
#header {
    border:0px solid #ccc;
    height:108px;
    position:relative;
    top:0;
    left:0
}
#header #logo {
    position:absolute;
    top:13px;
    left:0;
}
#header #logo a {
    display:block;
}
#header #strapline {
    position:absolute;
    top:13px;
    right:0;
}
/*
  banner
  ----------------------------------------------------------
 */
#banner a {
    text-decoration:none;
}
#banner img {
    margin-top:14px;
    text-decoration:none;
    display:block;
}
/*
  tabbed menu navigation
  ----------------------------------------------------------
 */
#tabmenu a:hover {
    color:#fff
}
#tabmenu {
    height:27px;
    font:normal 0.625em/27px Verdana, arial, sans-serif;
    background:none;
    position:absolute;
    top:81px;
    left:123px
}
#tabmenu ul {
    height:27px;
}
#tabmenu li {
    float:left;
    height:27px;
    padding:0 0 0 9px;
    color:#ccc;
}
#tabmenu a {
    float:left;
    display:block;
    width:.1em;
    padding:0px 19px 3px 7px;
    text-decoration:none;
    font-weight:bold;
    height:27px;
    color:#aaa
}
#tabmenu > ul a {
    width:auto
}
/* Commented Backslash Hack hides rule from IE5-Mac \ */
#tabmenu a {
    float:none
}
/* End IE5-Mac hack */
#home
#hometab,
#product
#producttab,
#news
#newstab,
#about
#abouttab,
#contact
#contacttab {
    background:url(f/tab_active_l.gif) no-repeat left top;
}
#home
#hometab a,
#product
#producttab a,
#news
#newstab a,
#about
#abouttab a,
#contact
#contacttab a {
    background:url(f/tab_active_r.gif) no-repeat right top;
    color:#623e85;
}
/*
  modules hold podules
  -----------------------------------------------------------
 */
#home .module {
    border:0px solid red;
    background:url(f/home_module_background.jpg) no-repeat left top;
    margin:18px 0 0 0;
    width:690px;
    float:left;
    z-index:300
}
.module {
    border:0px solid black;
    background:url(f/module_background.jpg) no-repeat left top;
    margin:36px 0;
    width:690px;
    float:left;
    z-index:300
}
.moduleEmpty {
    border:0px solid black;
    margin:36px 0;
    width:690px;
    float:left;
    z-index:300
}
/*
  podules hold content
  -----------------------------------------------------------
 */
.poduleLeft460 {
    border:0px solid #09f;
    width:460px;
    float:left
}
.poduleRight460 {
    border:0px solid #09f;
    width:460px;
    float:right
}
.podule230 {
    border:0px solid #09f;
    width:225px;
    float:left
}
.poduleLeftHalf {
    border:0px solid #09f;
    width:48%;
    float:left
}
.poduleRightHalf {
    border:0px solid #09f;
    width:48%;
    float:right
}
/*
  footer
  ----------------------------------------------------------
 */
#footer {
    width:775px;
    height:52px;
    border: 0px solid red;
    background:url(f/footer.jpg) no-repeat top;
    clear:both;
}
#footer #footerContent {
    height:52px;
    border:0px solid red;
    padding:5px 42px 0 42px;
    text-align:left;
    float:left;
}
#footer #footerContent p {
    margin:0;
    font-size: 0.625em;
    font-family: Verdana;
/* 16x0.625=10px */
    clear:none
}
#footer #footerContent p.left {
    float:left
}
#footer #footerContent p.right {
    float:right
}
#footer #footerContent a {
    color:#777;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
#footer #footerContent a:hover {
    text-decoration:none;
    color:#623e85;
    border-bottom:1px solid #623e85
}
#footer #footerContent a.none {
    text-decoration:none;
    background:none
}
/*
  ordered list items
  ----------------------------------------------------------
 */
ol {
    color: #777;
    font-size: 0.75em;
    font-family: Verdana;
    padding-left:3em;
    list-style-type:decimal;
    list-style-position:outside
}
/*
  Home page news items
  ----------------------------------------------------------
 */
#home dl {
    font-family: Verdana;
    border: 0px solid red;
    padding:0 0 1em 1em;
    margin:0;
    border-bottom:1px solid #ccc;
}
#home dl dt {
    color: #777;
    font-weight:bold;
    font-size: 0.75em;
    font-family: Verdana;
}
#home dl dt a {
    color: #777;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
#home dl dt a:hover {
    color: #623e85;
    text-decoration:none;
    border-bottom:1px solid #623e85
}
#home dl dd {
    color: #623e85;
    font-size: 0.75em;
    font-family: Verdana;
}
/*
  News items
  ----------------------------------------------------------
 */
.podule230 dl {
    font-family: Verdana;
    border: 1px solid red;
    padding:1em 0 1em 0;
    margin-right:3em;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}
.podule230 dl dt {
    color: #623e85;
    font-weight:bold;
    font-size: 0.75em;
    font-family: Verdana;
}
.podule230 dl dd {
    color: #777;
    font-size: 0.75em;
    font-family: Verdana;
}
.podule230 dl dt a {
    color: #777;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
.podule230 dl dt a:hover {
    color: #623e85;
    text-decoration:none;
    border-bottom:1px solid #623e85
}
/*
  Evaluation kit button
  ----------------------------------------------------------
 */
.podule230 h4.sdk_button {
    line-height:0%;
    text-indent:-9999px;
    margin:1em 0 0 0;
}
.podule230 h4.sdk_button,
.podule230 h4.sdk_button a {
    display:block;
    height:98px;
    width:225px;
}
.podule230 h4#sdk a {
    background:url(f/arq3_sdk.gif) no-repeat top;
    text-decoration:none;
}
.podule230 h4#sdk a:hover {
    background:url(f/arq3_sdk.gif) no-repeat bottom;
}
/*
  FTP button
  ----------------------------------------------------------
 */
#ftp {
    display:block
}
.button {
    border:0 none;
    padding:1em 0;
}
/*
  Headings
  ----------------------------------------------------------
 */
h1, h2, h3, h4 {
    font-family: Verdana;
    font-weight:bold;
    color: #623e85;
}
h1 {
    font-size: 1.25em;
/* 16x1.25=20px */
    line-height: 1.636em;
/* 16x1.636=36px */
    margin: 0;
}
h2 {
    font-size: 1.125em;
/* 16x1.125=18px */
    margin:1em 0 0.5em 0;
/* 18x1=18px */
}
h3 {
    font-size: 1em;
/* 16x1.125=18px */
    margin:1em 0 0.5em 0;
/* 18x1=18px */
}
h4 {
    font-size: 0.875em;
/* 16x1.125=18px */
    margin:1em 0 0 1em;
/* 18x1=18px */
}
.poduleRight460 h4 {
    font-size: 0.875em;
/* 16x1.125=18px */
    margin:1em 0 0 0em;
/* 18x1=18px */
}
/*
  Paragraphs
  ----------------------------------------------------------
 */
p {
    color: #777;
    font-size: 0.75em;
    font-family: Verdana, Arial, sans-serif;
/* 16x0.75=12px */
    margin: 0 1em 0.875em 0;
/* 16x0.875=14px */
}
p a {
    color: #777;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
p a:hover {
    text-decoration:none;
    color:#623e85;
    border-bottom:1px solid #623e85
}
p.intro {
    color: #765694;
    font-weight:bold;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.875em;
/* 16x0.875=14px */
    margin: 1.286em 18px 1.286em 0;
/* 14x1.286=18px */
}
p.intro a {
    color: #765694;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
p.intro a:hover {
    text-decoration:none;
    color:#623e85;
    border-bottom:1px solid #623e85
}
#home p.intro {
    color: #999;
    font-weight:bold;
    font-family: Verdana, Arial, sans-serif;
    font-size: 0.875em;
/* 16x0.875=14px */
    margin: 1.286em 18px 1.286em 0;
/* 14x1.286=18px */
}
#home p.intro a {
    color: #999;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
#home p.intro a:hover {
    text-decoration:none;
    color:#623e85;
    border-bottom:1px solid #623e85
}
.podule230 p {
    font-size: 0.75em;
    font-family: Verdana;
/* 16x0.75=12px */
    margin: 0 3em 1.5em 0;
/* 12x1.5=18px */
}
/*
  tables
  ----------------------------------------------------------
 */
table {
    font-family: Verdana;
    font-size: 0.875em;
    clear: left;
}
th, td {
    text-align: left;
    vertical-align: top;
    padding: 0;
    line-height:1.625em;
}
/*
  specific tables
  ----------------------------------------------------------
 */
table.pressRelease {
    width:100%;
    margin:1em 0;
}
/* rather than give the table a font size, use contextual selectors to target the th and td elements within */
th {
    color: #623e85;
    font-weight: bold;
    font-size: 0.875em;
/* 16x0.875=14px */
    padding:0 0.643em 0.571em 0.643em;
/* 14x0.643=9px 14x0.571=8px */
    border-bottom:0.071em solid #ccc;
/* 14x0.071=1px */
}
td {
    color: #777;
    font-size: 0.75em;
/* 16x0.75=12px */
    padding:0.417em 0.75em 0.417em 0.75em;
/* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
    border-bottom:0.083em solid #ccc;
/* 12x0.083=1px */
    line-height: 1em;
/* 12x1=12px */
}
td a {
    color: #777;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}
td a:hover {
    text-decoration:none;
    color:#623e85;
    border-bottom:1px solid #623e85
}
#sidebar ul {
    color: #777;
    font-size: 0.75em;
    font-family: Verdana;
/* 16x0.75=12px */
    margin: 0.5em 3em 1.5em 0;
}
#sidebar ul li {
    border-bottom:1px solid #ccc;
    padding:0.5em 0
}
#sidebar ul li a {
    color: #777;
    padding: 0 0 0 1em;
    text-decoration:none;
    background:url(f/sidebar_inactive_arrow.gif) no-repeat 0 50%;
}
#sidebar ul li a:hover {
    text-decoration:none;
    color:#623e85;
    display:block;
    text-decoration:none;
    background: #eee url(f/sidebar_active_arrow.gif) no-repeat 0 50%;
}
blockquote {
    color: #623e85;
    font-size: 0.75em;
    font-style:italic;
    font-family: Verdana, Arial, sans-serif;
/* 16x0.75=12px */
    margin: 0 1em 0.875em 0;
}