/* ===== Global ================================================================= */ html {overflow-y: scroll; background-image:url(../img/background.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:#37a052;} body {margin: 0; } ::-moz-selection {background: #8db700; color: #fff; text-shadow: none; } ::selection {background: #8db700; color: #fff; text-shadow: none; } .wrapper {margin:auto; width:980px; } /* ===== Typography ============================================================= */ .text { font:14px Helvetica, Helvetica Neue, Arial; line-height:1.4em; color:#404040; } .text a { font:14px Helvetica, Helvetica Neue, Arial; line-height:1.4em; color:#404040; text-decoration:none; } .text a:hover { font:14px Helvetica, Helvetica Neue, Arial; line-height:1.4em; color:#404040; text-decoration:none; } h1 { font:24px Helvetica, Helvetica Neue, Arial; line-height:1.4em; font-weight:bold; color:#404040; } .copytext { font:12px Helvetica, Helvetica Neue, Arial; color:#FFF; } .copytext a { font:12px Helvetica, Helvetica Neue, Arial; color:#FFF; text-decoration:none; } .copytext a:hover { font:12px Helvetica, Helvetica Neue, Arial; color:#99e75f; text-decoration:none; } li { font:14px Helvetica, Helvetica Neue, Arial; color:#FFF; } li a { font:14px Helvetica, Helvetica Neue, Arial; color:#FFF; text-decoration:none; } li a:hover { font:14px Helvetica, Helvetica Neue, Arial; color:#99e75f; text-decoration:none; } /* ===== Layout ================================================================= */ #main {width:990px; } #menu {width:961px; height:29px; margin-top:15px; margin-left:9px; } #sliderbox {width:960px; height:209px; margin-top:15px; margin-left:9px; z-index:0; } #leftcolumn {width:755px; height:auto; min-height:410px; margin-top:0px; margin-left:0px; float:left; } #leftcolumn2 {width:540px; height:auto; min-height:410px; margin-top:0px; margin-left:0px; float:left; } #orderbox {width:724px; height:89px; margin-top:23px; margin-left:10px; } #rightcolumn {width:233px; height:auto; min-height:410px; margin-top:-10px; margin-left:730px; } #rightcolumn2 {width:400px; height:auto; min-height:410px; margin-top:12px; margin-left:605px; padding-bottom:20px; } #footer {clear:both; width:980px; height:84px; padding-top:30px; background-image:url(../img/footerbg.png); } #botcolleft {width:450px; margin-left:30px; margin-top:-10px; float:left;} #botcolright {width:450px; margin-top:-25px; margin-right:10px; float:right;} #aboutbox {width:570px; height:590px; margin-top:2px; margin-left:10px; padding-right:10px; overflow-x:hidden; overflow-y:scroll; } #contactbox {width:570px; height:590px; margin-top:2px; margin-left:10px; padding-right:10px; overflow-x:hidden; } /* ===== Graphics =============================================================== */ #logo {width:334px; height:69px; margin-top:5px; margin-left:-8px; border:0px; } #phone {width:256px; height:58px; float:right; margin-top:15px; margin-right:-5px; border:0px; } #arrows {width:49px; height:29px; margin-top:28px; margin-left:360px; position:absolute; border:0px; } #bookmove {width:233px; height:365px; position:absolute; margin-top:23px; margin-left:-10px; border:0px; z-index:0; } #packone {width:248px; height:281px; margin-top:6px; margin-left:-6px; border:0px; } #packtwo {width:264px; height:281px; margin-top:6px; margin-left:-6px; border:0px; } #packthree {width:264px; height:281px; margin-top:6px; margin-left:-11px; border:0px; z-index:100; } #footerlogo {width:239px; height:35px; float:right; margin-right:-2px; padding-left:230px; border:0px; } #facebookicon {width:28px; height:28px; margin-top:5px; margin-left:5px; border:0px; } #twittericon {width:28px; height:28px; margin-top:5px; margin-left:5px; border:0px; } #linkedinicon {width:28px; height:28px; margin-top:5px; margin-left:5px; border:0px; } #headers {width:334px; height:48px; margin-top:5px; margin-left:3px; border:0px; } #rightpagepic {width:365px; height:590px; margin-top:border:0px; } /* ===== Form ================================================================= */ #droppcbox {width:242px; height:66px; position:absolute; margin-top:23px; margin-left:185px; } #dropbox {float:left; } #pickpcbox {width:242px; height:66px; position:absolute; margin-top:23px; margin-left:415px; } #pickbox {float:left; } #submitbutton {width:105px; height:38px; position:absolute; margin-top:1px; margin-left:20px; border:0px } input {color: transparent; font-size: 14px; height: 32px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -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;} input[type="text"] {border: 1px solid #ccc; height: 40px; padding: 0 10px; width: 170px; 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;} input[type="text"] {color:#999;} input[type="text"]:-moz-placeholder {color:#999;} input[type="text"]:-ms-input-placeholder{color:#999;} input[type="text"]::-webkit-input-placeholder{color:#999;} /* ===== 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;}