/* Reset (yui 3) */
html { color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
@font-face {
font-family: 'Patagonia';
src: url('../fonts/patagoniab-webfont.eot');
src: url('../fonts/patagoniab-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/patagoniab-webfont.woff') format('woff'),
url('../fonts/patagoniab-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'us101';
src: url('us101-webfont.eot');
src: url('us101-webfont.eot?#iefix') format('embedded-opentype'),
url('us101-webfont.woff') format('woff'),
url('us101-webfont.ttf') format('truetype'),
url('us101-webfont.svg#US101Regular') format('svg');
font-weight: normal;
font-style: normal; }
/* basics */
html { background-color: #e9e9e9; width:100%; height:100% ; -webkit-user-select: none;}
body { background: #e9e9e9; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 10px; line-height: 10px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
.wrapper { width:955px; margin-left:auto; margin-right:auto; }
/* generic styles */
a,
a:link,
a:visited,
a:active { cursor: pointer; text-decoration:none;}
a:hover { }
h1 { font-family: "Patagonia" , "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif ; font-size:3em; line-height: 1em; font-weight: 400; }
h2 { font-size: 2.5em; line-height: 1em; }
h3 { font-family: "Patagonia" , "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif ; font-size: 1em; line-height: 1em; }
a img { cursor:pointer; }
img { border:none; }
.hr { border:none; display:block; clear: both; width:100%; height: 5px; margin:0 auto; background-image: url(../img/hr.png); background-repeat: no-repeat; background-position: center;}
strong { font-weight:bold;}
/* buttons */
.button {
display: block; width:145px; float:left; margin-right: 5px; position: relative; padding: 10px 24px 10px; cursor: pointer; border: 1px solid #0593dc;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
background: #00a6fc url(../img/interface/button-gloss.png) repeat-x 0 -34px;
background: #00a6fc url(../img/interface/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
background: #00a6fc url(../img/interface/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
text-align: center; color: #fff; text-decoration: none; font-weight: bold; line-height: 1;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
/* background-color: #141414; border: 1px solid #000; */
}
.button:hover { /* background-color: #0192dd; color: #fff; */ }
.button.round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
.button:active {}
.button.option { float:right; font-size:0.5em; line-height: 0.5em; margin-top:10px; padding: 10px 10px; }
.button:disabled,
.button:disabled:hover { background-color: #e9e9e9; color: #b9b9b9; border: 1px solid #cacaca; text-shadow: none !important; cursor:default; }
/* panels */
.panel {
background-color:#322411;
background-image: url(../img/bg-panel.jpg);
background-repeat: repeat-x;
margin-top: 100px;
margin-bottom: 100px;
padding-bottom: 10px;
}
.panel .more { font-size: 2.0em ; line-height: 3.0em; text-align:center; color:white; text-transform:uppercase; font-weight:bold; }
/* lazy styles */
/* Colors */
.blue { background-color: #0192dd; border: 1px solid #0593dc; }
.green { background-color: #1bc758; border: 1px solid #41a865; }
.red { background-color: #b90202; border: 1px solid #b90b0b; }
.white { background-color: #e9e9e9; color: #333;border: 1px solid #cacaca; text-shadow: none !important; }
.black { background-color: #141414; border: 1px solid #000; }
.charcoal { background-color: #2b2626; border: 1px solid #000; }
/* Hovers */
.blue:hover { background-color: #00a6fc; }
.green:hover { background-color: #1fe063;; }
.red:hover { background-color: #d01217; }
.white:hover { background-color: #dadada; color: #333; }
.black:hover { background-color: #000; }
.charcoal:hover { background-color: #3f3838; }
/* sizes */
.large { font-size: 1.8em }
.medium { font-size: 1.4em }
.small { font-size: 0.8em }
/* align */
.alignCenter { text-align:center; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignJustify { text-align:justify; }
/* text styles */
.textshadow { color: #e9e9e9; text-shadow: 0px 2px 3px #555; font-size: 28px; font-weight:bold;}
.hide { display:none; }
.clear { clear: both; }
.trans {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=95); /* IE 5-7 */
-moz-opacity: 0.95; /* Netscape */
-khtml-opacity: 0.95; /* Safari 1.x */
opacity: 0.95; /* Good browsers */ }
/* --------------------------------------------------------------------------------------------------------------------------------------------------- */
/* nav */
#nav { width:100%; height:40px; display: block; margin-bottom: 100px; padding-top: 5px; background-color:#eee; border-bottom: solid 1px #eee; ;
font-size:1.2em ; font-weight:bold; text-transform: uppercase; }
/*
#nav a { width: auto; height: 30px; line-height: 30px; padding: 7px 18px 9px; font-size: 1em; color: #555; background: none; border: none; }
#nav a:hover { color: #333; background: #fff; border-bottom: 3px solid #bc8603; }
#nav a.active { color: #fff; background-color: #b90202; border-bottom: 3px solid #bc8603; }
*/
/* top */
.mario-wrapper { position:relative; z-index:10; width: 955px; height:0; margin-right:auto; margin-left:auto; text-align:right;}
.mario { margin-top: -35px; margin-right: -50px;}
.mario-small { margin-top: -65px; margin-right: -30px;}
#top { position:relative; z-index:1;background-color: #322411; color:white; height: 353px; background-image: url(../img/bg-top.jpg); } /* height: 310px; */
#top h1 { width:799px; height:67px; position:absolute; line-height:2.2em; background-color: #b90202; color:white; text-transform:uppercase; font-weight:bold;margin-top:-35px; text-align:center;
background-image:url(../img/bg-main-title.jpg); text-shadow: 0.2em 0.2em #5a0101;}
#top h2 { width: 600px; padding-top:100px; padding-left: 30px; margin-bottom: 10px; line-height: 2.4em; text-shadow: 0.3em 0.3em #231501; }
.phone { width:240px; height:69px; display:block; float:left; margin-right:35px;
color:white; text-transform:uppercase; font-weight:bold; font-size: 3em; line-height:2.4em; text-align:center; text-shadow: 0.1em 0.1em #231501;
background-color:#bc8603; background-image: url(../img/btn-phone.jpg); background-repeat: no-repeat; }
.mobile { width:274px; height:69px; display:block; float:left; margin-right:35px;
color:white; text-transform:uppercase; font-weight:bold; font-size: 3em; line-height:2.4em; text-align:center; text-shadow: 0.1em 0.1em #231501;
background-color:#bc8603; background-image: url(../img/btn-mobile.jpg); background-repeat: no-repeat; }
/* small */
#top-small { background-color: #322411; color:white; height: 135px; background-image: url(../img/bg-top-small.jpg); } /* height: 310px; */
#top-small h1 { width:799px; height:67px; position:absolute; line-height:2.2em; background-color: #b90202; color:white; text-transform:uppercase; font-weight:bold;margin-top:-35px; text-align:center;
background-image:url(../img/bg-main-title.jpg); text-shadow: 0.2em 0.2em #5a0101; }
#top-small h2 { width:375px; float:left; padding-top:60px; padding-left: 30px; font-size: 1.8em; line-height:2em; text-shadow: 0.3em 0.3em #231501; }
.phone-small { width:177px;; height:44px; display:block; float:left; margin-right:20px; margin-top:60px;
color:white; text-transform:uppercase; font-weight:bold; font-size: 2.4em; line-height:1.8em; text-align:center; text-shadow: 0.1em 0.1em #231501;
background-color:#bc8603; background-image: url(../img/btn-phone-small.jpg); background-repeat: no-repeat; }
.mobile-small { width:193px; height:44px; display:block; float:left; margin-right:35px; margin-top:60px;
color:white; text-transform:uppercase; font-weight:bold; font-size: 2.4em; line-height:1.8em; text-align:center; text-shadow: 0.1em 0.1em #231501;
background-color:#bc8603; background-image: url(../img/btn-mobile-small.jpg); background-repeat: no-repeat; }
/* panels */
.page-title { width:480px; height:89px; position:absolute; line-height:2.5em; color:white; text-transform:uppercase; font-weight:bold;margin-top:-32px; text-align:center; clear:both;
margin-left: 239px; background-image:url(../img/bg-page-title.png); text-shadow: 0.2em 0.2em #5a0101; }
/* footer */
#footer { text-align:center; clear:both; font-size:1.8em; line-height: 2em ; padding-bottom: 50px; padding-top: 50px; }