/* CSS Document */ /* CLEAR default margins & formatting ---------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, em, strong {margin: 0px; padding: 0px;} table, tr, td, th {padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ ol, ul, li {list-style: none} img {border: none} .clear {clear: both} .left {width: 47%; float: left; margin-right: 20px} .right {width: 47%; float: left} blockquote {margin: 0px 0px 10px 12px} #printlink {width: 760px; text-align: left; margin: 0px} /* GLOBAL ---------------------------------------------------*/ html {text-align: center; height: 100%; margin: 0px; padding: 0px; background:url(../images/bkg/main.gif) repeat-x #000} body {position: relative; z-index: 1; top:0px; height: 100%; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left; color: #fff; background:url(../images/bkg/logo.jpg) no-repeat center top; min-width:760px } p {margin: 0px 0px 10px; display:block} h1 {position: absolute; left: -9999px; z-index: 9} h2 {color: #b7c4d9; font-size: 11px; margin: 5px 0px} h3 {margin: 25px 0px 5px 0px; color: #e4c38a; text-transform:uppercase; letter-spacing: .1em} h4 {color: #b7c4d9; font-size: 16px; font-weight: normal; margin: 0px 0px 20px 0px; letter-spacing: .1em} #news_pg h4 {color: #b7c4d9; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; letter-spacing: .1em} .eventphotos h4 {color: #b7c4d9; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; letter-spacing: .1em} #careers_quote {margin:0px; padding:0px;} #careers_quote p {color:#b7c4d9; font-size: 12px; margin: 0px 0px 10px; display:block} b {color: #b7c4d9} a:link, a:visited {color: #b7c4d9; text-decoration:underline} a:hover, a:active {color: #fff; text-decoration:none} /* BRANDING ---------------------------------------------------*/ #branding {position: relative; top: 22px; width: 760px; height: 25px; margin:0px auto; z-index: 999 } #branding ul {width: 528px; margin-left: 237px} #branding ul li {float: left; list-style:none} #branding li span {position: absolute; left: -9999px; z-index: 9} /*#home #branding {width: 736px; height: 160px; background:url(../images/logos/logo_home.gif) no-repeat center top} #home #branding ul {position: relative; top: 126px; left: 256px; width: 228px; height: 34px; margin: 0px auto 15px} #home #branding ul li {float: left; list-style:none} */ #branding #about a {width: 46px; height: 25px; background:url(../images/nav/about.gif) no-repeat; display: block; color: #003399} #branding #about a:hover, #branding #about a:active {background:url(../images/nav/about_o.gif) no-repeat; display: block} #about_pg #branding #about a {background:url(../images/nav/about_o.gif) no-repeat} #branding #services a {width: 57px; height: 25px; background:url(../images/nav/services.gif) no-repeat; display: block} #branding #services a:hover, #branding #services a:active {background:url(../images/nav/services_o.gif) no-repeat; display: block} #services_pg #branding #services a {background:url(../images/nav/services_o.gif) no-repeat} #branding #clients a {width: 53px; height: 25px; background:url(../images/nav/clients.gif) no-repeat; display: block} #branding #clients a:hover, #branding #clients a:active {background:url(../images/nav/clients_o.gif) no-repeat; display: block} #clients_pg #branding #clients a {background:url(../images/nav/clients_o.gif) no-repeat} #branding #projects a {width: 60px; height: 25px; background:url(../images/nav/projects.gif) no-repeat; display: block} #branding #projects a:hover, #branding #projects a:active {background:url(../images/nav/projects_o.gif) no-repeat; display: block} #projects_pg #branding #projects a, #projectcat_pg #branding #projects a {background:url(../images/nav/projects_o.gif) no-repeat} #branding #safety a {width: 47px; height: 25px; background:url(../images/nav/safety.gif) no-repeat; display: block} #branding #safety a:hover, #branding #safety a:active {background:url(../images/nav/safety_o.gif) no-repeat; display: block} #safety_pg #branding #safety a {background:url(../images/nav/safety_o.gif) no-repeat} #branding #careers a {width: 55px; height: 25px; background:url(../images/nav/careers.gif) no-repeat; display: block} #branding #careers a:hover, #branding #careers a:active {background:url(../images/nav/careers_o.gif) no-repeat; display: block} #careers_pg #branding #careers a {background:url(../images/nav/careers_o.gif) no-repeat} #branding #news a {width: 98px; height: 25px; background:url(../images/nav/news.gif) no-repeat; display: block} #branding #news a:hover, #branding #news a:active {background:url(../images/nav/news_o.gif) no-repeat; display: block} #news_pg #branding #news a {background:url(../images/nav/news_o.gif) no-repeat} #branding #home a {width: 42px; height: 25px; background:url(../images/nav/home.gif) no-repeat; display: block} #branding #home a:hover, #branding #home a:active {background:url(../images/nav/home_o.gif) no-repeat; display: block} #home_pg #branding #home a {background:url(../images/nav/home_o.gif) no-repeat} #branding #contact a {width: 66px; height: 25px; background:url(../images/nav/contact.gif) no-repeat; display: block} #branding #contact a:hover, #branding #contact a:active {background:url(../images/nav/contact_o.gif) no-repeat; display: block} #contact_pg #branding #contact a {background:url(../images/nav/contact_o.gif) no-repeat} /* CONTENT ---------------------------------------------------*/ #content {position: relative; top: 98px; width: 762px; height: 100%; margin: 0px auto; clear:both; padding: 0px} * html #content {position: relative; top: 98px; width: 762px; height: auto; margin: 0px auto 0px; clear:both; padding: 0px 0px 100px; display:block} #colLeft {position: relative; width: 245px; left: -265px; margin-right: -265px; float:left} #colRt {position: relative; width: 485px; height: auto; float: right; border-left: 1px solid #51565d; padding: 20px 0px 300px 15px; display: block} * html #colRt {position: relative; width: 485px; height: 110%; border-left: 1px solid #51565d; padding: 20px 0px 600px 15px; margin-bottom: 20px; float: right; display: block} .graphictxt {margin-bottom: 15px} .photow {position: relative; width: 762px; height: 125px} .photol {position: relative; width: 234px; margin-top: 36px} #content ul {list-style: disc; margin: 10px 0px 10px 20px} #content ul li {list-style: disc; margin: 0px 0px 5px 15px} #content ol li {margin: 5px 10px} #positions {width: auto; text-align:left; margin: 30px 0px} th#col1 {width: 200px; margin-right: 10px} th#col2 {width: 200px; margin-right: 10px} th#col3 {width: 200px; margin-right: 10px} #events a {margin-left: 12px} .eventphotos #content {position: relative; padding: 20px 0px 160px 10px; display: block} .eventphotos table {border-bottom: 200px solid #000} #contact_pg #colLeft p {line-height: 14px; margin-bottom: 20px} /* HOME ---------------------------------------------------*/ #home_pg {margin: 0px; background:url(../images/bkg/home.gif) repeat-x #000} #home_pg #content {position: relative; top: 0px} #flashcontent {position: relative; top: -25px; left: 0px; width:100%; min-width: 760px; height:316px; z-index: 2; overflow:hidden} #flashcontent cite {padding: 120px 50px} #home_pg #col1, #home_pg #col2, #home_pg #col3 {position: relative; left: 50px; top: 0px; float: left;width: 185px; height: 170px; padding: 0px 25px; display: block; border-left: 1px solid #51565d} #home_pg #col1 {border: none} #home_pg #col1 p, #home_pg #col2 p, #home_pg #col3 p {margin: 5px 0px 0px 0px} /* FORM ---------------------------------------------------*/ input, select, textarea {font-family: Arial, Helvetica, sans-serif; color:#000; font-size:11px} form {display:inline} #contactform {width: 400px; height: auto; margin-top: 20px} .form_row {position: relative; margin:10px 0px; clear:right; height: 20px} .form_req {width:10px; float:left} .form_label {width:150px; height:27px; margin-top:3px; float:left} input {width:200px;} textarea {width:200px; height:150px} .formbtn {position: relative; width: auto; height: auto} #contactinfo {} /*PROJECTS --------------------------------------------------*/ #projects_pg #colLeft, #projectcat_pg #colLeft {position: relative; width: 213px; left: -225px; margin-right: -233px; float: left; display: block} * html #projects_pg #colLeft, * html #projectcat_pg #colLeft {position: relative; width: 213px; margin: 0px; left: -225px; margin-right: -233px; float: left; display: block} #projectcat_pg #colRt, #project_pg #colRt {position: relative; height:auto; width: 520px; float: right; border-left: 1px solid #51565d; padding: 20px 0px 300px 20px; display: block; clear:right} * html #project_pg #colRt, * html #projectcat_pg #colRt {position: relative; width: 520px; float: right; border-left: 1px solid #51565d; padding: 20px 0px 0px 20px; display: block; clear:right} /*Projects L1*/ .portmain #projnav {position: relative; width: auto; height: 400px; margin: 0px -50px 0px 50px} .portmain #projnav div {width: 186px; height: 97px; float: left; margin-right: 40px} .portmain #colLeft p {line-height: 14px; margin-bottom: 20px} /* Projects L2*/ #projectcat_pg #projectphotos {width: 504px; margin: 30px -50px 0px 40px; border-bottom: 880px solid #000} * html #projectcat_pg #projectphotos {width: 504px; height: 100%; margin: 30px -50px 0px 40px; padding-bottom: 200px} #projectcat_pg #projectphotos div {position: relative; width: 186px; height: 225px; float: left; margin: 0px 50px 0px 0px} #projectcat_pg #projectphotos h4 {margin: 0px; padding: 0px} #projectcat_pg #projectphotos a {margin: 0px; line-height: 14px} #projectcat_pg #projectphotos .projname {position: relative; top:0px; height: auto; width: auto; color: #b7c4d9; font-size: 11px; margin: 5px 0px; font-weight:bold} #projectcat_pg #projectphotos a:hover .projname {position: relative; top:0px; border: 0px; color: #fff; text-decoration:none} #projectcat_pg #projectphotos div span {position: absolute; top: 0px; left:0px; width: 178px; height: 132px; z-index: 2; display: block} #projectcat_pg #projectphotos a:hover span {border: 4px solid #fff; display: block} #projectcat_pg #projectphotos a:hover {background: none} #projectcat_pg #projectphotos_health {width: 504px; height: 100%; margin: 30px -50px 0px 40px; border-bottom: 200px solid #000} * html #projectcat_pg #projectphotos_health {width: 504px; height: 100%; margin: 30px -50px 0px 40px; padding-bottom: 400px} #projectcat_pg #projectphotos_health div {position: relative; width: 186px; height: 225px; float: left; margin: 0px 50px 0px 0px} #projectcat_pg #projectphotos_health h4 {margin: 0px; padding: 0px} #projectcat_pg #projectphotos_health a {margin: 0px; line-height: 14px} #projectcat_pg #projectphotos_health .projname {position: relative; top:0px; height: auto; width: auto; color: #b7c4d9; font-size: 11px; margin: 5px 0px; font-weight:bold} #projectcat_pg #projectphotos_health a:hover .projname {position: relative; top:0px; border: 0px; color: #fff; text-decoration:none} #projectcat_pg #projectphotos_health div span {position: absolute; top: 0px; left:0px; width: 178px; height: 132px; z-index: 2; display: block} #projectcat_pg #projectphotos_health a:hover span {border: 4px solid #fff; display: block} #projectcat_pg #projectphotos_health a:hover {background: none} #projectcat_pg #projectlist {width: 520px; height:743px; display:block; float:left; padding: 0px 0px 55px 0px;position:absolute; top:975px; left:25px;} #projectcat_pg #projectlist ul {list-style: none; margin: 0px 0px 0px 40px; float: left; width: 190px} #projectcat_pg #projectlist ul .right {margin-left:60px} #projectcat_pg #projectlist li {list-style: none; margin: 10px 0px 10px 0px; padding: 0px} #projectcat_pg #projectlist_indust {width: 520px; height:743px; display:block; float:left; padding: 0px 0px 55px 0px;position:absolute; top:1250px; left:25px;} #projectcat_pg #projectlist_indust ul {list-style: none; margin: 0px 0px 0px 40px; float: left; width: 190px} * html #projectcat_pg #projectlist_indust ul {list-style: none; margin: 0px 0px 0px 10px; float: left; width: 190px} #projectcat_pg #projectlist_indust ul .right {margin-left:60px} #projectcat_pg #projectlist_indust li {list-style: none; margin: 10px 0px 10px 0px; padding: 0px} #projectcat_pg #projectlist_school {width: 520px; height:743px; display:block; float:left; padding: 0px 0px 55px 0px;position:absolute; top:1200px; left:25px;} #projectcat_pg #projectlist_school ul {list-style: none; margin: 0px 0px 0px 40px; float: left; width: 190px} #projectcat_pg #projectlist_school ul .right {margin-left:60px} #projectcat_pg #projectlist_school li {list-style: none; margin: 10px 0px 10px 0px; padding: 0px} #projectcat_pg #projectlist_health {width: 520px; height:300px; display:block; float:left; padding: 0px 0px 55px 0px;position:absolute; top:350px; left:25px;} #projectcat_pg #projectlist_health ul {list-style: none; margin: 0px 0px 0px 40px; float: left; width: 190px} #projectcat_pg #projectlist_health ul .right {margin-left:60px} #projectcat_pg #projectlist_health li {list-style: none; margin: 10px 0px 10px 0px; padding: 0px} #projectcat_pg #projectlist_resorts {display:block; float:left; text-align:left !important; padding: 0px 0px 55px 0px; position:absolute; top:0px; left:-25px;} #projectcat_pg #projectlist_resorts ul {list-style: none; margin: 0px 0px 0px 25px; float: left; width: 190px} #projectcat_pg #projectlist_resorts ul .right {margin-left:60px} #projectcat_pg #projectlist_resorts li {list-style: none; margin: 10px 0px 10px 0px; padding: 0px} /*Projects L3 */ #projnav {position: relative} #projnav a {width: 186px; height: 97px; display: block; background-repeat:no-repeat; cursor: pointer} #projnav img {position: relative; top: 0px; display: block; z-index:1} #projnav {position: relative; top: 25px; width: 178px} #projnav div {position: relative; width: 178px; height: 97px} #projnav div span {position: absolute; top:0px; left:0px; display: block; z-index: 999; width: 180px; height: 60px} #projnav a:hover span {position: absolute; top: 25px; width: 180px; height: 60px; border: 4px solid #fff; display:block; z-index: 999 } #projnav a:hover {background: none} #projnav #indust a {} #projnav #indust a:hover span {} .indust #projnav #indust span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #schools a {} #projnav #schools a:hover span {} .schools #projnav #schools span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #health a {} #projnav #health a:hover span {} .health #projnav #health span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #parking a {} #projnav #parking a:hover span {} .parking #projnav #parking span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #resorts a {} #projnav #resorts a:hover span {} .resorts #projnav #resorts span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #tiltup a {} #projnav #tiltup a:hover span {} .tiltup #projnav #tiltupg span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #decorative a {} #projnav #decorative a:hover span {} .decorative #projnav #decorative span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projnav #airports a {} #projnav #airports a:hover span {} .airports #projnav #airports span {position: absolute; top: 25px; height: 60px; border: 4px solid #fff; display:block} #projphotos {position: relative; float: left; width: 300px; margin-right: 10px} #projphotos .note {width: 300px; position:absolute; top: 250px; left: 0px; color:#acb6c5} div#thumbs {position: absolute; top: 270px; left: 0; width: 300px; z-index: 100} div#thumbs a {display: block; width: 57px; height: 57px; margin: 1px; float: left; overflow:hidden} div#thumbs a:hover {background-color: #000} div#thumbs div {width: 57px; height: 57px; margin: 0px 2px; overflow:hidden} div#thumbs a span img {position: absolute; left: -9999px; z-index: 9999} div#thumbs a:hover span {position: absolute; top: -270px; left: 0px; z-index: 998; width: 300px; height:250px; background-color: #000} div#thumbs a:hover span img {position: relative; top: 0px; left:0px; width: auto; height: auto; z-index: 999} * html div#thumbs {position: static; /*top: 270px; left: 0*/; margin-top: 50px; width: 300px; z-index: 100; clear:both} * html div#thumbs a:hover span {position: absolute; top: 0px; left: 0px; z-index: 998; width: 300px; height:250px; background-color: #000} #projdesc {float: right; width: 170px} #projdesc b {color: #fff} /* Links -------------------------------------- */ #projectphotos a:link, #projectphotos a:visited {color: #fff; text-decoration:none} #projectphotos a:hover, #projectphotos a:active {color: #fff; text-decoration:underline} #projectlist a:link, #projectlist a:visited {color: #b7c4d9; text-decoration:underline} #projectlist a:hover, #projectlist a:active {color: #fff; text-decoration:none} /* SITE INFO --------------------------------------------------*/ #site_info {position: fixed; z-index: 999; bottom: 0px; height: 80px; width: 100%; color: #6b6a6a; background-color: #fff; clear:both} * html #site_info {position: absolute; z-index: 999; bottom: 0px; height: 80px; width: 100%; color: #6b6a6a; background-color: #fff; clear:both} #site_info blockquote {height: 80px; width: 760px; margin: 0px auto} #site_info #left {width: 45%; float: left; padding-top: 20px} #site_info #right {width: 45%; float: right; text-align:right; padding-top: 20px} #site_info a:link, #site_info a:visited {color: #6b6a6a; text-decoration: none} #site_info a:hover {color: #6b6a6a; text-decoration: underline}