/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent;
border:0;
font-size:100%;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

/* GLOBAL */
body {
background-color:#3d3d49;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif;
}
.header,
.article,
.aside,
.footer {
background-color:#fff;
clear:both;
margin:auto;
overflow:hidden;
padding:0 2.5em;
width:53em; /* 58 - 2(2.5) */
}
.header {
margin-top:2.5em;
padding-top:1.5em;
}
.article {
background-image:url(/images/blend-v-400.gif);
background-position:0 100%;
background-repeat:repeat-x;
padding:2.5em 5em .5em;
width:48em /* 58 - 2(5) */
}
.aside {
background-image:url(/images/blend-v-200.gif);
background-position:0 100%;
background-repeat:repeat-x;
padding:.5em 5em 2.5em;
width:48em /* 58 - 2(5) */
}
.footer {
margin-bottom:.625em;
}

h1 {
color:#09d;
font-size:1.5em;
margin-left:-1.666em;
margin-bottom:.5em;
}
h2 {
font-size:1em;
margin-bottom:.25em;
}
h3 {
font-size:.875em;
margin-bottom:.25em;
}
p {
font-size:.75em;
line-height:1.5;
margin-bottom:1em;
}
p.faq-question {
font-weight:bold;
}
p .employee-name {
font-weight:bold;
text-transform:uppercase;
}
blockquote {
margin:1em 2em 0;
}
blockquote p {
font-style:italic;
}
blockquote p em {
font-style:normal;
}
cite {
font-size:.75em;
margin-bottom:.25em;
margin-left:4em;
}
a {
color:#09d;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

/* multi-column layout */
.layout-2-column {
float:left;
overflow:hidden;
width:22em;
}
.layout-2-column-1 {
border-right:.0625em solid #ccc;
margin-right:1.96875em;
padding-right:1.96875em;
}

/* layout-3-column is only used on homepage
   where width = 53, not 48 */
.layout-3-column {
float:left;
overflow:hidden;
width:16em;
}
.layout-3-column-2 {
border-left:.0625em solid #ccc;
border-right:.0625em solid #ccc;
margin:0 1.21875em;
padding:0 1.21875em;
}

/* collapsible styles */
/* we use JS to add/change the class attribute
   so non-JS users won't see them */
.collapsible {
background-color:#ccc;
background-image:url(/images/arrow-down.gif);
background-position:62em 50%;
background-repeat:no-repeat;
border:.0833em solid #999;
padding:.5em 2.5em .5em .5em;
}
.collapsible-closed {
background-color:transparent;
background-image:url(/images/arrow-up.gif);
}

/* form elements */
/* fieldset around hidden elements */
fieldset.hidden {
display:none;
}
input.submit {
margin-left:18em;
}
label {
display:inline-block;
text-align:right;
width:15em;
}
label.textarea {
vertical-align:top;
}
span.field-help {
color:#999;
display:block;
font-size:.75em;
padding-left:21em;
}

/* HEADER */
.header a#logo {
background-image:url(/images/asl-logo.png);
background-repeat:no-repeat;
display:block;
float:left;
height:90px;
text-indent:-999em;
width:180px;
}
.header a#contact-us {
float:right;
margin-top:2em;
}
.header .nav {
background-color:#3d3d49;
background-image:url(/images/header-nav-bg.gif);
background-repeat:repeat-x;
clear:both;
color:#fff;
overflow:hidden;
padding:.25em 0;
}
.header ul.primary {
float:right;
/* overflow:hidden; */
padding-left:.25em;
}
.header ul.primary li {
background:#fff;
color:#000;
float:left;
height:1.25em;
padding-left:.25em;
width:6.25em; /* li width must match child a width necessary for Opera */
}
.header ul.primary li.wide {
width:12.5em;
}
.header ul.primary li a {
background-color:#09d; /* darkest part of gradient is #258 */
background-image:url(/images/header-nav-button.gif);
background-position:0 100%;
background-repeat:repeat-x;
color:#fff;
display:block;
font-size:.75em;
line-height:1;
padding:.333em 0;
text-align:center;
text-transform:uppercase;
width:8.333em; /* font-size changes em; this actually matches the parent li width */
}
.header ul.primary li.wide a {
width:16.666em;
}
.header ul.primary li.selected a {
background-color:#3d3d49;
background-image:none;
}

