/* css document */
/* Reset and typography based on:  Blueprint CSS Framework 0.9, http://blueprintcss.org */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#727272;background:#fff url(img/bodybg.png) left top repeat-x;font-family:"Trebuchet MS","Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2.4em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#e4673a;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.left{float: left;}


/* utility */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
div.padder {
padding: 7px;
}
div.widget div.padder {
padding: 0 15px 10px 15px;
}
div.contentpadder {
padding: 0 40px 0 20px;
}
.imgInset {
margin: 0 10px 10px 0;
width: 250px;
}
.photoCaption {
font-size: .85em;
font-style: italic;
padding: 0 5px;
text-align: center;
}
/* structrual */
html, 
body {
height: 100%;
}
div#wrapper {
background: none;
margin: 0 auto;
min-height: 100%;
width: 930px;
}
div#footwrap {
margin: 0 auto;
width: 930px;
}
*html div#wrapper {
height: 100%;
}
div#header {
background: none;
margin-bottom: 10px;
position: relative;
z-index: 100;
width: 930px;
}
div#content {
background: none;
padding-bottom: 154px;
width: 930px;
}
div.column {
float: left;
margin-right: 10px;
}
div.contentSplit div.column {
margin-bottom: 20px;
width: 311px;
}
div.column.last {
margin-right: 0;
padding-right: 0;
}
div.secondary {
background: none;
width: 228px;
}
div#header div.secondary {
padding:7px 0 0 0;
}
div.primary {
background: none;
width: 692px;
}
div#header div.primary {
margin-top: 4px;
}
div#banner {
background: #257ea1;
border-top: 3px solid #1e6785;
padding: 10px 20px 12px 20px;
width: 652px;
}
div#footer {
background: #fbfbfb url(img/footbg.png) left top repeat-x;
height: 134px;
position: relative;
margin-top: -134px;
width: 100%;
z-index: 1;
}
div#test {
background: red;
height: 300px;
width: 692px;
}
div#features,
div.viewbox {
background: none;
height: 260px;
margin-bottom: 10px;
position: relative;
width: 692px;
}
body.home div#features {
background: url(img/featuresbg.png) left top no-repeat;
}
div#widgets {
width: 692px;
}
div.widget {
background: #fefefe url(img/widgetbg.gif) left bottom repeat-x;
border: 1px solid #dbdbdb;
min-height: 300px;
width: 222px;
}
div.newsItem {
background: url(img/ruler.gif) left bottom repeat-x;
margin-bottom: 5px;
padding-bottom: 5px;
}
div.copy {
font-size: .85em;
margin: 20px 0 0 10px;
text-shadow: 0px 1px 0px #fff;
}
div.footnav {
border-left: 1px solid #d8dce0;
border-right: 1px solid #d8dce0;
height: 75px;
margin: 20px 0 0 0;
}
div.newsEntry {
border-bottom: 1px solid #ccc;
margin-bottom: 1.5em;
}
div#clientList div.column {
margin-right: 40px;
width: 200px;
text-align: center;
}
div#clientList div.column.last {
margin-right: 0;
}
/* structural typography */
.replaced {
display:block;
overflow:hidden;
text-indent:-9999px;
}
a.branding {
background: transparent url(img/logo-wilkins-media.png) left top no-repeat;
height: 90px;
margin: 12px 0 0 43px;
width: 126px;
}
div#preamble {
padding-right: 7px;
}
div#preamble div.padder {
padding-right: 0;
}
div#navwrap {
background: #1e6785;
float: left;
height: 34px;
width: 692px;
}
/* navigation */
ul#nav {
float: left;
margin: 0;
padding: 0;
}
ul#nav li {
list-style: none;
position: relative;
}
ul#nav li a,
ul#nav li {
float: left;
}
ul#nav li a {
background-color: #1e6785;
background-image: url(img/nav-sprite-en.gif);
background-repeat: no-repeat;
display: block;
height: 34px;
}
ul#nav li a.home {
background-position: 0 0;
width: 70px;
}
ul#nav li a.home:hover {
background-position: 0 -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.about {
background-position: -70px 0;
width: 92px;
}
body.about-us ul#nav li a.about,
ul#nav li a.about:hover {
background-position: -70px -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.services {
background-position: -162px 0;
width: 87px;
}
body.services ul#nav li a.services,
ul#nav li a.services:hover {
background-position: -162px -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.media {
background-position: -249px 0;
width: 69px;
}
body.media ul#nav li a.media,
ul#nav li a.media:hover {
background-position: -249px -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.examples {
background-position: -318px 0;
width: 138px;
}
body.examples ul#nav li a.examples,
ul#nav li a.examples:hover {
background-position: -318px -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.pressroom {
background-position: -456px 0;
width: 104px;
}
body.pressroom ul#nav li a.pressroom,
ul#nav li a.pressroom:hover {
background-position: -456px -34px;
height: 40px;
margin-bottom: -6px;
}
ul#nav li a.contact {
background-position: -560px 0;
width: 104px;
}
body.contact ul#nav li a.contact,
ul#nav li a.contact:hover {
background-position: -560px -34px;
height: 40px;
margin-bottom: -6px;
}

/* Submenu */

#nav li ul {
background: #fefefe url(img/widgetbg.gif) left bottom repeat-x;
border: 1px solid #1e6785;
border-top: none;
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0; 
margin: 0;
z-index: 3;
}

