/* ------------------------------------------------------------- HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM YOU DESIGN _WE DEVELOP ------------------------------------------------------------- */ body { background: #fff; } html { background: #000; } /* DIV CLASSES -------------------------------------------------------------*/ .column { float: left; } #information .column { margin-right: 30px; padding: 18px 0; width: 300px; } #content .column { margin-right: 10px; width: 255px; } #facilities .column { width: 320px; } #information .column:last-child, #content .column:last-child { margin-right: 0; } #facilities .column:last-child { width: 190px; } .voodoo { margin: 0 auto; padding: 0 10px; width: 940px; } .article { clear: both; margin-bottom: 30px; overflow: hidden; } .title { position: relative; } .entry { border-bottom: 1px dotted #a8bdcf; clear: both; margin-bottom: 20px; } .photo { float: left; height: 65px; margin-right: 15px; width: 65px; } .post { float: left; width: 400px; } .three .post { width: 205px; } img.left { margin: 0 20px 20px 0; } #information .entry { margin-bottom: 10px; } .home .column.three.section .button_action_wide {margin-bottom:25px;} .eq-thumb {display:block; margin-bottom:8px; text-align:center;} /* LIST STYLING -------------------------------------------------------------*/ #content ul { margin: 5px 0 20px; padding-left: 15px; } #content ul.accordion { list-style-type: none; } #content ul.accordion li { background: url(/assets/images/icons/icon_list.png) left 3px no-repeat; padding: 0 0 5px 20px; } #content ul.accordion ul { list-style-type: none; margin-bottom: 10px; } #content ul.accordion ul li { background: none; list-style-type: none; padding-left: 20px; } ul.assets { list-style-type: none; padding-left: 0; } ul.assets li { border-bottom: 1px dotted #a8bdcf; margin-bottom: 15px; padding: 0 0 15px 50px; } ul.assets li.pdf { background: url(/assets/images/icons/icon_pdf.png) left top no-repeat; } ul.assets li.link { background: url(/assets/images/icons/icon_link.png) left top no-repeat; } /* BUTTONS -------------------------------------------------------------*/ a.button { cursor: pointer; display: block; outline: none; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} /* PLAY: THESE ARE THE LINKS TO A VIDEO ON THE TESTIMONIALS PAGE */ a.play { background-color: #FEBD00; padding: 2px 5px; width: 55px; } a.play:hover { background-color: #FEBD00; } /* CALL: THESE ARE THE LINKS TO OTHER PAGES AT THE BOTTOM OF STATIC PAGES */ a.call { background-color: #36647b; margin-top: 10px; width: 200px; } a.call:hover { background-color: #437c98; } a.image { cursor: pointer; display: block; outline: none; text-indent: -9999px; } a.action { background: url(/assets/images/icons/button_action_wide.png) no-repeat; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 23px; outline: none; padding: 6px 15px 0; text-transform: uppercase; width: 255px; } /* MASTHEAD -------------------------------------------------------------*/ #masthead { background: url(/assets/images/layout/bg_masthead.png) repeat-x; height: 118px; position: relative; top: 0; z-index: 20; } #masthead_inner { background: #191919 url(/assets/images/layout/bg_masthead_inner.png) center no-repeat; height: 110px; margin: 0 auto; position: relative; width: 960px; } h1 a { background: url(/assets/images/icons/logo.png) no-repeat; display: block; position: absolute; top: 20px; left: 0; height: 149px; width: 181px; text-indent: -9999px; } #tools { position: absolute; top: 10px; left: 405px; } #tools p { float: left; margin-right: 20px; } /* MAIN NAVIGATION ------------------------*/ #main_nav { position: relative; top: 63px; left: 230px; width: 600px; } #main_nav ul { list-style-type: none; width: 600px; } #main_nav li { display: block; float: left; margin-right: 10px; padding: 0 0 3px; } a#emergency { display: block; position: absolute; top: 54px; right: 20px; height: 31px; width: 168px; } #footer_nav { position: absolute; top: 10px; right: 20px; } #footer_nav ul { list-style-type: none; } #footer_nav li { display: inline; margin-right: 10px; } /* BANNER === Acknowledgement goes to http://www.metalabdesign.com for their groovy solution to a centered full frame slider! ------------------------*/ #banner { background: #000; margin: -8px auto 0; overflow: hidden; padding: 0 15px; position: relative; } #banner .wrapper { height: 340px; } .carousel-wrapper { height: 340px; overflow: hidden; margin: 0; } #carousel { margin: 0 0 0 -170px; width: 1290px; height: 340px; overflow: scroll; overflow: hidden; position: absolute; } #carousel ul { position:relative; width: 9999px; left: -1290px; } #carousel li { width: 1290px; float: left; display: inline; position: relative; z-index: 10; } #carousel li a.button { background: #FEBD00; position: absolute; top: 260px; left: 400px; width: 120px; } #carousel li img { margin: 0 auto; display: block; width: 1290px; height: 340px; } #carousel-nav { height: 40px; background: #191919; width: 100%; position: absolute; top: 330px; left: 0; } #carousel-nav .ca { margin-top: 10px; } #carousel-nav #nav-points { float: left; } #carousel-nav #nav-points li, #carousel-nav .nav-next, #carousel-nav .nav-prev { color: #fff; width: 15px; height: 15px; float: left; cursor: pointer; } #carousel-nav .disabled { cursor: default!important; } /* SITE CONTAINERS -------------------------------------------------------------*/ #container { margin: 0 auto; padding: 60px 0 0; position: relative; width: 960px; } #lead_in { margin-bottom: 10px; } /* SUBNAV ------------------------*/ #subnav { float: left; padding: 0 10px; width: 190px; } ul.sub_nav { list-style-type: none; margin-bottom: 20px; } ul.sub_nav li { margin-bottom: 5px; } ul.sub_nav ul { list-style-type: none; margin: 8px 0 12px 15px; } /* MAIN CONTENT ------------------------*/ #content { float: left; padding: 0 10px 20px; width: 520px; } #sidebar { float: left; padding-left: 20px; width: 190px; } #information_wrap { background: url(/assets/images/layout/bg_information.png) repeat-x; } #information { margin: 0 auto; overflow: auto; width: 960px; } #map { border: 5px solid #e2e2e2; height: 340px; margin-bottom: 10px; width: 500px; } /* FOOTER -------------------------------------------------------------*/ #footer_wrap { background: url(/assets/images/layout/bg_footer.png) top repeat-x; clear: both; height: 130px; margin-top: 20px; } #footer { margin: 0 auto; position: relative; text-align: left; width: 960px; } #footer_tier_one { height: 30px; padding-top: 10px; position: relative; top: 0; } #footer_tier_two { height: 70px; padding-top: 20px; position: relative; top: 0; } a#savage { position: absolute; top: 25px; right: 0; } a#wahmr { position: absolute; top: 10px; right: 150px; } /* FORMS -------------------------------------------------------------*/ /* GENERAL FORM STYLING ------------------------*/ form { padding-top: 15px; width: 420px; } form fieldset { margin-bottom: 10px; padding-bottom: 10px; } form .form_field { clear: both; margin-bottom: 15px; position: relative; } form input[type="text"], form input[type="submit"], form textarea { background-color: #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; } form input[type="text"], form textarea { width: 400px; } form input[type="submit"] { border: none; background: #36647b; color: #eee; margin: 0 auto; text-transform: uppercase; } form input:hover[type="submit"] { cursor: pointer; } form input[type="text"], form textarea { border: 2px solid #e8e8e8; } form input[type="text"]:focus, form textarea:focus { border: 2px solid #ffbe00; } form .captcha input[type="text"] { width: 145px; } form .captcha img { position: absolute; left: 170px; top: 20px; height: 25px; width: 120px; } /* SEARCH BAR ------------------------*/ form#search_bar { float: left; padding: 0; position: absolute; top: -3px; left: 330px; width: 220px; } form#search_bar input.text { background: #000; border: 1px solid #666; float: left; padding: 3px; width: 120px; -webkit-border-radius: 0; -moz-border-radius: 0; } form#search_bar .button { background: #000; border: 1px solid #666; float: left; height: 21px; padding: 0 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-border-radius-topright: 5px ; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px ; -webkit-border-bottom-right-radius: 5px; } /* CONTACT (FRONT PAGE) ------------------------*/ .column form { width: 300px; } .column form input[type="text"], .column textarea { width: 284px; } .column form input:hover[type="submit"] { background: #437c98; } .column .captcha input[type="text"] { margin-right: 10px; width: 145px; } .column .captcha img { position: absolute; left: 170px; top: 20px; height: 25px; width: 120px; } /* SEARCH RESULTS -------------------------------------------------------------*/ #search_results { border-collapse: collapse; margin-top: 20px; width: 100%; } #search_results th { font-weight: bold; text-align: left; padding: 0 0 10px 10px; } #search_results td { padding: 10px 30px 10px 5px; } #search_results td.search_title { padding-left: 10px; width: 70%; } #search_results td.search_channel { padding-left: 10px; width: 25%; } #search_results td.resultRowOne { background-color: #f0f0f0; border-bottom: 1px solid #ccc; } #search_results td.resultRowTwo { border-bottom: 1px solid #eee; } /* equipment ------------------------*/ #new-equipment .article{padding:0 3px} .column #new-equipment h3{background:url(/assets/images/layout/black_header.png) no-repeat 0 0; height:54px; padding-bottom:0; padding:10px 18px 0; margin-bottom:5px; color:#fff; line-height:20px} #new-equipment h3 b{display:block;} .home #new-equipment .action{margin-bottom:25px;} .eq-thumb{display:block; margin-bottom:8px; text-align:center;}