body, html {
height: 100%
}
/**reset**/
h1,h2,h3,h4,h5,p,li,ul,div,form,body{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
/**hacks**/
*html{
overflow-y:hidden;
}
*html body{
height:100%;
overflow:auto;
}
*html body #content_area{
margin: 0 0 130px 18px;
padding:0!important;
}
html>body #footer {position: fixed;z-index:4;}
html>body #containerbg { position:fixed;z-index:2;width:100%;
height: 100%;background: url(../images/container_bg.gif) repeat-y center; }
html>body #footshade {background:transparent url("../images/footbg.png") repeat-x;}
*html body #page{
width:998px;
}
*html body #footshade {
background:transparent url("../images/footbg_iehack.gif") no-repeat;
width:998px;
}
html>body #container {
position:relative;
z-index:3;
}
html>body {
position:relative;
z-index:1;
}
*html body #container{
background: url(../images/container_bgiehack.gif) repeat-y center;
}
*html body #footer{
bottom: -5px;
}
body {
margin: 0;
height:100%;
padding: 0;
color: #222;
background: #000 url(../images/body_bg.gif) repeat-x top;
background-attachment: fixed;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#container {
margin:auto;
height: 100%;
/* border-left: 5px solid #333;
border-right: 5px solid #333;*/
}
#page {
width: 994px;
margin: 0 auto;
height: 100%;
}
#content{
height:100%;
float:left;
width:693px;
background:#fff;
}
#header {
width:100%;
height: 176px; /*200px;*/
background: #fff; /*#cc0000; */ /*url("../images/spaceage_title.jpg") no-repeat;*/
}
#seperator{
height: 36px; /*61px;*/
border-bottom:1px solid #fff;
/*background: #cc0000 url("../images/spaceage_seperator.jpg") repeat-x;*/
background: #cc0000 url("../images/spaceage_seperator.gif") repeat-x;
color: #f8dfe0;
padding: 12px 18px 13px 18px;
}
#seperator strong {
font-weight: bold;
}
#seperator span {
vertical-align: 10%;
}
#seperator a{
color: #f8dfe0;
text-decoration: none;
/*background: #d6494f;*/
border: 1px solid #e79498;
padding: 0 2px;
font-weight:bold;
}
#seperator a:hover {
color: #cc0000;
background:#fff;
text-decoration: none;
}
#content_area{
width:675px;
overflow:auto;
background:#fff;
padding: 0 0 130px 18px;
}
#content_area a {
color:#cc3333;
text-decoration: underline;
}
#content_area a:hover {
color:#fff;
text-decoration: none;
background: #cc3333;
}
#content_area img {
}
#content_area ul {
list-style-type: disc;
list-style-position: outside;
}
#content_area ol {
list-style-type: decimal;
}
#content_area li {
}
#text_area{
margin: 0 0 0 20px;
width:424px;
float:left;
background:url("../images/spaceage_contentbg.jpg") right top no-repeat;
padding-bottom: 130px;
}
.heading{
float:left;
width:318px;
clear:none;
}
h1.sub {
padding-left: 1px;
}
/***tool tips****/
.tooltip{
width:82px;
padding:15px 12px 0 6px;
height:39px;
float:left;
}
.tooltip li a span{
display:none;
}
.search{
background:transparent url("../images/spaceage_lsearch.jpg") no-repeat;
}
.mail{
background:transparent url("../images/spaceage_lmail.jpg") no-repeat;
}
.print {
background:transparent url("../images/spaceage_lprint.jpg") no-repeat;
}
.seperator{
background:transparent url("../images/spaceage_toolseperator.jpg") center no-repeat;
display:block;
width:10px;
height:16px;
}
.seperator span{
display:none;
}
.tooltip li {
float:left;
}
.tooltip li a{
margin:0 5px 0 0;
display:block;
width:15px;
height:16px;
}
.tooltip li a:hover { background: inherit; }
/****sub nav******/
#sub_nav, #pull_quote, #sub_home {
width:209px;
float:left;
}
#sub_nav h1 {
color:#666666;
font-size:18px;
/*line-height:41px;*/
margin: 14px 0 4px 0;
}
#pull_quote h1 {
color:#cc3333;
font-size:25px;
/*line-height:41px;*/
margin: 14px 0 4px 0;
}
#pull_quote h3 {
color:#cc3333;
font-size: 15px;
margin: 14px 20px 4px 0;
}
#pull_quote h4 {
color: #222;
font-size: 15px;
margin: 14px 20px 4px 0;
}
#sub_nav ul li a{
color:#cc3333;
}
#sub_nav ul li{
border-bottom:1px solid #eaeaea;
padding:10px 0 10px 20px;
background: url("../images/spaceage_list.jpg") no-repeat;
background-position:10px 15px;
}
#sub_nav ul {
font-size:12px;
width:180px;
}
/****text area*****/
#text_area p{
width:340px;
}
/*
#text_area h1 {
font-size:16px;
line-height:41px;
color:#c62825;
}
*/
#text_area h1 {
font-size: 18px;
margin: 14px 0 2px 0;
color:#c62825;
}
#text_area p {
font-size:12px;
line-height:16px;
padding: 10px 0 15px 0;
}
.clear{
clear:both;
}
/****main nav****/
#navigation{
width:299px;
height:700px;
float:left;
background:#000; /* url("../images/nav_main.gif") no-repeat; */
border:1px solid #000;
}
/********form********/
.email_form{
width:403px;
padding:13px 0 0 13px;
background:#fff url("../images/spaceage_formbg.jpg") repeat-x;
color:#000;
font-size:12px;
}
.email_form input.txt, .email_form textarea, .email_form input.btn, #searching, #buttonSearch{
border:1px solid #ccc;
margin:0;
background:#fff url("../images/spaceage_forminput.jpg") repeat-x;
padding:2px;
width: 200px;
}
.email_form textarea{
background:#fff;
width: 266px;
margin-left: 5px;
}
.email_form input.btn, #buttonSearch{
border:1px solid #aaa;
width: 100px;
background: #eee;
margin: 0 5px;
}
#buttonSearch {
margin: 5px 0;
}
.email_form input.chk{
border:1px solid #ccc;
margin:0 5px 1px 0;
background:#fff;
padding:0;
}
.email_form span.req {
color: #cc3333;
}
.email_form span.note {
font-size: 11px;
color: #222;
}
div.footnote {
font-size: 11px;
color: #222;
width:320px;
}
.success {
margin:5px; color: #006600;
}
.errors {
margin: 5px; color: #cc3333;
}
/****Foooter***/
.spaceage_logo{
height:62px;
width:673px;
background:#fff;
margin:25px 0 0 20px;
}
.spaceage_logo li {
float:left;
}
.sidelogo span{
display:block;
margin: 0 0 0 380px;
background:#fff; /*#000 url("../images/spaceage_ldots.jpg") no-repeat;*/
width:71px;
height:43px;
}
.logo a{
display:block;
width:215px;
height:45px;
background:url("../images/spaceage_lsa.jpg") no-repeat;
}
.logo a span{
display:none;
}
#foot_left{
float:left;
width:693px;
background:#fff;
}
.privacy{
background: #d0d2d4 url("../images/footer_bg.gif") right bottom no-repeat;
height:20px;padding:0 0 0 20px;
width:673px;
}
.copyright a{
display:block;
width:174px;
height:20px;
background:url("../images/spaceage_lprivacy.jpg") no-repeat;
}
.copyright a span{
display:none;
}
/****footer right side******/
#foot_right{
float:left;
width: 301px;
height:107px;
background:#000 url(../images/footer_menu.gif) no-repeat;
}
*html body #foot_right .footmenu_right {
padding:25px 0 0 0;
}
*html body #foot_right .footmenu_left {
padding :25px 0 0 0px;
}
#nav {
background: none;
width: 994px;
margin: 0 auto;
padding: 0
}
#footshade{
width:994px;
height:21px;
}
#footer {
/*left: 0;*/
bottom: 0px;
width: 100%;
position:absolute;
/*background: url(../i/fade.png) repeat-x top left;*/
}
/******Image replace for FOOTER MENU***/
.footmenu_left,.footmenu_right{
color:#c5c5c5;
font-size:11px;
}
#foot_right li{
float:left;
margin:0 0 5px 18px;
}
.footmenu_left
{
padding: 18px 0 0 20px;
width:120px;
float:left;
}
.footmenu_right{
padding:18px 0 0 0;
width:104px;
float:left;
}
.contact-information-locations a span , .home a span , .about-space-age a span , .site-map a span , .sales a span, .links a span, .latest-news-media-releases a span, .client-case-studies a span{
display:none;
}
.contact-information-locations a, .home a, .about-space-age a, .site-map a, .sales a, .links a, .latest-news-media-releases a, .client-case-studies a {
display:block;
height: 9px; /*7px;*/
width:104px;
}
.site-map a {
height:9px;
}
/****link images*** hover state*/
.home a:hover, .home a.on{
background:url("../images/fhome_over.gif") no-repeat;
}
.about-space-age a:hover, .about-space-age a.on{
background:url("../images/fabout_over.gif") no-repeat;
}
.contact-information-locations a:hover, .contact-information-locations a.on{
background:url("../images/fcontact_over.gif") no-repeat;
}
.site-map a:hover, .site-map a.on{
background:url("../images/fsite_over.gif") no-repeat;
}
.sales a:hover, .sales a.on{
background:url("../images/fsales_over.gif") no-repeat;
}
.links a:hover, .links a.on{
background:url("../images/flinks_over.gif") no-repeat;
}
.latest-news-media-releases a:hover, .latest-news-media-releases a.on{
background:url("../images/fnews_over.gif") no-repeat;
}
.client-case-studies a:hover, .client-case-studies a.on{
background:url("../images/fcase_over.gif") no-repeat;
}
/***link images*** active state*/
.home a{
background:url("../images/fhome.gif") no-repeat ;
}
.about-space-age a{
background:url("../images/fabout.gif") no-repeat;
}
.contact-information-locations a{
background:url("../images/fcontact.gif") no-repeat;
}
.site-map a{
background:url("../images/fsite.gif") no-repeat;
}
.sales a{
background:url("../images/fsales.gif") no-repeat;
}
.links a{
background:url("../images/flinks.gif") no-repeat;
}
.latest-news-media-releases a{
background:url("../images/fnews.gif") no-repeat;
}
.client-case-studies a{
background:url("../images/fcase.gif") no-repeat;
}
/*search results*/
div.pisearchresultheader {
font-weight: bold;
margin: 0 0 10px 0;
}
div.pisearchdetails {
margin: 6px 0 14px 0;
padding: 0 0 8px 10px;
border-bottom: 1px solid #ddd;
}
/*primary nav - flash replacement */
#primary-nav #home, #primary-nav #about-space-age, #primary-nav #sales, #primary-nav #links, #primary-nav #latest-news-media-releases,
#primary-nav #client-case-studies, #primary-nav #contact-information-locations, #primary-nav #site-map, #primary-nav #email-friend {
display: none;
}
#primary-nav li {
}
#primary-nav li ul {
padding: 10px;
}
#primary-nav li ul li {
padding: 2px 5px;
}
#primary-nav a {
display: block;
text-decoration: none;
height: 1%;
}
#primary-nav a:hover {
color: #fff;
text-decoration: underline;
}
#primary-nav li a {
padding: 10px;
background: #333;
font-size: 125%;
font-weight:bold;
color: #cc0000;
}
#primary-nav li ul li a {
padding: 0px;
background: #000;
font-size: 100%;
font-weight:normal;
color: #e5e5e5;
}
#nav_flash p { margin: 0 18px; }
#nav_flash p img { margin-top: 18px; }
object:hover { border: none; }
/****sitemap css****/
#sitemap ul{
list-style: none!important;
}
#sitepage ul li{
list-style: none!important;
font-weight:bold;
line-height:20px;
}
#sitepage ul li ul li{
font-weight:100!important;
}
#sitepage ul li ul {
text-indent:20px;
list-style: none!important;
}
#sitepage li {
float:left;
padding-bottom: 20px;
width: 200px;
border: 0px solid;
height: 200px;
}
#sitepage li li {
padding-bottom: 2px;
height: 1.5em;
}
#sitepage li.About_SpaceAge, #sitepage li.Sales, #sitepage li.Links,
#sitepage li.Case_Studies, #sitepage li.Media_Releases, #sitepage li.Contact_Us {
height: 30px;
}
#sitepage li.Home, #sitepage li.Site_Map, #sitepage li.Email_to_a_Friend { display:none }
#sitepage li.About_SpaceAge { float: left; clear: left; } /* new line */
/*** NEWS ARTICLES ***/
.NewsSummary {
margin: 10px 0 10px 0;
padding: 0 5px;
}
.NewsSummaryLink {
margin-bottom: 5px;
}
.NewsSummaryPostdate {
margin-bottom: 8px;
font-size: 11px;
color: #444;
}
.homebg .NewsSummaryPostdate {
color: #ddd;
}
.NewsSummarySummary {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px dotted #ccc;
margin-right: 20px;
}
.homebg .NewsSummarySummary {
border-bottom: 1px dotted #666;
margin-right: 0;
}
.NewsMore {
margin-bottom: 15px;
}
.NewsRSS {
}
.NewsPostDetailDate {
}
.NewsPostDetailSummary {
}
.NewsPostDetailContent {
}
/*** UL BULLETS ***/
#sub_nav ul, #tools_flash ul {
list-style-type:none;
}
#text_area ul, #text_area ol {
margin: -5px 0px 15px 15px;
padding: 0px 10px;
}
#text_area li {
padding: 4px;
}
/*** CASE STUDIES ***/
#cases {
margin: 0px 20px;
}
#cases #text_area {
float:left; padding-bottom: 0pt; margin-left: -20px;
}
* html #cases #text_area { margin-left: -10px; }
#cases #text_area.feature {
width: 655px; margin-top: 10px;
}
#cases #text_area.feature img {
border: 3px solid #fff;
}
#cases #text_area.feature p {
margin: 10px; width: 450px;
}
/* THUMBS */
.thumb {
float:left;
margin: 0 10px 10px 0;
padding: 5px;
border: 0; /*1px solid #ccc;*/
text-align:center;
width:115px;
}
.thumb img { margin-bottom: 5px; background:#fff; }
/* NEW TOOLTIPS */
.tooltip {
border: 0px solid;
height: 10px;
width: 100px;
text-align: right;
padding: 8px 0;
}
.tooltip a {
margin: 0 5px 0 0;
display: inline;
padding: 0;
background: #fff;
}
.tooltip a:hover {
background: #fff;
}
.tooltip span {
margin: 0 5px 0 0px;
}
/* CALL 2 ACTIONS */
.call2 {
margin: 15px 0;
padding: 20px;
background: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom:1px solid #ddd;
width: 305px;
}
.call2 div {
padding: 0 0 0 23px;
}
.call2 div.read {
margin-bottom: 10px;
background: url(../images/call2_read.gif) no-repeat;
}
.call2 div.contact {
background: url(../images/call2_read.gif) no-repeat;
}