/* Global ------------------------------------------------------*/ body {margin: 0px auto;;padding: 0px;color: #000000;font-family: Arial, Helvetica, sans-serif; background-color:#b1ada6;} #shell {margin: 0px auto;width: 768px; } a { color:#CC6600} a:hover { color:#663333} .fauxCol {width:50%; float:left;} .imgLeft {margin-right:20px; margin-bottom:15px; float:left; border:solid 5px #fff} .imgRight {margin-left:30px; float:right; border:solid 5px #fff; } .clearBoth {clear:both;} .noMargin {margin:0;} .noBorder {border:none;} .noPadding {padding:0;} .noStylingRight {border:none; margin-right:0; padding-right:0;} .noStylingLeft {border:none; margin-left:0; padding-left:0;} .forPrint {position:absolute; left:-2500px;} #printHeader {display:none;} h1,h2,h3 {margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px; color:#bf9458} /* Head ---------------------------------------------------------*/ #h-shell {} /* Top Nav ------------------------------------------------------*/ #h-usabilityNav {font-size: 10px;color: #6C2B00;height: 93px;padding: 5px 0px 0px;margin: 0px; width:763px; background:url(../img/utility-header2.jpg);} #h-usabilityNav ul{margin:5px 0px 0px 440px;padding:0px;} #h-usabilityNav li{border-right: 1px solid #df894a;display: block;float: left;margin: 0px 10px 0px 0px;padding: 0px 7px 0px 0px;list-style: url(none) none;line-height: 9px; } #h-usabilityNav li.noStylingRight {border:none; margin-right:0; padding-right:0;} #h-usabilityNav li a{color: #cdc9c1;position: relative; text-decoration: none; } #h-usabilityNav li a:hover{text-decoration: underline;color: #f3cb7b; } #h-usabilityNav a.current {color: #fdb731; } /* Header Image ------------------------------------------------*/ #h-banner {height: 105px;width: 763px;background-image:url(../img/fhmc-logo.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF;} #h-banner img {display:block;} #h-banner a {display:block; width:763px; height:105px;} /* Main Nav ----------------------------------------------------*/ #h-nav {font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;} #h-nav ul{margin:0px;padding:0px;} #h-nav li{list-style: url(none) none;float: left;margin: 0px 25px 0px 0px;padding: 0px 25px 0px 0px;} #h-nav li a{color: #6C2B00;text-decoration: none;} #h-nav li a:hover{color: #666666;text-decoration: underline;} /* Logo --------------------------------------------------------*/ #h-logoArea {} #h-logoArea img {border:none;} #h-logoArea a {display: block;height: 50px;width: 50px;} /* Nav Ids ------------------------------------------------------*/ #navBlah {} #navBlibbity {} #navShablazzim {} /* Body ---------------------------------------------------------*/ #b-shell { background-color:#a35018; width: 763px; overflow:auto} #b-contentArea {font-size: 11px;line-height: 18px;color: #666;} #b-contentArea h1 {} #b-contentArea h2 {} div.leftImage {width:244px; float:left; background-color:#a35018;} div.content {width:470px; position:relative; float:left; padding-left:25px; padding-top:20px; padding-right:24px; padding-bottom:25px; background-color:#d9d5ce; background-image:url(../img/watermark.jpg); background-attachment:scroll; background-position:50% 3%; background-repeat:no-repeat;} h2 { font-size:16px} div.twoCols {width:45%; float:left;} ul.twoCols {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 40px; display:block;} .clearBoth {clear:both;} .colsMarginRight {margin-right:15px; padding: 0 15px 0 0; } a#backtoTop { display: block; border-top: 1px solid; padding: 10px;} /* FLASH HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #flashcontent { height: 419px; width:244;z-index:20; } /* PHOTO GALLERY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #photogal { display: block; height: 240px; padding-top: 10px; /*padding-right: 252px;*/ padding-bottom: 10px; padding-left: 10px;} #photogal h2 { border-bottom: 1px solid #4F2E0A;} #photogal ul { margin: 0px;} #photogal li { list-style-type: none; width: 125px; height: 83px; float: left; margin: 0 15px 15px 0;} #photogal li a { display: block; background:#fff; padding: 3px; border: solid 1px #644215; width: 125px; height: 83px;} #photogal li a:hover { border: solid 3px #272d19; padding: 1px;} /*--- CTAs ------------------------------------------------------*/ #ctaShell {} #ctaShell ul{margin:0; padding:0; height: 94px;} #ctaShell li{ list-style-image: none; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; } #ctaShell li a { height: 94px; width: 125px; display: block; } #ctaShell li a:hover{ background-position:left bottom;} .team {height: 94px; width: 128px;} .team a {background-image: url(../img/nav-team.jpg); background-repeat: no-repeat; background-position:left top;} .team a.current {background-image: url(../img/nav-team.jpg); background-repeat: no-repeat; background-position:left bottom;} .approach {height: 94px; width: 128px;} .approach a {background-image: url(../img/nav-approach.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .approach a.current {background-image: url(../img/nav-approach.jpg); background-repeat: no-repeat; background-position:left bottom;} .portfolio {height: 94px; width: 128px;} .portfolio a {background-image: url(../img/nav-portfolio.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .portfolio a.current {background-image: url(../img/nav-portfolio.jpg); background-repeat: no-repeat; background-position:left bottom;} .references {height: 94px; width: 128px;} .references a {background-image: url(../img/nav-references.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .references a.current {background-image: url(../img/nav-references.jpg); background-repeat: no-repeat; background-position:left bottom;display:inline} .join {height: 94px; width: 128px;} .join a {background-image: url(../img/nav-join.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .join a.current {background-image: url(../img/nav-join.jpg); background-repeat: no-repeat; background-position:left bottom;display:inline} .projects {height: 94px; width: 125px;} .projects a {background-image: url(../img/nav-projects.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .projects a.current {background-image: url(../img/nav-projects.jpg); background-repeat: no-repeat; background-position:left bottom;display:inline} .home {height: 94px; width: 125px;} .home a {background-image: url(../img/nav-home2.jpg); background-repeat: no-repeat; background-position:left top;display:inline} .home a.current {background-image: url(../img/nav-home2.jpg); background-repeat: no-repeat; background-position:left bottom;display:inline} /* Footer ------------------------------------------------------*/ #f-shell {margin-top: 0px; padding: 0px; clear:both; margin-top: -17px;} #f-nav {font-size: 11px;color: #a94c0f; font-weight:bold; height: 46px; width:763px; position:relative; background-color:#e2e2db;} #f-nav ul {margin-left: 35px; padding-top:17px} #f-nav li{border-right: 1px solid;display: block;float: left;margin: 0px 15px 0px 0px;padding: 0px 15px 0px 0px;list-style: url(none) none;line-height: 9px; } #f-nav li.noStylingRight {border:none; margin-right:0; padding-right:0;} #f-nav li a {position: relative;color: #a94c0f; text-transform:uppercase; text-decoration:none } #f-nav li a:hover {color: #000;text-decoration: underline;} #f-nav a.current {color: #b68604; text-decoration:underline } address { font-size: 11px;color: #000000; font-weight:normal; position:relative; font-style:normal} #f-sig {text-align:center; height:77px; width:763px; background:url(../img/footer-bg.jpg); padding-top:25px; background-repeat:no-repeat; background-position:top center} /* CMS Stylings ------------------------------------------------------*/ #cp .content {min-height:420px;} #cp #b-contentArea h1 {font-size:16px} #cp #h-banner {} #cp_sectionlinks, #cp_sectionlinkssupbpage {display:none;} #cp_sectionlinks ul, #cp_sectionlinkssupbpage ul {margin:0; padding:0;} #cp_sectionlinks li, #cp_sectionlinkssupbpage li {list-style-type:none; float:left; margin:0 5px 0 0;} #cp_sectionlinks li a, #cp_sectionlinkssupbpage li a{border:1px solid #e39b35; text-decoration:none; padding:0px 5px; line-height:25px; background-color:#d9d5ce; font-weight:bold } #cp_sectionlinks li a:hover, #cp_sectionlinkssupbpage li a:hover{} /* Special Cases ------------------------------------------------------*/