/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} 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"*/ a:link, a:visited, a:active {color: #82a63b; font-weight:bold; text-decoration:none; cursor: pointer} a:hover {color: #82a63b; text-decoration:underline; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px;} body {position:relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000; background:url(../images/bkg/main.jpg) repeat-y top center #0083a9;} #container {position:relative; width: 1003px; margin: 0px auto; padding:0px;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; width:1001px;} #branding h2 img {position:relative; z-index:1; left:86px; *left:87px;} /*Main Navigation*/ #branding ul {position:absolute; top:15px; right:200px; height:28px; z-index:500;} #branding ul li {display: block; float: left} #branding li a {display: block} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 63px; height: 28px; background:url(../images/nav/home_o.gif) no-repeat; margin:0px 17px 0px 0px;} #nav_bio {width: 45px; height: 28px; background:url(../images/nav/bio_o.gif) no-repeat; margin:0px 17px 0px 0px;} #nav_portfolio {width: 100px; height: 28px; background:url(../images/nav/portfolio_o.gif) no-repeat; margin:0px 17px 0px 0px;} #nav_contact {width: 90px; height: 28px; background:url(../images/nav/contact_o.gif) no-repeat} #pg_home #nav_home img, #pg_bio #nav_bio img, #pg_portfolio #nav_portfolio img, #pg_portfolio_print #nav_portfolio img, #pg_contact #nav_contact img {visibility: hidden} /* CONTENT FORMATTING ---------------------------------------------------*/ #content {width:653px; padding:20px 50px; background:#FFF; margin:0px 20px 0px 190px; border:10px solid #034f66;} #content p {padding:0px 0px 15px 0px; line-height:18px;} #content h1 {font-size:24px; color:#034f66; font-weight:bold; padding:15px 0px 15px 0px; text-align:center;} #content h1 a:link, #content h1 a:visited, #content h1 a:active {color: #034f66; font-weight:bold; text-decoration:none; cursor: pointer} #content h1 a:hover {color: #82a63b; text-decoration:none; cursor: pointer;} #content h2 {font-size:20px; color:#034f66; font-weight:normal; margin: 5px 0px 5px 0px;} #content h3 {font-size:16px; color:#034f66; margin: 2px 0px;} #content h4 {font-size:13px; color:#034f66; margin: 2px 0px; font-weight:normal;} #content h5 {font-size:12px; color:#5b5504; margin: 0px 0px 8px; text-align: center;} #content h6 {text-align:center; margin:-8px 0px 10px 0px;} #content ul, #content ol {margin: 10px 5px 10px 20px} #content li {margin-bottom: 8px; margin-left: 20px} #content ul li {list-style: disc} #content ol li {list-style: decimal} .photo {border: 6px solid #8b915e; margin: 10px 0px} .photoLeft, .photoRight {border: 6px double #8b915e;} .photoLeft {float:left; margin: 5px 0px 10px 20px;} .photoRight {float: right; margin: 5px 0px 10px 20px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .col {width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col2 {width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left} .col li {margin-left: 5px} .small {font-size:11px; font-style:normal; color:#808080; text-align:center;} .clear {clear:both;} /* FORM ---------------------------------------------------*/ .form_row {position: relative; margin:10px 0px; clear:right; height: 20px} .form_row table td {padding:5px;} .form_row table select, .form_row table input {width:60px;} .form_req {width:10px; float:left} .form_label {width:200px; height:25px; margin-top:3px; float:left} label {clear: right; display: block} label input {width: 40px} /* PORTFOLIO ---------------------------------------------------*/ #pg_portfolio #content blockquote p{float:left; margin:16px 16px; padding:0px; height:240px;} #pg_portfolio #content blockquote .last{margin:16px 0px 16px 16px; height:240px;} #pg_portfolio #content blockquote img{border:3px solid #034f66;} #pg_portfolio_print #content h2 {margin:15px 0px 0px 0px; padding:10px 0px 0px 0px; border-bottom: 1px solid #eee;} #pg_portfolio_print #content blockquote p{float:left; margin:16px 10px; padding:0px; height:210px;} #pg_portfolio_print #content blockquote span{float:left; margin:16px 10px; padding:0px; height:120px;} #pg_portfolio_print #content blockquote img{border:1px solid #eee;} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {font-family:Arial, Helvetica, sans-serif; width: 803px; clear: both; color:#4da4bd; display:block; font-size:11px; padding: 40px 0px; margin:0px auto; text-align:right;} #siteinfo cite {font-style:normal;} #siteinfo a:link, #siteinfo a:visited, #siteinfo a:active {color: #4da4bd; text-decoration: none} #siteinfo a:hover {color: #FFF} /*HOME ---------------------------------------------------*/ #pg_home #content {width:613px; padding:30px 70px; /*background:url(../images/bkg/home.gif) no-repeat;*/} #pg_home #content h1 {position:relative; font-size:22px; font-weight:normal; text-align:left; line-height:28px;} /*#pg_home #content {position:relative; width:520px; padding:40px 0px 0px 343px; background:none; margin:0px; border:none;} #pg_home #content h1 {position:relative; font-size:21px; color:#FFF; font-weight:normal; text-align:left;} #pg_home #siteinfo {padding: 230px 0px 20px 0px;} */