/* submenus (http://www.htmldog.com/articles/suckerfish/dropdowns/) */
.header ul.primary li ul {
position:absolute;
width:10em;
left:-999em;
}
.header ul.primary li:hover ul {
left:auto;
}
.header ul.primary li li {
border-top:.125em solid #ccc;
height:auto;
padding-left:0;
}
.header ul.primary li.wide li {
width:12.5em;
}
.header ul.primary li.selected li a {
background-color:#09d;
background-image:url(/images/header-nav-button.gif);
}
.header ul.primary li.selected li.selected a {
background-color:#3d3d49;
background-image:none;
}
/* ARTICLE */
.article ul {
margin-bottom:.5em;
padding-left:1em;
}
.article ol {
margin-bottom:.5em;
padding-left:1.5em;
}
.article li {
font-size:.75em;
line-height:1.5;
}
.article ul li {
list-style-type:disc;
}
.article ol li {
list-style-type:decimal;
}
.article li ul li {
list-style-type:circle;
}
/* prevent recursive resizing */
.article li li {
font-size:1em;
}
.article img.article-image {
float:right;
padding-bottom:2em;
padding-left:2em;
}

/*ASIDE */

/* FOOTER */
.footer p {
text-align:center;
}

/* PAGE: home */
body.home .article {
background-image:url(/images/background-home.jpg);
background-position:0 100%;
background-repeat:no-repeat;
}
body.home .article h1 {
text-align:right;
}
body.home .article h2,
body.home .article p {
margin-left:415px;
}
body.home .aside {
padding:.5em 2.5em 2.5em;
width:53em; /* 58 - 2(2.5) */
}

/* PAGE: about */
body.about .article p.more {
font-size:.875em;
font-weight:bold;
}
body.about .article p.more-first {
margin-top:2em;
}

/* PAGE: bridging */
body.bridging .article {
background-image:url(/images/background-contact.jpg);
background-position:0 100%;
background-repeat:no-repeat;
padding-left:30em;
width:23em;
}
body.bridging h2 {
color:#3d3d49;
font-size:1.5em;
font-style:italic;
font-weight:normal;
line-height:1.5em;
padding-left:1em;
text-indent:-1em;
}

/* PAGE: clients */
body.clients .article {
background-image:url(/images/background-clients.jpg);
background-position:0 100%;
background-repeat:no-repeat;
padding-right:30em;
width:23em;
}
body.clients .article p {
font-size:.875em;
font-weight:bold;
}

/* PAGE: faq */
/*
body.faq .article {
padding-right:23em;
width:30em;
}
*/
body.faq p.faq-question {
margin-top:2em;
}
body.faq p#q1.faq-question {
margin-top:0;
}

/* PAGE: resources */
/*
body.resources .article {
padding-right:23em;
width:30em;
}
*/
body.resources h2,
body.resources h3 {
margin-top:1em;
}
body.resources h2 {
font-size:.75em;
}

/* PAGE: contact */
body.contact .article {
background-image:url(/images/background-contact.jpg);
background-position:0 100%;
background-repeat:no-repeat;
padding-bottom:15em;
padding-left:30em;
width:23em;
}
body.contact h2 {
font-size:.875em;
line-height:1.5;
font-weight:normal;
margin-bottom:2em;
}

/* PAGE: login */
body.login label {
width:12em;
}
span.field-help {
padding-left:17em;
}
body.login input.submit {
margin-left:14em;
}

/* JQUERYUI: datepicker */
.ui-datepicker {
background:#fff;
border:.0625em solid #ccc;
padding:.25em;
}
.ie7 .ui-datepicker {
width:14em;
}

.ui-datepicker-header {
padding:0 .25em;
}
.ui-datepicker-prev,
.ui-datepicker-next {
background-image:url(/images/arrow-left.gif);
background-repeat:no-repeat;
border:.0625em solid #ccc;
cursor:pointer;
float:left;
height:1em;
text-indent:-999em;
width:1em;
}
.ui-datepicker-next {
background-image:url(/images/arrow-right.gif);
float:right;
}
.ui-datepicker-title {
padding-bottom:.75em;
text-align:center;
}
.ui-datepicker th {
color:#3d3d49;
font-size:.75em;
font-weight:normal;
}
.ui-datepicker td a {
border:.0833em solid #ccc;
display:block;
font-size:.75em;
font-weight:bold;
margin:.25em;
padding:.25em;
text-align:right;
}
.ui-datepicker td a:hover {
background:#09d;
color:#fff;
}

/* JQUERYUI: dialog */
.ui-widget-overlay {
background: #666;
left:0;
opacity:.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
position:absolute;
top:0;
}
.ui-dialog {
background:#fff;
border:.125em solid #09d;
padding:.25em;
position:relative;
}
.ui-dialog-titlebar {
line-height:3;
text-align:center;
}
.ui-dialog-titlebar-close {
background-image:url(/images/close.gif);
background-repeat:no-repeat;
height:1em;
line-height:1;
position:absolute;
right:.25em;
text-indent:-999em;
top:.25em;
width:1em;
}
.ui-dialog p {
text-indent:2.5em;
}