#nav li:hover > ul {
display: block;
}

ul#nav li ul li, 
ul#nav li ul li a {
background: none;
float: none;
}
ul#nav li a ul li a {
background-color: none;
}
#nav li ul li {
_display: inline; /* for IE6 */
}
#nav li ul li a {
color: #1e6785;
display: block;
height: auto;
line-height: 24px;
padding: 4px 4px 4px 8px;
text-decoration: none;
width: 150px;
}
#nav li ul li a:hover {
color: #9baa33;
text-decoration: underline;
}
/* features navigation */
div#features ul {
margin: 0 0 0 23px;
padding: 57px 0 0 0;
}
div#features ul li {
list-style: none;
}
div#features ul li a {
background-color: transparent;
background-image: url(img/features-sprite-en.png);
background-repeat: no-repeat;
display: block;
margin-bottom: 10px;
}
div#features ul li a.service {
background-position: 0 0;
height: 35px;
width: 105px;
}
div#features ul li a.targeted {
background-position: -105px 0;
height: 45px;
margin-bottom: 0;
width: 206px;
}
div#features ul li a.media {
background-position: -311px 0;
height: 71px;
width: 276px;
}
/* sub navigation */
div#preamble ul {
list-style: square;
}
div#preamble ul li {
margin-bottom: 8px;
}
div#preamble ul li,
div#preamble ul li a {
color: #1e6785;
}
div#preamble ul li:hover,
div#preamble ul li a:hover,
div#preamble ul li.current,
div#preamble ul li.current a {
color: #9baa33;
}
/*footer navigation */
div.footnav ul {
margin: 0;
padding: 0 0 0 10px;
}
div.footnav li {
display: inline;
font-size: .85em;
list-style: none;
text-shadow: 0px 1px 0px #fff;
}
div.footnav li a {
color: #666;
text-decoration: none;
}
/* typography */
h2 {
color: #1e6785;
}
h3 {
font-size: 1.2em;
}
div#preamble h1 {
background: #abbb38;
border-top-color: #9baa33;
border-bottom-color: #727272;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 6px;
color: #fff;
font-size: 2.0em;
line-height: 1.5em;
padding: 0 7px 5px 7px;
text-transform: uppercase;
}
body.home div#preamble h1 {
background: none;
border-color: #727272;
color: #727272;
}
div#preamble p {
font-size: .90em;
}
div#banner h2,
div#banner p {
color: #fff;
}
div#banner h2 {
font-size: 1.6em;
margin-bottom: 0;
}
div#banner p {
font-size: .90em;
line-height: 1.8em;
margin-bottom: 1em;
}
div.widget h3 {
border-top:3px solid; 
font-size: 1.8em;
line-height: 1em;
margin-bottom: 5px;
padding: 5px 15px 0 15px;
}
div.widget.first h3 {
border-top-color: #abba27;
color: #abba27;
}
div.widget.second h3 {
border-top-color: #009ada;
color: #009ada;
}
div.widget.third h3 {
border-top-color: #635688;
color: #635688;
}
div.widget p {
font-size: .90em;
}
div.newsItem p {
margin-bottom: 0;
}
span.pullquote {
background: url(img/pull.gif) left top no-repeat;
display: block;
font-size: 1.2em;
padding: 0 0 0 20px;
}
/* cycler */
div#ad {
height: 260px;
position: absolute;
right: 30px;
top: 0;
width: 319px;
}
.adCyclebox {
height: 260px;
overflow: hidden;
position: relative;
width: 319px;
}
div.viewbox {
overflow: hidden;
}
div#controlWrap {
background: none;
bottom:10px;
height: 22px;
left: 10px;
position: absolute;
width: 250px;
z-index: 998;
}
#features #controlWrap {
background: none;
bottom:2px;
height: 22px;
left: 14px;
position: absolute;
width: 280px;
z-index: 998;
}
div.controls ul,
div#features #controlWrap ul {
margin: 0;
padding: 0;
}
div.controls ul li,
div#features #controlWrap ul li {
list-style: none;
}
div.controls ul li,
div.controls ul li a {
float: left;
}
div.controls a:focus {
outline: none;
}
div.controls ul li a,
div#features div.controls ul li a {
background-image: url(img/controls.gif);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
margin-right: 5px;
overflow: hidden;
height: 16px;
text-indent: -9999em;
width: 16px;
}
div#features div.controls ul li a {
background-image: url(img/controls3.gif);
}
div.controls ul li a:hover,
div.controls ul li.activeSlide a,
div#features div.controls ul li a:hover,
div#features div.controls ul li.activeSlide a {
background-position: 0 -16px;
}
div#carousel {
height: 260px;
position: relative;
width: 629px;
}
div.slide {
overflow: auto;
}
div.featureBox {
background: #f1e9dd;
float: left;
height: 230px;
padding: 15px;
width: 204px;
}
div.featureBox h3 {
color: #1e6785;
font-size: 2.0em;
margin-bottom: 5px;
}
div.featureBox p {
font-size: .90em;
}
div.slide img {
float: left;
}
table.logos td {
text-align: center;
}
/* Gallery overrides */
.ad-gallery {
width: 430px;
}
.ad-gallery .ad-image-wrapper {
margin: 0 auto;
width: 400px;
}
.ad-gallery .ad-image-wrapper {
height: 300px;
}