/************************************************/ /*************** SCREEN CSS (ALL) ***************/ /************************************************/ * {margin:0; padding:0;} body { min-width:800px; background-color:#fff; color:#fff; font:12px Arial, Helvetica, sans-serif; text-align:center; background-image: url(../img/bg_body.jpg); background-repeat: repeat; background-position: center top; } a {color:#cccc99;text-decoration:none;} a:hover {color:#fff;text-decoration:none;} a:visited {color:#cccc99} a img {border:0;} /* Paragraph */ p {margin-top:0;margin-bottom:1em;} /* Headings */ h1, h2, h3, h4 {} h1 {font-size:12px;color:#cccc99;margin-bottom:5px;font-weight:normal;text-transform:uppercase;letter-spacing:.1em;font-family:Arial, Helvetica, sans-serif} h2 {font-size:12px;color:#cccc99;margin-bottom:.4em;font-weight:normal;font-family:Arial, Helvetica, sans-serif} h3 {font-size:12px;color:#fff;margin-bottom:5px;font-family:Arial, Helvetica, sans-serif} h4 { font-size:14px; color:#fff; margin-bottom:.2em; color:#fff; font-weight:normal; padding:5px; margin-top:30px; margin-bottom:15px; background-color: #597b7b; background-image: url(../img/bg_h4.gif); background-repeat: repeat-y;font-family:Arial, Helvetica, sans-serif } h5 {font-size:12px;color:#fff;margin-bottom:0;font-weight:bold} h6 {font-size:12px;color:#cccc99;margin-bottom:0;} h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {font-weight:normal;} /* Lists */ ul {margin: 10px 0 10px 0;list-style-type:none} ul li {padding-left:25px;background-color: transparent;background-image: url(../img/bg_bullet1.gif);background-repeat: no-repeat;background-position: 0 0;} ul ul li {background-color: transparent;background-image: url(../img/bg_bullet2.gif);background-repeat: no-repeat;background-position: 0 0;} .ul-nobullet {margin-left:0;padding-left:0;margin-top:0px;margin-bottom:15px} .ul-nobullet li {background:none;padding-left:0;margin-left:0} .ul-nobullet li a { padding-right:18px; background-image: url(../img/bg_bulletlink.gif); background-repeat: no-repeat; background-position: right 3px;} ol {margin-top:10px;padding-left:25px;} ol li {line-height: 1.4em;} dt {display:block;font-weight:bold;} dd {margin-bottom:5px;} /* Dividers */ hr {border:0;height:1px;overflow:hidden;background:#ccc;margin-top:15px;margin-bottom:15px} .hrdotted {background: url(../img/hrdots.gif) repeat-x center; height: 1px;margin: 15px 0} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;visibility:hidden} .nowrap { white-space:nowrap;} :focus {outline: 0;} /* Size */ small {font-size:.8em; } big { font-size:1.25em; } /* Special Text */ .highlight {color:#cccc99} .highlight a, .highlight a:visited {color:#66cccc} .highlight a:hover {color:#fff} .highlight2 {color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;font-style:italic} .subdued {color:#999} .error {color:#c00;font-weight:bold} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font: bold 82% arial;color:#bbb;display:block;letter-spacing:1px} /* Form Elements */ form {display:inline;} fieldset {border:1px solid #ccc;padding:15px} legend {font-size:14px;font-weight:bold;color:#cccc99;padding: 0.2em .5em;} label {color:#fff;} input, select {vertical-align:middle;background:#cccc99} textarea {background:#cccc99} button {border:0;cursor:pointer;padding:0 12px 0 0;text-align:center;margin-top:5px} button span {position:relative;display:block;white-space:nowrap;padding:0 8px 0 12px;} button.submitBtn {background:url("../img/btn_right.gif") right no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:11px} button.submitBtn span {height:24px;line-height:24px;background:url("../img/btn_left.gif") left no-repeat;color:#cccc99;} button.submitBtn:hover {background:url("../img/btn_right_hover.gif") right no-repeat;} button.submitBtn:hover span {background:url("../img/btn_left.gif") left no-repeat;color:#fff} button.submitBtn:active {outline-color:invert;outline-style:none;outline-width:medium;} button.submitBtn:active span {outline-color:invert;outline-style:none;outline-width:medium;} /* Special Links */ a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {margin:0.5em 0pt 0pt;padding:0pt 11px 0pt 0pt;background-attachment: scroll;background-color: transparent;background-image: url(../img/morearrow.gif);background-repeat: no-repeat;background-position: 100% 2px;} a.morelink:hover {} .morelink span {position:absolute;left:-9999px;width:900px} a.doclink:link, a.doclink:visited, a.doclink:hover, a.doclink:active {padding-left:21px;padding-bottom:2px;background:transparent url(../img/sprites.gif) no-repeat 5px 0px;} a.doclink:hover {height:30px;background-color:transparent;background-image: url(../img/sprites.gif);background-position: 5px -50px;} .doclink span {position:absolute;left:-9999px;width:900px} #columns3-1 a.morelink:link, #columns3-1 a.morelink:visited, #columns3-1 a.morelink:active {color:#cccc99;margin:0.5em 0pt 0pt;padding:0pt 11px 0pt 0pt;background:none} #columns3-1 a.morelink:hover {color:#fff} #columns3-1 .morelink span {position:absolute;left:-9999px;width:900px} #sidebar a.morelink:link, #sidebar a.morelink:visited, #sidebar a.morelink:active {color:#cccc99;margin:0.5em 0pt 0pt;padding:0pt 11px 0pt 0pt;background:none} #sidebar a.morelink:hover {color:#fff} #sidebar .morelink span {position:absolute;left:-9999px;width:900px} #content a.morelink:link, #content a.morelink:visited, #content a.morelink:active {color:#66cccc;margin:0.5em 0pt 0pt;padding:0pt 11px 0pt 0pt;background-attachment: scroll;background-color: transparent;background-image: url(../img/morearrow.gif);background-repeat: no-repeat;background-position: 100% 2px;font-family: Arial, Helvetica, sans-serif} #content a.morelink:hover {color:#cccc99} #content .morelink span {position:absolute;left:-9999px;width:900px} #content #pagelinks {margin-top:30px} a.pagelink:link, a.pagelink:visited, a.pagelink:active {color:#66cccc;margin:0.5em 0pt 0pt;padding:0pt 11px 0pt 0pt;background-attachment: scroll;background-color: transparent;background-image: url(../img/morearrow.gif);background-repeat: no-repeat;background-position: 100% 2px;font-family: Arial, Helvetica, sans-serif;margin-right:15px;} a.pagelink:hover {color:#cccc99} a.pagelink.active {color:#cccc99} /* Special Links (Sliding Doors) */ a.button {background:transparent url(../img/bg_button_a.gif) no-repeat scroll right top;color:#cccc99;display:block;float:left;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;height:24px;line-height:normal;margin-right:6px;padding-right:24px;text-decoration:none;margin-top:5px} a.button span {background:transparent url(../img/bg_button_span.gif) no-repeat scroll 0%;background-position:left top;display:block;line-height:14px;padding:5px 5pt 5px 12px;color:#cccc99;} a.button:active {background-position:right bottom;color:#cccc99;outline-color:invert;outline-style:none;outline-width:medium;} a.button:visited {color:#cccc99;} a.button:hover span {color:#fff} a.button:active span {background-position:left bottom;padding:6px 5pt 4px 12px;} a.button-active {background:transparent url(../img/bg_button_a_active.gif) no-repeat scroll right top;color:#fff;display:block;float:left;font-family:arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;height:24px;line-height:normal;margin-right:6px;padding-right:24px;text-decoration:none;margin-top:5px} a.button-active span {color:#fff;background:transparent url(../img/bg_button_span_active.gif) no-repeat scroll 0%;background-position:left top;display:block;line-height:14px;padding:5px 5pt 5px 12px;} a.button-active:active {background-position:right bottom;color:#fff;outline-color:invert;outline-style:none;outline-width:medium;} a.button-active:active span {background-position:left bottom;padding:6px 5pt 4px 12px;} /* Pagination */ .pagination {position:relative;background:#f2f2f2;color:#666;border:1px solid #ddd;margin: 10px 0 1.5em 0;padding:5px;} .pagination .left {width:50%;float:left;text-align:left} .pagination .right {width:50%;float:left;text-align:right} .pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #ccc} /* Tables */ th {padding:0;text-align:left;vertical-align:top;} td {vertical-align:top;} .table1 {width:100%;padding:0;margin:0;} .table1 caption {width:100%;font-size:11px;font-style:italic;padding: 0 0 5px 0;text-align: right;} .table1 th {font-size:11px;font-weight:bold;color:#4f6b72;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(../img/table1_headerbg.jpg) no-repeat;} .table1 th.nobg {border-right: 1px solid #C1DAD7;border-top:none;background:none;} .table1 td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;} .table1 td.alt {background: #F5FAFA;color: #797268;} .table1 th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background: #fff url(../img/table1_bullet1.gif) no-repeat;font-weight: bold;font-size: 10px;} .table1 th.specalt {border-left: 1px solid #C1DAD7;border-top: 0;background: #f5fafa url(../img/table1_bullet2.gif) no-repeat;font-weight:bold;font-size:10px;color: #797268;} /* Transparency */ .overlay {position:absolute;top:0;bottom:0;left:0;width:100%;z-index:-1;background-image: url(../img/bg_overlay.png);background-repeat: repeat;} .container {position: relative;} .content {position: relative; /* Fixes the z-index */ } /* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */ * html #masthead .overlay { height: expression(document.getElementById("masthead").offsetHeight); } * html #nav-wrap .overlay { height: expression(document.getElementById("nav-wrap").offsetHeight); } * html #middle .overlay { height: expression(document.getElementById("middle").offsetHeight); } * html #footer .overlay { height: expression(document.getElementById("footer").offsetHeight); } * html #videobox .overlay { height: expression(document.getElementById("videobox").offsetHeight); } /*************** WRAP ***************/ #wrap {width:970px;text-align:left;margin-left:auto;margin-right:auto;overflow: hidden;} /* Header */ #header {width:970px; margin-top:0px; margin-bottom:0; position:relative;z-index:90} #masthead {position:relative;height:80px;width:970px;margin:0;padding:0;} #logo {position:absolute;top:17px;left:15px;width:210px;} #masthead-links {position:absolute;top:20px;right:15px;width:600px;color:#cccc99;text-align:right} #masthead-links ul {margin:0;padding:10px 0 0 0;} #masthead-links li {background:transparent none repeat scroll 0%;color:#666;display:inline;font-size:11px;list-style-type:none;margin:0pt;padding:0pt 3px;} #masthead-links ul li.separator {color:#cccc99;} #masthead-links a:link, #masthead-links a:visited {color:#cccc99;font-size:11px;font-weight:normal;text-decoration:none;} #masthead-links li a:hover {color:#fff;font-size:11px;font-weight:normal;text-decoration:none;} #masthead-links li.active a:link, #masthead-links li.active a:visited, #masthead-links li.active a:hover, #masthead-links li.active a:active {color:#cccc99;} #nav-wrap {position:relative;margin-top:1px;margin-bottom:5px;height:34px;background:none;width:970px;z-index:90} #nav-wrap2 {position:relative;z-index:90} /* Middle Wrap */ #middle {padding-bottom:20px;min-height:420px;width:970px;z-index:10;} /* Middle Banner */ #subpage1 #topbanner {position:relative;height:340px;background:none;z-index:11;} #subpage2 #topbanner {position:relative;height:185px;background:none;z-index:11;} #subpage3 #topbanner {position:relative;height:185px;background:none;z-index:11;} #topbannerhome {position:relative;height:340px;background:none;z-index:11;} #breadcrumbs {color:#999;margin: 0px 25px 0px 25px;font-size:10px;padding-top:10px} /* Middle Content + Sidebar */ #content {font-size:13px;font-family:Georgia,Times, serif;font-weight:normal} #subpage1 #content {width:690px;float:left;margin-top:10px;margin-bottom:10px;margin-left:30px;display:inline;z-index:20} #subpage1 #sidebar {width:205px;float:left;margin-top:10px;margin-bottom:10px;margin-left:25px;font-size:11px;line-height:15px;color:#cccc99;display:inline;} #subpage1 #subnav {position:absolute;top:15px;left:15px;width:230px;height:310px;z-index:12;background-image: url(../img/bg_subnav.jpg);background-repeat: no-repeat;background-position: 0px 51px;} #subpage1 #flashbanner-wrap {position:absolute;top:15px;left:245px;height:310px;} #subpage1 #flashbannerhome-wrap {position:absolute;top:15px;left:15px;height:310px;} #subpage1 #content-inset {position:relative;float:right;width:240px;margin-left:25px;color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px;z-index:20;display:inline} #subpage2 #content {width:690px;float:left;margin-top:10px;margin-bottom:10px;margin-left:30px;display:inline} #subpage2 #sidebar {width:205px;float:left;margin-top:10px;margin-bottom:10px;margin-left:25px;font-size:11px;line-height:15px;color:#cccc99;display:inline;} #subpage2 #subnav {position:absolute;top:15px;left:15px;width:230px;height:310px;z-index:12;background-image: url(../img/bg_subnav.jpg);background-repeat: no-repeat;background-position: 0px 51px;} #subpage2 #flashbanner-wrap {position:absolute;top:15px;left:15px;height:155px;} #subpage2 #content-inset {float:right;width:240px;margin-left:25px;color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px;} #subpage3 #content {width:690px;float:left;margin-top:10px;margin-bottom:10px;margin-left:30px;display:inline} #subpage3 #sidebar {display:none;} #subpage3 #subnav {position:absolute;top:15px;left:15px;width:230px;height:310px;z-index:12;background-image: url(../img/bg_subnav.jpg);background-repeat: no-repeat;background-position: 0px 51px;} #subpage3 #flashbanner-wrap {position:absolute;top:15px;left:15px;height:155px;} #subpage3 #content-inset {float:right;width:240px;margin-left:25px;color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px} /* 3-column content */ #columns3-1, #columns3-2, #columns3-3 {float:left;margin-top:10px;margin-bottom:10px;display:inline} #columns3-1 {width:205px;margin-left:25px;font-size:11px;line-height:15px;color:#cccc99} #columns3-2 {width:430px;margin-left:30px;} #columns3-3 {width:240px;margin-left:25px;color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px} #columns2-1, #columns2-2 {float:left;margin-top:10px;margin-bottom:10px;display:inline} #columns2-1 {width:205px;margin-left:25px;font-size:11px;line-height:15px;color:#cccc99} #columns2-2 {width:690px;margin-left:30px;} /* 4-column content */ #columns4-1, #columns4-2, #columns4-3, #columns4-4 {float:left;margin-top:30px;margin-bottom:10px;font-size:11px} #columns4-1 p, #columns4-2 p, #columns4-3 p, #columns4-4 p {padding-right:20px;margin-bottom:.5em;} #columns4-1, #columns4-2, #columns4-3 {background-image: url(../img/bg_features.gif); background-repeat: no-repeat; background-position: right top; } #columns4-1 {width:210px;margin-left:0px;} #columns4-2 {width:210px;margin-left:20px;} #columns4-3 {width:210px;margin-left:20px;} #columns4-4 {width:210px;margin-left:20px;} /* Footer */ #footer {margin-top:5px;position:relative;width:970px;height:90px;z-index:30} #footerlinks {position:absolute;top:15px;left:15px;color:#6e5300;width:940px;height:34px;background-image: url(../img/footerlinks_bg.jpg);background-repeat: no-repeat;} #footerlinks ul {margin:8px 30px;padding:0pt;} #footerlinks li {background:transparent none repeat scroll 0%;color:#666;display:inline;font-size:11px;list-style-type:none;margin:0pt;padding:0pt 3px;} #footerlinks ul li.separator {color:#6e5300;} #footerlinks a:link, #footerlinks a:visited {color:#6e5300;font-size:11px;font-weight:normal;text-decoration:none;} #footerlinks li a:hover {color:#886c16;font-size:11px;font-weight:normal;text-decoration:none;} #footerlinks li.active a:link, #footerlinks li.active a:visited, #footerlinks li.active a:hover, #footerlinks li.active a:active {color:#6e5300;} #footerlinks-left {float:left;text-align:left;width:600px;} #footerlinks-right {float:right;text-align:right;width:450px;} #footerbug {position:absolute;top:-10px;right:25px;width:85px;height:85px;z-index:999} #bottomlinks {position:absolute;top:45px;left:15px;color:#cccc99;height:34px;margin-top:10px} #bottomlinks ul {margin:2px 0pt 0pt;padding:0pt;} #bottomlinks ul li {background:transparent none repeat scroll 0%;color:#d4cda5;display:inline;font-size:11px;list-style-type:none;margin:0pt;padding:0pt 3px;} #bottomlinks ul li.separator {color:#cccc99;} #bottomlinks a:link, #bottomlinks a:visited {color:#cccc99;font-size:11px;font-weight:normal;text-decoration:none;} #bottomlinks li a:hover {color:#fff;font-size:11px;font-weight:normal;text-decoration:none;} #bottomlinks li.active a:link, #bottomlinks li.active a:visited, #bottomlinks li.active a:hover, #bottomlinks li.active a:active {color:#cccc99;} #bottomlinks-left {float:left;text-align:left;width:500px;} #bottomlinks-right {float:right;text-align:right;width:450px;} /* Credit Links */ #creditlinks {color:#cccc99;height:34px;margin-top:10px;text-align:center} #creditlinks ul {margin:2px 0pt 0pt;padding:0pt;} #creditlinks ul li {background:transparent none repeat scroll 0%;color:#cccc99;display:inline;font-size:11px;list-style-type:none;margin:0pt;padding:0pt 3px;} #creditlinks ul li.separator {color:#cccc99;} #creditlinks a:link, #creditlinks a:visited {color:#cccc99;font-size:11px;font-weight:normal;text-decoration:none;} #creditlinks li a:hover {color:#cfff;font-size:11px;font-weight:normal;text-decoration:none;} #creditlinks li.active a:link, #creditlinks li.active a:visited, #creditlinks li.active a:hover, #creditlinks li.active a:active {color:#cccc99;} /* Footer Testing Links !!! DELETE PRIOR TO LAUNCH */ #testinglinks {color:#999;height:34px;margin-top:10px;text-align:center} #testinglinks ul {margin:2px 0pt 0pt;padding:0pt;} #testinglinks ul li {background:transparent none repeat scroll 0%;color:#999;display:inline;font-size:11px;list-style-type:none;margin:0pt;padding:0pt 3px;} #testinglinks ul li.separator {color:#999;} #testinglinks a:link, #testinglinks a:visited {color:#999;font-size:11px;font-weight:normal;text-decoration:none;} #testinglinks li a:hover {color:#cccc99;font-size:11px;font-weight:normal;text-decoration:none;} #testinglinks li.active a:link, #testinglinks li.active a:visited, #testinglinks li.active a:hover, #testinglinks li.active a:active {color:#cccc99;} /* Homepage Content */ #homefeature1, #homefeature2, #homefeature3 {float:left;margin-top:10px;margin-bottom:10px;display:inline} #homefeature1 {width:205px;margin-left:25px;font-size:11px;line-height:15px;color:#cccc99} #homefeature2 {width:430px;margin-left:30px;} #homefeature3 {width:240px;margin-left:25px;color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px} #booklink {font-family:Helvetica, Arial, sans-serif;font-size:11px;line-height:normal;margin-top:25px} #booklink a:link, #booklink a:visited {color:#66cccc} #booklink a:hover {color:#fff} /* Content */ #calltoday {position:absolute;bottom:15px;right:30px;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#cccc99;text-align:right} #calltoday h1 {font-family:Helvetica, Arial, sans-serif;font-size:18px;font-weight:normal;color:#fff} .biopic {border:solid 1px #cccc99;float:left;margin: 0 25px 25px 0;} .serifhighlight {color:#cccc99;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px} .introtext {font-size:20px;line-height:26px;font-weight:normal;font-family:Arial, Helvetica, sans-serif} /* Client Log In */ #loginLink { display: block; color: #d4cca5; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; width: 66px; background: #5e8080; padding: 4px; text-align: center; } #sampleScreens { margin: 0; padding: 0; list-style-type: none; } #sampleScreens li { float: left; margin-right: 20px; margin-bottom: 15px; padding-left: 0; } #sampleScreens img { border: 1px solid #734e0f; } /* Video */ /*#videobox {position:relative;width:200px;height:225px;}*/