/* layout / positioning */
body { background:url(/Images/bg3.jpg) no-repeat; background-color:#000000; background-position:128px top; margin:0; text-align:left; }
.container { width:902px; margin:0; overflow:hidden; }
* html .container { width:908px; }
#nav { float:left; width:320px; padding:25px 20px 20px 20px; }
#mainContent { float:left; width:500px; padding:20px; border-width:0 1px 0 1px; border-color:#FFFFFF; border-style:solid; }
* html #mainContent { padding-right:14px; width:506px; }
/* global */
h1,h2,h3,h4,h5,h6,
.container { font-family:"Trebuchet MS", san-serif; letter-spacing:1px; color:#eee; }
h1#logo { font-size:2em; text-align:left; text-indent:-9000px; background:url(/Images/craLogo.png) 24px 0 no-repeat;}
h2 { font-size:2.5em; }
h3 { font-size:1.8em; margin-bottom:.5em; }
p.loud { color:#fff; letter-spacing:2px; font-weight:bold; }
p { margin-bottom:1em; }
a:link { color:#41b7fd; text-decoration:none; font-weight:bold; }
a:visited { color:#00a0ff; text-decoration:none; }
a:hover,
a:focus,
a:active { color:#8ed5ff; }
.action { clear:both; display:block; margin:1.5em 0; background:url(/Images/icons/arrow_right.gif) no-repeat; background-position:center left; padding:0 0 2px 13px;}
.more { background:url(/Images/icons/arrow_down.gif) no-repeat; background-position:center right; padding:0 13px 2px 0; }
.email { background:url(/Images/icons/email.gif) no-repeat; background-position:center left; padding:0 0 1px 17px;}
button, .button { display:block; float:left; margin:2em 0 1em 0; padding:4px 12px 5px 12px; border:1px solid #999; background-color:#0065A4;
font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#ddd; cursor:pointer; }
button, .button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
button[type], input.button { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active { color:#fff; background-color:#0079C1; border:1px solid #fff; }
a.forward { text-align:right; float:right;}
a.forward img { position:relative; top:1px; margin-left:8px; }
a.back { float:left; text-align:left; }
a.back img { position:relative; top:1px; margin-right:8px; }
a.archive { text-align:center; }
a.archive img { position:absolute; top:5px; margin-right:8px; }
a.down img,
a.up img { position:relative; top:-1px; margin-right:8px; }
a.button[disabled] { display:none; }
/* navigation */
div#nav { text-align:right; position:relative; }
ul#navList { text-align:left; position:absolute; right:1.667em; width:177px; height:211px; margin:0; padding:0; background:url(/Images/nav.gif) no-repeat; }
ul#navList li { display:inline; }
ul#navList li a:link,
ul#navList li a:visited { position:absolute; left:0; width:177px; text-indent:-9000px; overflow:hidden; }
ul#navList .home a:link,
ul#navList .home a:visited { top:0; height:35px; }
ul#navList .home a:hover,
ul#navList .home a:focus,
ul#navList .home a:active { background:url(/Images/nav.gif) no-repeat -177px 0; }
ul#navList .services a:link,
ul#navList .services a:visited { top:35px; height:35px; }
ul#navList .services a:hover,
ul#navList .services a:focus,
ul#navList .services a:active { background:url(/Images/nav.gif) no-repeat -177px -35px; }
ul#navList .work a:link,
ul#navList .work a:visited { top:70px; height:35px; }
ul#navList .work a:hover,
ul#navList .work a:focus,
ul#navList .work a:active { background:url(/Images/nav.gif) no-repeat -177px -70px; }
ul#navList .people a:link,
ul#navList .people a:visited { top:105px; height:35px; }
ul#navList .people a:hover,
ul#navList .people a:focus,
ul#navList .people a:active { background:url(/Images/nav.gif) no-repeat -177px -105px; }
ul#navList .careers a:link,
ul#navList .careers a:visited { top:140px; height:35px; }
ul#navList .careers a:hover,
ul#navList .careers a:focus,
ul#navList .careers a:active { background:url(/Images/nav.gif) no-repeat -177px -140px; }
ul#navList .contact a:link,
ul#navList .contact a:visited { top:175px; height:35px; }
ul#navList .contact a:hover,
ul#navList .contact a:focus,
ul#navList .contact a:active { background:url(/Images/nav.gif) no-repeat -177px -175px; }
ul#socialList { position:absolute; left:306px; top:287px; margin:0; padding:0; list-style-type:none; }
/* subNav */
ul.subNav { margin:2em 0 1em 0; list-style-type:none; text-align:center; }
ul.subNav li { display:inline; padding:0 1em; border-right:1px solid #666; }
ul.subNav li:first-child { padding-left:0; }
ul.subNav li.last { border:none; }
/* grid */
ul.grid { list-style-type:none; margin:0; padding:0; clear:both; }
ul.grid li { width:160px; height:160px; display:inline; padding:0; }
ul.grid li.last a { margin-right:0; }
ul.grid li a img { border:1px solid #ccc; }
ul.grid li a { float:left; margin:0 7px 4px 0;}
ul.grid li a:link,
ul.grid li a:visited { color:#999; }
ul.grid li a:hover img,
ul.grid li a:focus img,
ul.grid li a:active img { border-color:#0079C1; }
/* home */
div.post { border-bottom:1px solid #666; padding:1em 0 2em 0; margin-bottom:1em; }
div.post:first-child { padding-top:0; }
div.post img { float:none; margin:.5em 0 1em 0; }
/* our people */
div.bio { clear:both; border-top:1px solid #666; padding:2em 0 1em 0; overflow:auto;}
div.bio img { float:left; margin-right:1em; }
div.bio div.copy { float:left; width:328px; margin-bottom:1em; }
div.bio h3.name { margin-bottom:.25em; font-weight:bold; }
div.bio h4.title { font-style:italic; margin-bottom:.25em; color:#ccc; }
div.bio p { margin-top:1em; }
/* our work */
div.filter,
div.filterList { margin:0 9px 8px 0; width:160px; float:left; color:#ccc; }
div.filter select, div.filterBox .button { height:20px; width:160px; margin:0; font-size:1em; }
div.filter select option { padding:3px; border:0; border-top:1px solid #ccc; }
div.filter select option:first-child { border:none; }
div.filter h6 { color:#ddd; }
div.filterList ul { list-style-type:none; margin:0; }
div.filterList h6 { color:#ddd; border-bottom:1px solid #ddd; margin-bottom:4px; }
div.filterBox { margin-top:2em; clear:both; }
div.filterBox .button { padding:0px 12px 0px 12px; }
h6.filterLabel { clear:both; }
.logoDetail { float:right; }
div.overlay { text-align: center; margin: auto; background: #000000; }
/* our services */
div.service { clear:both; border-top:1px solid #666; padding:2em 0 1em 0; margin-bottom:1em; }
div.service div.detail { border-left:3em solid #000066; padding:0 3em 0 1em;}
div.service div.detail h4 { font-size:1.5em; margin-bottom:.5em; font-weight:bold; }
/* careers */
div.careers { clear:both; border-top:1px solid #666; padding:2em 0 1em 0; margin-bottom:1em; }
div#careers div.moreText { border-left:3em solid #000066; padding:0 3em 0 1em;}
div#careers div.detail h5 { font-size:1.3em; margin-bottom:.2em; font-weight:bold; }
div#careers div.post { clear:both; margin-bottom:0; border-bottom:none; padding-bottom:2em; }
div#careers div#positions div.post { border-left:3em solid #000066; padding:0 0 0 1em; margin-bottom:2em; }
fieldset#careers .checkboxList { margin:5px 0; width:250px; float:left; }
fieldset#careers .checkboxList ul { list-style-type:none; float:left; margin:0; }
fieldset#careers .checkboxList label { float:none; clear:none; margin-left:5px; }
fieldset#careers .checkboxList input { float:left; width:auto; background:none; margin:0; }
fieldset#careers .checkboxList li { clear:both; }
fieldset#careers .fileType,
fieldset#careers .required { width:250px; margin-left:128px; font-size:.8em; color:#ddd; clear:both;}
/* contact us */
.contact { margin:2em 0; }
.contact label { clear:both; text-align:right; margin:3px 8px 0 0; float:left; width:120px; font-weight:bold; }
.contact input[type='text'],
.contact textarea { background-color:#eee; width: 250px; margin:4px 0; padding:5px; border:0; }
* html .contact input, * html .contact textarea { background-color:#eee; width: 250px; margin:4px 0; padding:5px; border:0; }
.contact textarea { height: 150px; }
.contact textarea#description { height: 150px; }
.contact textarea#street { height: 30px; }
.contact .boxes { width: 1em; }
.contact .button { margin-left: 128px; margin-top: 5px; width: 90px; }
/* Employee list */
table.employeeList th { background-color:transparent; color:#999; font-weight:normal; border-bottom:1px solid #999; padding:3px 3px 3px 0; }
table.employeeList td { padding:8px 3px 8px 0; border-bottom:1px dotted #666; }
table.employeeList .name { display:block; font-weight:bold; font-size:1.1em; color:#ccc; }
table.employeeList .title { font-style:italic; color:#ccc; }
table.employeeList tr:hover td { border-style:solid; }
table.employeeList tr:hover .name { color:#fff; }
table.employeeList tr:hover .title { color:#fff; }
/* overlay */
div.overlay { text-align:center; }
div.overlay span#lblDesc { clear:both; display:block; }
div.overlay .button { margin:3px; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 2008 Mark Wubben,
Older versions:* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced,
.sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; }
}
@media print {
.sIFR-flash { display:none !important; height:0; width:0; position:absolute; overflow:hidden; }
.sIFR-alternate { visibility:visible !important; display:block !important; position:static !important; left:auto !important;
top:auto !important; width:auto !important; height:auto !important; }
}
@media screen {
.sIFR-active h2 { visibility:hidden; font-size:30px; margin-bottom:0; }
.sIFR-active h2.clientDetail { width:300px; }
.sIFR-active h3 { visibility:hidden; font-size:22px; margin-bottom:0; }
.sIFR-active h3.name { font-size:1px; line-height:1px; margin-bottom:0; }
.sIFR-active h4 { visibility:hidden; font-size:1px; line-height:1px; margin-bottom:0; }
.sIFR-active h4.title { font-size:1px; line-height:1px; margin-bottom:0; }
}