/* ===== Global ================================================================= */ html {overflow-y: scroll; background-image:url(../img/gallerybackground.jpg); background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 2300px; margin-top:0px; height:100%; background-color:#000000;} body {margin: 0; } ::-moz-selection {background: #C00; color: #fff; text-shadow: none; } ::selection {background: #C00; color: #fff; text-shadow: none; } .wrapper {margin:auto; width:980px; } /* ===== Typography ============================================================= */ .text { font:14px Helvetica, Helvetica Neue, Arial; line-height:1.4em; color:#808080; } h1 { font:18px Helvetica, Helvetica Neue, Arial; line-height:1.4em; font-weight:bold; color:#808080; } h2 { font:14px Helvetica, Helvetica Neue, Arial; line-height:1.4em; font-weight:bold; color:#808080; } a { line-height:1.4em; color:auto;} .copytext { font:12px Helvetica, Helvetica Neue, Arial; color:#666; } .copytext a { font:12px Helvetica, Helvetica Neue, Arial; color:#666; text-decoration:none; } .copytext a:hover { font:12px Helvetica, Helvetica Neue, Arial; color:#999; text-decoration:none; } /* ===== Layout ================================================================= */ #main {width:980px; } #menu {width:981px; height:70px; margin-top:-137px; margin-left:-1px; z-index:0; } #welcomebox {width:550px; height:238px; margin-top:30px; margin-left:50px; background-image:url(../img/welcome_bg.png); } #welcometextbox {width:540px; height:238px; padding-top:15px; padding-left:15px; padding-right:20px; } #leftcolumn {width:550px; height:auto; min-height:285px; margin-top:0px; margin-left:-20px; float:left; } #rightcolumn {width:292px; height:auto; margin-top:0px; margin-left:650px; } #centercolumn {width:990px; height:auto; margin-bottom:10px; } #gallerybox {width:960px; height:1000px; margin-top:130px; margin-left:8px; padding-bottom:38px; } #gallerytitlebox {width:550px; height:238px; margin-top:-100px; margin-left:51px; position:absolute; } #gallerytitletextbox{width:540px; height:238px; padding-top:15px; padding-left:15px; padding-right:20px; } #footer {clear:both; width:100%; height:100px; padding-top:25px;} #botcolleft {width:450px; margin-left:-35px; float:left;} #botcolright {width:450px; margin-top:-15px; margin-right:0px; float:right;} /* ===== Graphics =============================================================== */ #logo {width:184px; height:184px; position:relative; margin-top:2px; margin-left:400px; z-index:100; border:0px; } #phone {width:218px; height:31px; position:absolute; margin-top:130px; margin-left:125px; border:0px; } #tagline {width:28px; height:468px; margin-top:100px; margin-left:45px; border:0px; } #pagethumbs {width:210px; height:490px; margin-top:-470px; margin-left:98px; border:0px; } #charters {width:498px; height:148px; margin-top:20px; margin-left:-10px; border:0px; } #mma {width:498px; height:133px; margin-top:35px; margin-left:0px; border:0px; } #cwb {width:62px; height:64px; margin-top:-15px; margin-left:-145px; border:0px; } #canada {width:78px; height:64px; margin-top:-15px; margin-left:-80px; border:0px; } #facebook {width:53px; height:64px; margin-top:-15px; margin-left:5px; border:0px; } /* ===== Drop Down Menu ================================================================= */ .dropmenu li a, .dropmenu li{ float: left; z-index: 100;} .dropmenu li{ list-style:none; position: relative; top: 1px; z-index:50; } .dropmenu li > ul, .dropmenu li > div { display: none; position: absolute; top: 100%; background-color: transparent;} .dropmenu li:hover > ul, .dropmenu li:hover > div{ display: block; text-align:center; z-index:100;} /* ===== Bottom Menu ================================================================= */ ul#botnav {font-family:"Arial", Times, serif; font-size:13px; font-weight:bold; margin-top:-12px; margin-left:20px; padding:0; list-style:none; } ul#botnav li {display:block; position:relative; padding-right:1px; border-color:#999; float:left; } #botnav #last {display:block; position:relative; float:left; border-right:none; } li#botnav ul {display:none; } ul#botnav li a {display:block; text-decoration:none; color:#808080; padding:5px 15px 5px 15px; margin-left:0px; white-space: nowrap;} ul#botnav li a:hover {text-decoration:underline; } /* MailChimp Form Embed Code */ #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em; color:#999;} #mc_embed_signup input {color: transparent; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease;} #mc_embed_signup input[type="email"] {border: 1px solid #ccc; height: 15px; padding: 0 10px; width: 200px; position: relative; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.06); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.06); box-shadow: inset 0 0 10px rgba(0,0,0,.06); z-index: 2;} #mc_embed_signup input[type="email"] {color:#999;} #mc_embed_signup input[type="email"]:-moz-placeholder {color:#999;} #mc_embed_signup input[type="email"]:-ms-input-placeholder{color:#999;} #mc_embed_signup input[type="email"]::-webkit-input-placeholder{color:#999;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 10px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .clear {clear:none; display:inline;} #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} #mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; } #mc_embed_signup input.button {display:block; width:32px; height:34px; margin:0 0 10px 0; min-width:32px; background-image:url(../img/subscribe_button.png); } #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}