/* 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: 45%; float: left; margin-right: 20px} .right {width: 45%; float: left} blockquote {margin: 0px 0px 10px 12px} #printlink {display: none; visibility:hidden} /* GLOBAL ---------------------------------------------------*/ html {text-align: center; height: 100%; margin: 0px; padding: 0px; background-color: #fff} body {font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 1; top:0px; height: 100%; background:url(../images/bkg/print_masthead.gif) repeat-x #fff; margin: 0px auto; font-size: 11px; line-height: 17px; text-align: left; color: #000; min-width:760px } p { margin: 0px 0px 10px; display:block} h1 { color: #000; font-size: 12px; margin: 0px 0px 10px 0px} h2 { color: #000; font-size: 11px; margin: 10px 0px 0px 0px} h3 { margin: 25px 0px 5px 0px; color: #000; text-transform:uppercase; letter-spacing: .1em} h4 { color: #000; font-size: 14px; font-weight: bold; margin: 0px 0px 20px 0px; letter-spacing: .1em} #news_pg h4 { color: #000; font-size: 14px; font-weight: bold; margin: 20px 0px 5px 0px; letter-spacing: .1em} .eventphotos h4 { color: #000; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; letter-spacing: .1em} b {color: #000} a:link, a:visited {color: #0000FF; text-decoration:none} .homelinks {display: none; visibility: hidden} /* BRANDING ---------------------------------------------------*/ #branding {display: none; visibility:hidden} /* HOME ---------------------------------------------------*/ #flashcontent {} /* CONTENT ---------------------------------------------------*/ #content {position: relative; top: 55px; width: 762px; margin: 0px auto; clear:both; padding: 0px} #colLeft {position: relative; width: 245px; left: -265px; margin-right: -265px; float: left} #colRt {position: relative; width: 485px; float: right; border-left: 1px solid #51565d; padding: 20px 0px 200px 15px; display: block} .graphictxt {display: none; visibility:hidden} .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: 100%; text-align:left; margin: 30px 0px} th#col1 {width: 30%; float: left; margin-right: 10px} th#col2 {width: 30%; float: left; margin-right: 10px} th#col3 {width: 30%; float: left; margin-right: 10px} #events a {margin-left: 12px} .eventphotos #content {position: relative; padding: 0px; display: block} /* SITE INFO --------------------------------------------------*/ #site_info {display: none; visibility:hidden} * html #site_info {position: absolute} #site_info blockquote {height: 20px; width: 760px; margin: 0px auto} #site_info #left {width: 45%; float: left; padding-top: 0px} #site_info #right {width: 45%; float: right; text-align:right; padding-top: 0px} #site_info a:link, #site_info a:visited {color: #000; text-decoration: none} #site_info a:hover {color: #000; text-decoration: underline} /* FORM ---------------------------------------------------*/ input, select, textarea {font-family: Arial, Helvetica, sans-serif; color:#000; font-size:11px} form {display:inline} #contactform {float: left; width: 350px; height: auto; padding-right: 10px; border-right: 1px solid #524b41; margin-right: 40px} .form_row {margin:10px 0px; clear:both} .form_req {width:10px; float:left} .form_label {width:100px; height:27px; margin-top:3px; float:left} input {width:200px;} textarea {width:200px; height:150px} .formbtn {width: auto; height: auto} #contactinfo {} /*PROJECTS --------------------------------------------------*/ #projects_pg #colLeft, #projectcat_pg #colLeft {position: relative; width: 213px; left: -225px; margin-right: -233px; float: left} #projects_pg #colRt, #projectcat_pg #colRt {position: relative; width: 520px; float: right; border-left: 1px solid #51565d; padding: 20px 0px 160px 20px; display: block} /*Projects L1*/ .portmain #projnav {position: relative; width: auto; height: 340px; 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 {position: absolute; left: 20px; width: 504px; margin: 0px} #projectcat_pg #projectphotos div {position: relative; list-style: none; width: 186px; height: 225px; float: left; margin: 0px 60px 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: #000; 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 #projectlist {width: 520px; margin: 0px } #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} /*Projects L3 */ #projnav {position: relative; top: 0px} #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 .projnavtxt {display: none; visibility: hidden} #projnav {position: relative; top: 25px; width: 178px} #projnav h1 {width: 178px} #projnav div {position: relative; width: 178px; height: 97px} #projnav div span {display: none; visibility: hidden} #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 #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} #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: -999px; z-index: 999} 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} #projdesc {float: left; width: 205px} #projdesc b {color: #fff} /* Links -------------------------------------- */ #projectphotos a:link, #projectphotos a:visited {color:#0000FF; text-decoration:none} #projectphotos a:hover, #projectphotos a:active {color: #0000FF; text-decoration:underline} #projectlist a:link, #projectlist a:visited {color: #0000FF; text-decoration:underline} #projectlist a:hover, #projectlist a:active {color: #0000FF; text-decoration:none}