body { font:76%/155% Verdana, Arial, Helvetica, sans-serif; color:#333; background-image: url(../assets/graphics/page-bkgrd-grad.jpg); background-repeat: repeat-x; background-color: #eae8d8; margin: 0px; padding: 0px; } a:focus { outline: none; } #page-wrap { width: 930px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #page-wrap p { margin-top: 0px; } #page-wrap img { border:0; } /*--------------------------------------------- SEGMENT WRAPPERS ----------------------------------------------- */ #header { background-image: url(../assets/graphics/page-bkgrd-header.jpg); background-repeat: no-repeat; background-position: center top; height: 150px; } #header-home a { float: left; margin-left:75px; margin-top:50px; width: 140px; height: 80px; display: block; display: inline; } #content-wrap { background-image: url(../assets/graphics/page-bkgrd-tile.jpg); background-repeat: repeat-y; background-position: center top; padding-left: 50px; padding-right: 40px; padding-bottom: 15px; min-height:600px; height:auto !important; height:600px; } #headline { width: 830px; font:normal 270% Georgia, "Times New Roman", Times, serif; background-image: url(../assets/graphics/page-bkgrd-tile.jpg); background-repeat: repeat-y; background-position: center top; color:#ea5218; letter-spacing: -0.05em; padding: 15px 0 15px 0; border-top: 5px solid #fecb00;} #social-utilities-wrap { background-image: url(../assets/graphics/page-bkgrd-tile.jpg); background-repeat: repeat-y; background-position: center top; padding-top: 10px; padding-right: 50px; padding-bottom: 20px; padding-left: 50px; margin: 0px; font-size: 10px; height: 30px; } #social-utilities { float: left; width: 830px; padding-top: 10px; border-top:1px dotted #555; } #social-utilities img.facebook { float: left; display: inline; } #opt-in-email { margin:6px 0 0 0; float:right; } #opt-in-email p { float:right; display:inline; font-size:120%; font-weight:bold; padding-top:3px; margin:0; } #footer-wrap { background-image: url(../assets/graphics/page-bkgrd-footer.jpg); background-repeat: no-repeat; background-position: center -12px; height: 60px; padding:5px 50px 0 50px; } #footer { float: left; width: 810px; padding:10px; margin:5px 0; text-align: left; background-color:#000; color: #fff; } #footer h1 { float: left; width: 600px; font-size: 100%; line-height: 100%; margin: 0; padding:0; font-weight: normal; color: #ea5218; } #footer h2 { float: right; width: 160px; font-size: 80%; line-height: 100%; margin: 0; padding:2px 0 0 0; font-weight: normal; text-align:right; } #webmaster { float: left; width: 850px; padding:5px 40px 0 40px; margin-bottom: 5px; text-align: right; font-size: 80%; } #webmaster p { color: #888; margin-left: 15px; display: inline; } #webmaster a { color: #888; } #webmaster a:hover { color: #333; } /*--------------------------------------------- CONTENT ----------------------------------------------- */ #main-wrap { width: 630px; float: right; padding: 0; } #main-wrap p { line-height: 180%; } #main-wrap .column-third { float: left; width: 200px; margin-right: 10px; } #main-wrap .column-half { float: left; width: 305px; margin-right: 10px; } #main-wrap .main { width: 620px; float: right; margin-right: 10px; display: inline; padding: 0; } #main-wrap h2 { font-size: 120%; color: #008b99; margin: 12px 0 6px 0; } #main-wrap h2 a { color: #008b99; text-decoration: none; } #main-wrap h3 { font-size: 120%; color: #008b99; margin: 3px 0 6px 0; } #main-wrap h4 { font-size: 100%; line-height: 180%; margin: 0; } #main-wrap ul { list-style: none; margin: 0; padding: 0; } #main-wrap ul li { padding-left: 12px; background-image: url(../assets/graphics/bullet-arrow.gif); background-repeat: no-repeat; background-position: 0 0.65em; margin-bottom: 6px; } #main-wrap a { color: #333; } #main-wrap a:visited, active { color: #666; } #main-wrap a:hover { color: #008b99; text-decoration: none; } #main-wrap .news-date { font-size: 85%; color: #888; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 3px 0; line-height: 100%; } #main-wrap .align-left { padding: 3px; background-color: #252525; float: left; margin-right: 15px; margin-top: 7px; } #main-wrap .align-right { padding: 3px; background-color: #252525; float: right; margin-left: 15px; margin-top: 7px; } #main-wrap .float-head-shot { float: left; height: 160px; margin: 6px 15px 0 15px; display: inline; } #main-wrap table { width: 100%; background-color: #E6EEBB; color: #000000; border: 1px solid #414E07; } #main-wrap th { background-color: #414E07; color: #FFFFFF; padding: 5px; } #main-wrap td { padding: 3px; border: 1px dotted #414E07; } #main-wrap .alt1 td { background-color: #DDE89F; } #main-wrap .alt2 td { background-color: #FDFCDB; } /*--------------------------------------------- GLOBAL NAV ----------------------------------------------- */ #dropmenu, #dropmenu ul { margin:0; padding: 0; list-style-type:none; position:relative; z-index:300; } #dropmenu { float: right; margin-top: 0; margin-right: 50px; padding: 0; width: 620px; height: 65px; display: inline; } #dropmenu a { float:left; display:block; height: 65px; text-decoration:none; } #dropmenu a.work { width: 138px; background-image: url(../assets/nav/work-off.jpg); background-repeat: no-repeat; background-position: 0 0; } #dropmenu a.about { width: 152px; background-image: url(../assets/nav/about-off.jpg); background-repeat: no-repeat; background-position: 0 0; } #dropmenu a.news { width: 146px; background-image: url(../assets/nav/news-off.jpg); background-repeat: no-repeat; background-position: 0 0; } #dropmenu a.contact { width: 184px; background-image: url(../assets/nav/contact-off.jpg); background-repeat: no-repeat; background-position: 0 0; } #dropmenu li { float:left; position:relative; } #dropmenu ul { border-top: 5px solid #fecb00; padding-bottom: 10px; display:none; position:absolute; top: 65px; left: 0; width: 220px; font-size:100%; background-image: url(../assets/nav/drop-down-220px.png); background-repeat: no-repeat; background-position: center bottom; /* Sub Menu Background Color */ z-index:500; } #dropmenu ul.contact-drop { width: 184px; background-image: url(../assets/nav/drop-down-184px.png); background-repeat: no-repeat; background-position: left bottom; } #dropmenu ul li { width: 100%; cursor: pointer; } #dropmenu li ul a { margin: 0; padding: 2px 3px 3px 15px; height: 18px; float: none; color: #fff; background-color:#333; border-bottom: 1px solid #444; border-top: 1px solid #252525; } #dropmenu li ul a:hover { color: #fff; background-color:#000; } #dropmenu li ul a.selected { color: #fff; background-color:#008b99; border-top: 1px solid #007C8B; /* dropdown selected */ } #dropmenu li:hover ul { display:block; } /*--------------------------------------------- LOCAL NAV ACCORDION ----------------------------------------------- */ #local-nav { float:left; width:190px; margin:3px 0 0 0; padding-left:0; list-style:none; } #local-nav h2 { width:180px; font-size: 120%; line-height: 100%; color: #ea5218; margin-top: 0; } #local-nav ul { border-bottom:1px dotted #555; width:190px; margin:0; padding: 0; list-style: none; } #local-nav ul li { border-top:1px dotted #555; } #local-nav ul li a { width:178px; padding:3px 0 3px 12px; display:block; text-decoration:none; color:#666; font-weight:bold; cursor:pointer; } #local-nav ul li.selected, #local-nav ul li a.selected { background: transparent url(../assets/graphics/bullet-arrow.gif) no-repeat 0 .85em; color:#ea5218; } #local-nav ul li a:hover { background: transparent url(../assets/graphics/bullet-arrow.gif) no-repeat 0 .85em; color:#ea5218; } #local-nav ul li ul { width:178px; border: none; list-style: none; margin: 0px; padding: 0 0 0 12px; } #local-nav ul li ul li { border-top:1px dotted #d5d5d5; } #local-nav ul li ul li a { display:block; width:178px; padding:3px 0 3px 12px; color:#666; text-decoration:none; } #local-nav ul li ul li.selected, #local-nav ul li ul li a.selected { width: 178px; font-weight: bold; color:#008b99; padding:3px 0 3px 12px; margin:0; } #local-nav ul li ul li a:hover { width:178px; color:#008b99; text-decoration:none; } #local-nav ul li ul li ul { width:166px; border: none; list-style: none; margin: 0px; padding: 0 0 0 12px; } #local-nav ul li ul li ul li a { display:block; width:162px; padding:2px 0 2px 6px; color:#666; text-decoration:none; font-weight: normal; } #local-nav ul li ul li ul li.selected { font-weight: normal; width:162px; background: #fff url(../assets/nav/local-nav-nest-selected.jpg) repeat-y 0 0; border-top:1px dotted #d5d5d5; color:#444; padding:2px 0 2px 6px; } #local-nav ul li ul li ul li a:hover { width:162px; background: #fff url(../assets/nav/local-nav-nest-hover.jpg) repeat-y 0 0; color:#555; text-decoration:none; } /*--------------------------------------------- FLOWPLAYER ----------------------------------------------- */ /* player containers */ .flowplayer-wrap { float: left; width:620px; height:260px; padding:0; margin: 5px 0 15px 0; z-index: -500; } .flowplayer-400x250 { float: left; width:400px; height:250px; padding: 5px; background-color: #000; z-index: -500; display: inline; } .flowplayer-400x250-uptime { float: left; width:400px; height:250px; padding: 5px; margin: 5px 15px 0 0; background-color: #000; z-index: -500; display: inline; } .flowplayer-sidebar { float:right; width: 195px; } /* playlist */ /* a:active { outline:none; } :focus { -moz-outline-style:none; } */ /* general playlist settings, light gray */ .playlist-player { float: left; width:620px; height:260px; padding: 7px 10px 0 0; margin-bottom: 15px; z-index: -500; } .playlist-list-wrap { float:right; background: transparent url(../assets/flowplayer/arrow-off-top.gif) no-repeat center top; } .playlist { background: transparent url(../assets/flowplayer/arrow-off-bottom.gif) no-repeat center bottom; position:relative; overflow:hidden; height:200px !important; } .playlist .clips { position:absolute; height:20000em; } .playlist, .clips { width:195px;} #main-wrap .clips a { display:block; background-color:#333; border-bottom: 1px solid #444; border-top: 1px solid #252525; padding:9px 6px 9px 15px; width:174px; font-size:100%; line-height: 130%; color: #fff; text-decoration: none; } #main-wrap .clips a:hover { background-color:#000; } /* low version */ #main-wrap .clips.low a { height:21px; } #main-wrap .clips.low a.playing, .clips.low a.paused, .clips.low a.progress { background-color: #008196; color: #fff; cursor:pointer; border-bottom: 1px solid #ccc; } #main-wrap .clips.low a.paused { background-color: #66a30d; color: #fff; cursor:pointer; } /* go buttons */ a.go { display:block; width:195px; height:29px; background: transparent url(../assets/flowplayer/arrow-up.gif) no-repeat 0 0; cursor:pointer; } a.go:hover, a.go.down:hover { background-position:0px -29px; } a.go.down { background: transparent url(../assets/flowplayer/arrow-down.gif) no-repeat 0 0; } a.go.up.disabled { visibility:hidden; } a.go.down.disabled { background: transparent url(../assets/flowplayer/arrow-off-bottom.gif) no-repeat center bottom; } /* container has a background image */ a.player { float: right; display:block; background-color: #000; padding: 5px; width:400px; height:250px; color:#fff; text-decoration:none; cursor:pointer; z-index: -400; } /*--------------------------------------------- REVIEWS AND TESTIMONIALS ----------------------------------------------- */ #main-wrap .main dl { width:100%; margin:0 0 24px 0; padding:0 0 6px 0; background: #eae8d8 url(../assets/graphics/definition-list-bkgrd.gif) repeat-x 0 30px; } #main-wrap .main dl a, #main-wrap .main dl a:visited { color:#fff; margin-right:6px; padding:3px 3px; } #main-wrap .main dl a:hover { text-decoration:none; color:#252525; } #main-wrap .main dt { margin:0 0 9px 0; padding:6px 0 6px 12px; font-size:130%; line-height:125%; color:#fff; background: #008b99 url(../assets/graphics/definition-term-bkgrd.gif) repeat-x left center; } #main-wrap .main dd { margin:0 0 0 12px; padding:0 12px 0 0; font-size:100%; line-height:175%; } #main-wrap .main dd.textlink { color:#fff; text-align:right;text-decoration:none; margin:0; padding:0 0 6px 0; } #main-wrap .main dd.attribution { font-style:italic; margin:0 12px 12px 12px; padding:0; } #main-wrap .main dd.subhead { font-weight: bold; margin:0 12px 6px 12px; padding:0; } /*--------------------------------------------- OTHER SHTUFF ----------------------------------------------- */ /* ie6 outdated message -- only seen by ie6 users */ #banner-notice { font-weight: bold; width: 100%; padding: 6px 0; background-color: #f00; color: #ff0; text-align: center; } #banner-notice a { color: #fff; } #banner-notice a:hover { color: #333; } /* news headlines */ #ticker { float: right; margin-top: 45px; margin-right: 50px; padding: 0; width: 620px; height: 40px; display: inline; } #ticker h1 { font-size: 85%; color: #fff; margin: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 0.5em; } #ticker ul { list-style: none; margin: 0; padding: 0; font-weight: bold; line-height: 100%; } #ticker ul li a:link { color: #333; } #ticker ul li a:hover { text-decoration: none; } /* modal window -- jquery simple dialog from www.mudaimemo.com */ .sd_container { margin:0; padding: 30px; position: absolute; background-color: #fff; border: solid 10px #252525; width: 45%; } .sd_container h2 { font-size: 120%; color: #008b99; margin: 0 0 6px 0; } .sd_container h4 { font-size: 100%; line-height: 120%; margin: 0; } .sd_overlay { position: absolute; margin:0; padding: 0; top: 0; left: 0; background-color: #222; } .sd_loading { background: url('indicator.gif') center no-repeat; background-color: #fff; height: 60px; width: 60px; } .sd_closelabel { position:absolute; width:50px; height:22px; line-height:22px; top:0; left:0; padding:5px; text-align:center; background-color:#ccc; } .sd_closelabel a { text-decoration:none; color: #222; font-size: 12px; font-weight:bold; } /* type treatments */ .show-title { font-size: 90%; text-transform: uppercase; } .extra-top { padding-top: 3px; } .bold { font-weight: bold; } #main-wrap .main h2.extra-space { margin-top: 24px; } /* home page */ #flash-box { width:830px; height:280px; background:#fff url(../assets/home/flash-box-shdw.jpg) repeat-x left bottom; } #quick-links-wrap { width:840px; margin: 10px 0 0 0; padding: 0 } #quick-links-wrap .column { float:left; width:200px; margin-right:10px; display: inline; } #quick-links-wrap .column a img { border-top: 5px solid #fff; margin: 0; } #quick-links-wrap .column a:hover img { border-top: 5px solid #fecb00; } #quick-links-wrap p { margin:0; line-height: 150%; padding-right: 15px; } #quick-links-wrap p a { color: #333; } #quick-links-wrap p a:visited, active { color: #666; } #quick-links-wrap p a:hover { color: #008b99; text-decoration: none; } /* side-bar */ #side-bar h1 { float: left; width: 180px; margin: 15px 0 0 0; padding: 5px 0 5px 10px; font-size: 120%; color: #fff; background:#9f9e9f url(../assets/graphics/side-bar-top.gif) no-repeat 0 0; letter-spacing: -0.01em;} #side-bar .text-box { font:italic 100%/160% Georgia, "Times New Roman", Times, serif; float: left; width: 170px; padding: 10px; background-color: #ffffd0; color: #555; border-bottom: 1px solid #cccfce; margin-bottom: 15px; } /* general button styling */ .button-wrap { float: right; } .buttons a, .buttons button { display:block; float:left; margin:0 0 0 15px; background-color:#336699; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-size:115%; line-height:100%; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* standard button */ button:hover, .buttons a:hover { border:1px solid #66ACD2; background-color:#BEDBE4; color:#336699; } .buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; } #mapbox { float:left; width:100%; height:400px; margin-top:0.5em; } .clear { clear: both; }