/* ---------------------------- [Master Stylesheet] Project: Right Tackle Charters Version: 1.0 Last change: 05/30/08 [site created, lg] Assigned to: Lonnie Griffin [lg] Primary use: Web ------------------------------- */ /* ---------------------------- */ /* Basic Elements /* ---------------------------- */ body{background: url(../images/bkground-body.jpg); background-color: #0f294d; margin:0px; padding:0px; font-size: 14px; font-family:Arial, Helvetica, sans-serif; text-align:center} h1 { display: none; } h3, h2, h4, h5, h6, p {margin: 10px 0px 10px 0px; padding: 0px; } h2 {font-size: 18px; clear: both; font-weight: normal} h3 { font-size: 15px; display: block;clear: both; } h4 { font-size: 13px;} h5 { font-size: 12px;} p { line-height:20px;} a, a:visited { color: #0000ff; } a:hover { text-decoration: none; } a img { border: none; } hr {height:1px; background-color:#cdb88c; border: 0px; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden} ul { margin: 10px 0px 10px 30px; padding: 0px; } ul li { line-height: 18px; } address { font-style: normal; line-height: 18px; margin: 10px 0px 10px 0px; padding: 0px;} /* ---------------------------- */ /* Containers /* ---------------------------- */ #bkground-sky {width: 100%; height: 232px; background:url(../images/bkground-sky.jpg) repeat-x; position: absolute; top: 42px; left: 0px;} #wrapper {width: 991px; margin: 0px auto 0px auto; text-align: left;position: relative; } #topnav {position: absolute; top: 15px; right: 5px; font-size: 11px;list-style: none; margin: 0px; padding: 0px; z-index: 100;} #topnav li {float: left; margin: 0px 10px 0px 0px;} #topnav li a { color: #dbe1eb; } #topnav li img { margin: 1px 2px -1px 0px; } #menu { position: absolute; top: 6px; left: 0px; width: 850px; height: 51px; z-index: 299;} #menu img { float: left; } #menu #dropdown-about-us, #dropdown-fishing-charters, #dropdown-other-excursions {display: none; z-index: 199; margin: 0px; padding: 0px; background: #000b1e; list-style: none; line-height: 18px;font-size: 12px; position: absolute; top: 38px; } #menu #dropdown-about-us a, #dropdown-fishing-charters a, #dropdown-other-excursions a {text-decoration: none;padding: 3px 4px 2px 4px; color: #fff;height: 20px; display: block;border-bottom: 1px solid #031a41; width: 170px;} #menu #dropdown-about-us a:hover, #dropdown-fishing-charters a:hover, #dropdown-other-excursions a:hover {background: #07285f; } #menu #dropdown-about-us {left: 83px; } #menu #dropdown-fishing-charters {left: 196px; } #menu #dropdown-other-excursions {left: 365px;} #logo {position: absolute; left: 0px; top: 59px; } #yacht { position: relative; z-index: 1; top: 56px; left: 340px; } #header {position: relative; height: 274px; } #content-container {width: 951px; background:url(../images/bkground-content-container.jpg) repeat-y; padding: 20px 20px 0px 20px; } #content-container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #content { background: #f9f2e4; border: 1px solid #cdb88c; width: 900px; min-height: 570px; float: left; position: relative; margin-top: -84px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } #sidebar {width: 338px; margin: 240px 4px 0px 0px; float: right;} #plan-your-trip {width: 466px; height: 518px; z-index: 99; position: absolute; right: 10px; top: 3px;} #plan-your-trip { width: 344px; height: 197px; z-index: 99; position: absolute; right: 16px; top: 51px; } #plan-your-trip #bkground {position: absolute; top: 55px; left: 119px;} #plan-your-trip1 #bkground1 { position: absolute; top: 52px; left: 581px; } #plan-your-trip #bkground {position: absolute; top: 8px; left: 119px;} #plan-your-trip #hook {background: url(../images/bkground-hook.jpg) no-repeat; width: 16px; height: 58px; position: absolute; top: -3px; left: 258px;} #plan-your-trip #hook { background: url(../images/bkground-hook.jpg) no-repeat; width: 16px; height: 58px; position: absolute; top: -50px; left: 138px; z-index:599 } #plan-your-trip #wahoo {background: url(../images/bkground-wahoo.png) no-repeat; width: 121px; height: 107px;position: absolute; left: 0px; bottom: 320px;} #plan-your-trip #wahoo { background: url(../images/bkground-wahoo.png) no-repeat; width: 121px; height: 107px; position: absolute; left: -119px; bottom: 367px; } #plan-your-trip form {margin: 0px; padding: 0px;position: absolute; top: 225px; left: 140px;width: 300px; height: 275px;} #plan-your-trip form {margin: 0px; padding: 0px;position: absolute; top: 178px; left: 140px;width: 300px; height: 275px;} #plan-your-trip form input, #plan-your-trip form select { display: block; margin: 3px 0px 3px 0px; } #plan-your-trip form .btn-submit {position: absolute; bottom: 0px;left: 80px;} #plan-your-trip form select {font-size: 13px; margin: 0px 0px 0px 0px;} #plan-your-trip form table { border-collapse: collapse; vertical-align: top} #plan-your-trip form .lbl {position:relative;font-weight:bold; margin:5px 0px 3px 0px; clear:both; color:#000; font-size:12px; font-weight: bold; background: #ffeace;} #plan-your-trip form .field {font-size:11px; line-height: 14px; font-family:Arial,Helvetica,sans-serif; background: #726a4d; color: #fff; } #plan-your-trip form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;} #plan-your-trip form .btn-submit { display: block; margin: 10px 0px 0px 0px; clear: both;} #plan-your-trip form .left{float:left; padding:0px 15px 0px 0px} #plan-your-trip form .left-phone {float:left; } #plan-your-trip form .right-phone {float:left; padding:0px 0px 0px 3px} #plan-your-trip form .clear {float:none} #footer-container {width: 100%; background: #000b1e; border-top: 1px solid #18478a;height: 150px;} #footer { width: 991px; height: 150px; background: url(../images/bkground-footer.jpg) top center no-repeat; margin: -1px auto 0px auto; position: relative;} #footer ul { list-style: none; padding: 40px 0px 10px 0px; margin: 0px; font-size: 12px;text-align: center; font-size: 12px;} #footer ul li {display: inline; padding: 0px 6px 0px 3px; border-right: 1px solid #8cb4ee; } #footer ul li a {color: #8cb4ee; } #footer ul .last { border-right: none; } #footer p { font-size: 11px; color: #80858f; margin: 0px; padding:0px 0px 0px 0px; line-height: 18px; text-align: center; } #footer p a { color: #80858f; } #footer p a:hover { text-decoration: none;} #homepage {} #homepage #adam-meadows {position: absolute; left: 5px; top: 186px;} #homepage #yacht { top: 35px; left: 310px; } #homepage #header { } #homepage #content {margin: 102px 0px 0px 0px;} #homepage #whats-biting-now {float: left; margin: 0px 10px 0px 0px; position: relative; width: 188px; height: 141px;} #homepage #whats-biting-now img {} #homepage #whats-biting-now .month {font-size: 18px; color: #fff; position: absolute; left: 2px; top: 4px; width: 68px; text-align: center;} #homepage #whats-biting-now .day {font-size: 30px; position: absolute; left: 2px; top: 31px; width: 68px; text-align: center; } #homepage #plan-your-trip #wahoo { bottom: 327px; } #scheduler {} #scheduler #content {width: 905px;} #scheduler #content #content-left {width: 200px; float: left;} #scheduler #content #content-right {width: 685px; float: right;margin: 77px 0px 0px 0px;} #scheduler #form .lbl { background: none; } #scheduler #form .field { background: none; color: #000; } #scheduler .success, #scheduler .error { margin: 0px 0px 10px 0px; } #scheduler .half-availability {background: url(../images/scheduler-half-availability.gif) no-repeat bottom center;} #scheduler .no-availability {background: url(../images/scheduler-no-availability.gif) no-repeat bottom center;} #scheduler #scheduler-info {background: #f9f2e4; border: 1px solid #cdb88c; position: absolute; right: 44px; top: 65px; width: 600px; padding: 0px 10px 10px 10px; z-index: 2} #scheduler-admin {} #scheduler-admin #wrapper {width: 760px; margin: 10px auto 10px auto; } #scheduler-admin #content {width: 720px; padding: 10px 20px 20px 20px; margin: 0px; float: none; min-height: inherit;} #scheduler-admin #footer {background: none; width: 760px; height: 50px; margin: 10px auto 0px auto;} #scheduler-admin #footer p, #scheduler-admin #footer p a { color: #f9f2e4; } #scheduler-admin #login-status { position: absolute; right: 20px; top: 10px; } #video-container {position: absolute; left: 12px; top: 40px;} /* ---------------------------- */ /* Image Replacement /* ---------------------------- */ h2#welcome, h2#about-us, h2#planyourtrip, h2#photo-gallery, h2#contact-us, h2#no-category {overflow:hidden; background-repeat:no-repeat; height:0px !important; font-size:0px; margin: 0px 0px 10px -10px; padding: 47px 0px 0px 0px; height /**/:47px; clear: both;} h2#welcome { background-image:url(../images/h2-welcome.gif); } h2#about-us { background-image:url(../images/h2-about-us.gif); } h2#planyourtrip { background-image:url(../images/h2-planatrip.gif);} h2#photo-gallery { background-image:url(../images/h2-photogallery.gif); } h2#contact-us { background-image:url(../images/h2-contactus.gif); } h2#no-category { background-image:url(../images/h2-nocategory.gif); } /* ---------------------------- */ /* Forms Validation /* ---------------------------- */ .lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;} .alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; } .success, .error, .info {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;} .success p, .alert p, .info p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;} .error {} .error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red; font-size: 14px; position: relative;} .success {background-color:#c3fbbb; border:1px solid #abe9a2 } .success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;} .info {margin: 0px 0px 10px 0px; background-color:#f3fbbb; border:1px solid #e6db80} .info h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/info.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;} .progress {padding: 10px 0px 13px 10px; } .progress img {float: left; padding: 0px 10px 0px 0px; } .progress h4 { font-size: 15px; margin: 0px; padding: 5px 0px 10px 0px; color: Red; font-weight: bold; } /* ---------------------------- */ /* Forms Formatting /* ---------------------------- */ #form {} #form select {font-size: 13px; margin: 0px 0px 0px 0px;} #form table { border-collapse: collapse; vertical-align: top} #form h5 {position:relative; font-family:Arial,Helvetica,sans-serif;font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background: #FFEACE; border-bottom: 1px solid #CDB88C; display:block; clear:both} #form .lbl {position:relative;font-weight:bold; margin:5px 0px 3px 0px; clear:both; color:#000; font-size:12px; font-weight: bold} #form .field {font-size:11px; line-height: 14px; font-family:Arial,Helvetica,sans-serif;clear: both; display: block; margin: 0px 0px 10px 0px; } #form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;} #form .btn-submit { display: block; margin: 10px 0px 10px -7px; clear: both; font-weight: bold; font-size: 16px; padding: 4px;} #form .left{float:left; padding:0px 15px 0px 0px} #form .left-phone {float:left; } #form .right-phone {float:left; padding:0px 0px 0px 3px} #form .clear {float:none} #form #PreferredContact_Email, #form #PreferredContact_Email { font-size: 12px; } #form textarea { font-family:Arial,Helvetica,sans-serif; } /* ---------------------------- */ /* Misc /* ---------------------------- */ .float-left{float:left; } .float-right { float: right; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .img-left{float:left; margin:0px 10px 0px 0px; } .img-right{float: right; margin: 0px 0px 0px 10px; } .margin-left {margin-left: 10px; } .margin-right{margin-right: 10px;} .margin-top{ margin-top: 10px;} .margin-bottom { margin-bottom: 10px; } .small{font-size:11px; line-height:14px; } .large{font-size:16px; } .nodis { display: none; } .clear{ clear: both; } .highlight { padding: 2px; background-color: #acd2f3; } .grey { color: #666; } .border { border:1px solid #ccc;} .red {color: red;} .bluehighlight { color: #0066cc; font-weight: bold; }