/* DRAXMONT OWL V.3 */ /* defaults */ strong { font-weight: bold } em { font-style: italic } *{padding:0; margin:0;} a { outline:none } a img { border:none } html {font: 100% Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif;} html, body {min-height: 100%; height: 100%; width: 100%;} body {background: #201d17; font: 62.5% Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; } div {position: relative} br {clear: both} /* TYPOGRAPHY */ p {font: 1.2em Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; line-height: 1.5; color: #2a2726; padding: 0 0 1em 0} a {position: relative; text-decoration: underline; color: #2a2726;} a:hover {color: #315380;} h1, h2 {font: 22px 'Century gothic', Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; color: #2a2726;} h3 {font: 17px Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; color: #2a2726; } h4, h5, h6 {font: 14px Georgia, 'Garamond', 'Palatino', 'Times New Roman', serif; color: #2a2726} blockquote {border: none; text-indent: 0; margin: 0} /* BASIC LAYOUT */ #wrapper {width: 100%; min-width: 960px; background: #d4be9c url("images/pat.png") fixed repeat 0 0; } #header {width: 100%; height: 216px; border-bottom: 1px solid #201d17; background: #201d17;} #container {width: 100%; background: url("images/content_top_pat3.png") repeat-x 0 0; padding: 52px 0 0 0; min-height: 52px} #nav_wrap {position: absolute; bottom: 0; width: 100%; background: #302d27} .wide_wrap {width: 100%; background: url("images/trans_bg.png") repeat 0 0; margin: 50px 0 4px 0; float: left; border-top: 1px solid #7a7771;} .inner {width: 900px; margin: 0 auto; padding: 0 0 0 30px} .main_content {width: 563px; float: left; clear: both; padding: 0; } body#page_arc .main_content {width: 100%; margin: 0 0 3em} .secondary_content {width: 293px; float: right; margin: 0 30px 20px 0; } .phase_text { padding: 5px 30px; width: 503px; float: left; } .Lborder {background: url("images/mod_border.gif") repeat-y 30px 0; margin-top: 40px; border-bottom: 1px dotted #7a7771;} #footer { width: 100%; clear: both; background: url("images/content_bottom_pat3.png") repeat-x 0 0; padding: 52px 0 0 0 } /****** NAVIGATION ******/ ul#menu {list-style-type: none; float: right; margin-right: 29px; width: 288px} ul#menu li { margin: 0 1px 0 0; font: bold 1.4em 'century gothic'; text-transform: uppercase; float: left; position: relative; line-height: 2.5} ul#menu li a {background: #696660 url("images/shade2.png") repeat-x center; color: #fff; text-decoration: none; display: block; line-height: 2.5; width: 95px; text-align: center} body#page_home ul#menu li.home a, body#page_arc ul#menu li.arc a, body#page_contact ul#menu li.contact a {background:#7a8594 url("images/shade2.png") repeat-x center;;} ul#menu li a:hover {background: #7a8594 url("images/shade2.png") repeat-x center;} body#page_home ul#menu li.home a:hover, body#page_arc ul#menu li.arc a:hover, body#page_contact ul#menu li.contact a:hover{background:#7a8594 url("images/shade2.png") repeat-x center;} #phases_diagram {width: 563px; margin: 15px 0 2em 0; min-height: 27em; background: url("images/pat.png") fixed repeat 0 0; } #phases_diagram:hover {width: 896px; } dl.phases {width: 516px; position: relative; overflow: hidden; min-height: 20px;} dl.phases dt {font: bold 13px 'century gothic'; text-transform: uppercase; float: right; text-align: right; clear: both} dl.phases dt a {background: url("images/shade2.png") repeat-x center; padding: 6px 6px; border: 1px solid #7a7771; color: #696660; text-decoration: none; display: block; text-align:center; margin: 0 0 8px; } dl.phases dt#phase8 {width: 40%} dl.phases dt#phase7 {width: 50%} dl.phases dt#phase6 {width: 60%} dl.phases dt#phase5 {width: 70%} dl.phases dt#phase4 {width: 80%} dl.phases dt#phase3 {width: 90%} dl.phases dt#phase2 {width: 100%;} dl.phases dd {position: absolute; left: 516px; top: 0; padding-left: 85px; background: url("images/dl_arrow.png") no-repeat left 1px; width: 270px; height: auto; font-size: 12px} dl.phases dd strong, dl.pro_man dd strong {font: bold 1.2em 'century gothic'; color: #3d3631;} dl.phases dd#bottom {top: -50px; background: url("images/dl_arrow.png") no-repeat left bottom; } dl.pro_man {width: 34px; position: absolute; left: 529px; top: 0; overflow: hidden;} dl.pro_man dt#phase1 {width: 34px; margin: 0; min-height: 25.8em; } dl.pro_man dt#phase1 a {padding: 0; margin: 0; text-indent: -9999px; border: none; z-index: 997; min-height: 25.7em; width: 33px; position: absolute; top: 0; background: #d7c29f url("images/shade_horiz.png") repeat-y center; } dl.pro_man dt#phase1 a span{background: url("images/pro_man.png") no-repeat center center; min-height: 25.6em; width: 32px; position: absolute; z-index: 99; border: 1px solid #7a7771; top: 0; left: 0; padding: 0; margin: 0; } dl.pro_man dd {position: absolute; left: 0px; top: 0; padding-left: 73px; background: url("images/dl_arrow.png") no-repeat -13px 1px; width: 270px; height: auto; font-size: 12px} dl.phases:hover, dl.pro_man:hover {overflow: visible} dl.phases dt a:hover {background: #f1debe url("images/shade2.png") repeat-x center; color: #686358} dl.pro_man dt#phase1 a:hover {background: #f1debe url("images/shade_horiz.png") repeat-y center;} dl.pro_man dt#phase1 a span:hover {background: url("images/pro_man.png") no-repeat center center; } /** IMAGE REPLACEMENT **/ /** HEADER TEXT **/ h1 {position: absolute; top: -159px; left: 0px; color: #655d4e; margin-left: -10px; width: 343px; font: 1.2em "century gothic" ; } h1 span {position: absolute; text-indent: 39px; text-transform: uppercase; font-size: 21px; color: #696660; padding: 164px 0 0 0; width: 500px; left: 0; background: url("images/do_logo.png") no-repeat 0 0; } blockquote#strap {position: absolute; bottom: 21px; right: 29px; width: 560px } blockquote#strap p {font: bold 13px georgia; color: #655d4e; text-align: right; padding: 0 0 5px 0; line-height: normal} p#jack {position: absolute; bottom: 0px; right: 29px; font: bold 10px georgia; color: #5f5e5b; text-align: right; } /*** MAIN TEXT ***/ body#page_home .main_content p {font-size: 1.6em} h2.intro, p.inline {font: 18px georgia ! important; line-height: 1.5 ! important; display: inline} p.inline {margin: 0 0 40px 0 ! important;} p.large {font: 18px georgia;} #arc_intro {position: absolute; right: 30px; top: -3px; width: 280px; } #arc_intro p{line-height: 1.5} h2.title { font-size: 30px; color: #343c47; position: absolute; z-index: 999; top: -15px; } h2.phase_title {font: 17px 'georgia'; height: 29px; margin: 0px 0 18px 38px; line-height: 1.6; background: url("images/shade2.png") repeat-x center; padding: 1px 0 0 0; color: #343c47; text-transform: uppercase; border: 1px solid #7a7771; border-width: 1px 1px 1px 0; text-indent: 5px; float: left; width: 524px} h2.phase_title span {position: absolute; left: -35px; top: -24px; color: #696660; font: 40px 'georgia'; height: 68px; width: 57px; background: url("images/modules_circle2.png") no-repeat center; padding: 12px 0 0 23px; text-indent: 0px} h2#phase_one span {width: 54px; padding: 12px 0 0 26px; } h2#phase_two span {width: 56px; padding: 12px 0 0 24px; } h2#phase_three span, h2#phase_five span, h2#phase_seven span, h2#phase_eight span {width: 55px; height: 70px; padding: 10px 0 0 25px; } h2#phase_four span{width: 58px; height: 70px; padding: 10px 0 0 22px; } h2#phase_six span, h2#module8 span {width: 56px; height: 65px; padding: 15px 0 0 24px; } .main_content h3 {margin: 0.2em 0 0.7em 0} .main_content h3 {margin: 0 0 0.5em 0} .main_content ul.inner_list {list-style: outside; margin: 0px 0 15px 0px; font-size: 1.2em;} .main_content ul.inner_list li {margin: 0px 0 0.4em 0; line-height: 1.5; color: #2a2726 } .main_content img{margin: 20px 0 0 0; } p.backtotop { text-align: center; width: 100%; line-height: normal; position: fixed; bottom: 0; z-index: 999; padding: 0 0 1px 0} p.backtotop a{background: url("images/to_top_arrow.png") no-repeat center 0; padding: 30px 5px 0 5px; color: #7a7771; text-decoration: none; margin: 0 964px 0 0; font: bold 0.8em 'century gothic'; text-transform: uppercase} /** SECONDARY TEXT **/ .secondary_content h2.side_head {background: url("images/shade2.png") repeat-x center; color: #343c47; font: 17px 'georgia'; height: 29px; margin: -50px 0 27px 0; line-height: 1.6; text-align: center; border: 1px solid #7a7771; display: block; padding: 1px 0 0} .secondary_content ul {list-style: none; } .secondary_content ul li {font-size: 15px; margin: 0; background: url("images/white_trans.png") repeat 0 0; width: 267px; border: 1px solid #7a7771; border-width: 1px 1px 0 1px; color: #484948; padding: 6px 12px 0px 12px; } .secondary_content ul li ul {width: 291px; margin: 6px -12px 0 -12px; border: none; padding: 6px 0; background: url("images/modbox_pat.png") repeat 0 0; border-top: 1px solid #7a7771;} .secondary_content ul li ul li {font-size: 70%; color: #2a2726; background: #d7c8b2; border: 1px solid #7a7771; margin: 6px 12px; padding: 5px 6px; width: 253px; } p.aw_external { margin: 0; line-height: normal; padding: 0} p.aw_external a{color: #e9e1d4; font: bold 14px 'century gothic'; background: #696660 url("images/shade2.png") repeat-x center; text-decoration: none; display: block; line-height: 1.9; padding-left: 12px} p.aw_external a:hover {background: #f1debe url("images/shade2.png") repeat-x center; color: #686358; border: 1px solid #7a7771;} .secondary_content #aw_wrap {border: 1px solid #645942; width: 270px; background: #a69f8f; padding: 7px; float: right; margin: 7px 0px 0 0} .secondary_content #aw_wrap h3{position: absolute; top: -19px; font-size: 12px; color: #655d4e; background: url("images/wing_tip.png") no-repeat 43px 6px; text-indent: -9999px; height: 26px; width: 76px; } .secondary_content #aw_wrap h3 span{position: absolute; left: 17px; top: 26px; width: 250px; height: 92px; padding: 0; background: url("images/aw_ad_logo.png") no-repeat 0 0;} .secondary_content #aw_wrap p{font: 14px georgia, 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; padding: 105px 20px 11px 29px; color: #a69f8f; background: #302d27; line-height: 1.5} .secondary_content #aw_wrap h4 a{font: 17px 'century gothic', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; color: #98a2b1; padding: 0px 26px 25px 28px; background: #302d27; text-decoration: none; display: block } .secondary_content #aw_wrap h4 a:hover {color: #fff} /* Form elements -----------------------*/ #form-div form#gbcf-form {width: 100%; color: #56534d; padding: 0; font:.9em Verdana, Arial, Helvetica, sans-serif; background: url("images/form_border_bot.png") no-repeat bottom left; float: right} #form-div form#gbcf-form fieldset {border: none; width: 100%; } #form-div form#gbcf-form fieldset fieldset {background: url("images/thumbs_border_bot2.png") no-repeat bottom left; margin: 0 0 10px 0; padding: 0 0 7px 0 } #form-div form#gbcf-form legend {font-size:1.5em; margin: 0 0 10px 0; color: #3e4748; } #form-div form#gbcf-form input {background: #fff url("images/shade.png") repeat-x center; color: #372f24; font-size: 1.3em; border:1px solid #9c917f; padding:3px; } #form-div form#gbcf-form textarea#message { background: #fff url("images/textarea_grad.png") repeat-y center; color: #372f24; font: 1.2em Verdana, Arial, Helvetica, sans-serif; border:1px solid #9c917f; padding:5px; width: 521px; margin: 0 15px 5px 15px; height: 181px} #form-div form#gbcf-form input:focus, #form-div form#gbcf-form textarea#message:focus {background:#fff;} #form-div form#gbcf-form label {font-size:1.2em; } #form-div form#gbcf-form fieldset.main-set legend.main-legend span {background: url("images/shade2.png") repeat-x center; color: #343c47; font: 18px 'georgia'; margin: 7px 0 20px 0; line-height: 1.6; text-align: center; border: 1px solid #7a7771; display: block; padding: 0; width: 291px} #form-div form#gbcf-form fieldset.req-set ul {width: 400px; list-style-type: none; background: url("images/fieldset_top.png") no-repeat top left; padding: 15px 0 0 0} #form-div form#gbcf-form fieldset.req-set label {width: 50px; float: left; clear: both; margin: 0 0 10px 15px; line-height: 2;} #form-div form#gbcf-form fieldset.req-set input {width: 207px; float: left; margin: 0 15px 0 0; line-height: normal;} #form-div form#gbcf-form fieldset.message {background: url("images/form_border_big.png") no-repeat bottom left; margin: 0 0 10px 0; padding: 0 0 10px 0 } #form-div form#gbcf-form fieldset.message label {width: 563px; padding: 10px 15px 5px 15px; margin: 0; display: block; background: url("images/form_border_top.png") no-repeat top left; } #form-div form#gbcf-form fieldset fieldset legend{position: absolute; text-indent: -9999px; font-size: 0; margin: 0} #form-div form#gbcf-form fieldset.final-set {float: left; background: url("images/fieldset_top.png") no-repeat top left; padding: 15px 15px 0px 15px; } #form-div form#gbcf-form fieldset.final-set input.text-short {width: 120px; margin: 3px 0 10px 0; float: left; clear: both;} #form-div form#gbcf-form fieldset.final-set label {width: 150px; float: left; margin: 6px 0px 0 10px; } #form-div form#gbcf-form fieldset.final-set label.explain {width: auto; float: left; margin: 0 0 20px 0; text-align: left; font-size: 1em; clear: both} #form-div form#gbcf-form fieldset.final-set input.button {float: left; width: 263px; margin: 10px 0 10px 0; background: #696660 url("images/shade.png") repeat-x center; text-transform: uppercase; font: bold 1.6em 'century gothic'; color: #fff; clear: both} #form-div form#gbcf-form fieldset.final-set input.button:hover {cursor: pointer; background: #7a8594 url("images/shade.png") repeat-x center;} #form-div #results p {color: #a24545; margin-top: -5px; font-size: 1.5em } #form-div #results p.success {color: #618861; } #form-div #results a {background: none; padding: 0; margin: 5px 0 0 0; font-size: 0.9em; color: #56534d} /*FOOTER*/ #footer #aw_wrap {background: #201d17; width: 100%; padding: 0 0 20px 0; float: left;} #footer #aw_wrap h3{position: absolute; top: -26px; text-indent: -9999px; height: 26px; width: 76px; font-size: 12px; color: #655d4e; background: url("images/wing_tip_big.png") no-repeat 40px 0;} #footer #aw_wrap h3 span{position: absolute; left: 0px; top: 26px; width: 336px; height: 158px; padding: 0; background: url("images/aw_ap_logo3a.png") no-repeat 0 0;} #footer #aw_wrap p{font: 16px georgia, 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; float: right; color: #696660; line-height: 1.5; width: 500px; margin: 20px 30px 0 0 } #footer #aw_wrap a{ text-decoration: none; display: block; padding: 4px 2px; margin: 11px 0 0 0; background: #504c45 url("images/shade2.png") repeat-x center; color: #e9e1d4; font: bold 15px 'century gothic'; text-align: center; } #footer #aw_wrap a:hover {background: #e9e1d4 url("images/shade2.png") repeat-x center; color: #686358} #footer ul { padding: 10px 0; text-align: center; background: #302d27; width: 100%; min-width: 1000px; border-top: 1px solid #674f36; clear: both} #footer ul li {display: inline; color: #5f5e5b; margin-right: 4px; font: 10px 'lucida sans unicode', 'lucida grande', 'trebuchet ms', sans-serif; } #footer ul li:first-child {margin-left: 5px;} #footer ul li a{color: #645942;} #footer ul li a:hover {color: #7a8594;}